Kamis, 03 Februari 2011

Cara Menambah Reply Button Pada Komentar Blogger



Kali ini saya ingin mengetengahkan sebuah trik sederhana hasil pengembangan seorang blogger luar Chen asal china, yaitu bagaimana cara menambahkan reply comment atau tombol reply pada form comment blogger. Karena opsi komentar blogger memang masih nampak kaku dibanding blog dengan platfrom lainnya seperti wordpress yang diantaranya telah tersedianya opsi reply comment hanya dengan sekali klik.
Bagi yang ingin mengetahui cara memasang tombol reply comment silahkan ikuti tutorial berikut:
Menambahkan Reply Button Pada Komentar Blogger
1. Setelah sig in pada account blogger sobat>>> pada dasbor>>> Klik Tata Letak>>> Edit HTML>>> centang kotak kecil bertuliskan Expand Template Widget
2. Kemudian cari kode berikut jika ingin memasang reply comment seperti contoh gambar pertama:
<data:commentPostedByMsg/>
Jika ingin memasang hanya reply comment seperti gambar kedua, cari kode berikut:
<b:includable id='commentDeleteIcon' var='comment'>
3. Selanjutnya letakkan kode berikut setelah kode pada point nomor 2
Jika hanya menggunakan tulisan reply comment seperti gambar pertama:
<span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&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 to comment]</a></span>
Jika ingin menggunakan image tombol reply comment seperti gambar kedua:
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&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=450,height=450&quot;); return false;'><img alt='Reply To This Comment' src='URL image sobat disini'/></a></span>
Catatan: Tulisan yang berwarna merah (Letakkan blog ID sobat disini) ganti dengan ID blog sobat. Cara mengetahui ID blog, pada saat log in pada account sobat dan hendak menulis postingan baru, perhatikan tampilan kotak atas tempat URL pada browser:
image
Tulisan warna merah URL image sobat disini: Bisa sobat isi dengan URL berikut atau URL image sendiri, ingat URL image harus diawali dan ditutp dengan tanda " atau '
reply-blue_thumb[1]
http://sites.google.com/site/amatullah83/background/reply-blue_thumb%5B1%5D.png
reply-gray_thumb[1]
http://sites.google.com/site/amatullah83/background/reply-gray_thumb%5B1%5D.png
 reply-green_thumb[1]
http://sites.google.com/site/amatullah83/background/reply-green_thumb%5B1%5D.png
reply-pink_thumb[1]
http://sites.google.com/site/amatullah83/background/reply-pink_thumb%5B1%5D.png
 reply-red_thumb[1]
http://sites.google.com/site/amatullah83/background/reply-red_thumb%5B1%5D.png
4. Simpan template, lihat hasilnya diblog sobat.



2 komentar:

  1. hhahaha.. :a
    ini nih yang gue cari..
    langsung ke TKP deh, mudah2an berhasil..

    BalasHapus
  2. hahah ok GAN silahkan di coba GOOD LUCK GAN :f:

    BalasHapus

Berkomentarlah dengan memberi motifasi-motifasi agar saya bersemangat untuk selalu mengupdate blog ini