Memodifikasi komentar dengan menambahkan opsi reply

Assalamu’alaikum Wr . Wb.

Alhamdulillah.. akhirnya bisa posting lg, mungkin banyak sobat-sobat blogger ingin me-modifikasi komentarnya dengan background lainnya yang menarik, seperti kalo kita cari di google tapi kadang kita mengalami masalah jika template kita hasil dari download penyedia Download template gratis..

kadang-kadang code / scripts nya tidak bisa kita temukan di edit Html blog kita, kalo sudah kena yang begituan bawa’annya pasti pusing 7 keliling.. hehehe..

apalagi kalo kita pengen banget meng-aplikasikan sesuatu yang berguna buat blog kita tapi codingnya engga’ ketemu… huff..!!!

modifikasi komentar dengan menu “reply” contohnya seperti image dibawah ini : (klik image untuk effect zoom).

salah satu tips and triks dari memodifikasi widget komentar, kelebihannya ??? pengunjung blog / si admin bisa langsung me-reply / menjawab secara individual kepada salah satu komentator di posting blog kita.  seperti facebook  / twitter nanti komentar jawaban kita akan memakai “@namakomentar” atau kalo engga’ pingin pusing2…. silahkan lihat contohnya di blog ini langsung saja, terutama posting yang ada komentarnya… atau kalo masih bingung?? komentar saja dibawah! nanti pasti ada wujudnya.. :-)

jika sobat blogger ingin memodif-nya seperti Blog LOL1ds ini, ok cekidoottt…..t….

1. tentunya LOGIN di dashboard blog anda (blogger,WP,etc)

2. terus edit HTML sebelumnya beri centang pada “Expand Widget Templates”

3.cari code seperti ini : <data:commentPostedByMsg/> atau
<data:comment.timestamp/>

jika tidak ketemu, silahkan cari seperti salah satu code diatas semirip mungkin! paling banyak code seperti ini yang sering bisa ditemukan : <data:commentPostedByMsg/>

4. letakkan code berikut diatasnya :

<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=BloggerIdAnda&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0, location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'>[Reply Comment]</a></span>

keterangan :

BloggerIdAnda : ganti dengan blogger ID anda (tidak tau bagaimana wujud dari ID blog anda???) silahkan lihat image dibawah ini : (untuk pengguna blogger!). klik image effect  z00m!

untuk dapatkan ID itu, klik pada setting / edit html / pengaturan, dll. setelah itu lihat address bar-nya disitu akan ada ID blog anda, atau tekan Ctrl-U untuk lihat source-nya. tapi cara ini agak ribet karena banyak  angka yang akan disuguhkan tergantung ketelitian kita. ok sampai disini bingung apa tidak??? kalo tidak lanjuttt…t.. gan…!

[Reply Comment] : ganti denga kata-kata anda sendiri(terserah!) misalnya : jawab, reply, dll. atau bisa menggunakan image/gambar sendiri tapi harus menambahkan tag code seperti ini : <img src='url-gambar'/>

saya ambil contoh seperti ini, saya mempunyai URL image “reply” :

http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png

hasil : <img src=’http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png'/>

jadi kalo dijadikan satu dengan code tadi jadinya seperti ini :(saya ambil snapshoot yang paling bawah dari code itu).

location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'>[Reply Comment]</a></span>

menjadi :

location=0, statusbar=1, menubar=0, scrollbars=yes, width=400, height=450&quot;); return false;'><img src=’http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png'/>

</a></span>

berikut saya sediakan beberapa model icon “reply” URL-nya ( mungkin berminat, klik URL untuk melihat icon reply tersebut ) :

1. reply biru : http://i621.photobucket.com/albums/tt292/lolids/replybiruLOL.png

2. reply hitam : http://i621.photobucket.com/albums/tt292/lolids/replyhitamLOL.png

3. reply orange : http://i621.photobucket.com/albums/tt292/lolids/replyorangeLOL.png

4. reply merah : http://i621.photobucket.com/albums/tt292/lolids/replymerahLOL.png

5. reply hijau : http://i621.photobucket.com/albums/tt292/lolids/replyijoLOL.png

 

semoga bermanfaat sob! jangan lupa komentarnya ya. :-)

Article information: Description: Memodifikasi komentar dengan menambahkan opsi reply Rating: 4.5 - Reviewer: LolidsOfficialBlog - ItemReviewed: Memodifikasi komentar dengan menambahkan opsi reply

Related Tips, Tricks and Tutorials :