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:

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:

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 '

http://sites.google.com/site/amatullah83/background/reply-blue_thumb%5B1%5D.png

http://sites.google.com/site/amatullah83/background/reply-gray_thumb%5B1%5D.png

 

http://sites.google.com/site/amatullah83/background/reply-green_thumb%5B1%5D.png

http://sites.google.com/site/amatullah83/background/reply-pink_thumb%5B1%5D.png

 

http://sites.google.com/site/amatullah83/background/reply-red_thumb%5B1%5D.png

4. Simpan template, lihat hasilnya diblog sobat.