Senin, 26 September 2011

Menambahkan 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 commenthanya dengan sekali klik.
Bagi yang ingin mengetahui cara memasang tombol reply comment silahkan ikuti tutorial berikut:
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Tata Letak.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode berikut ini :

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'>

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 ditutup 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

6. Simpan template, lihat hasilnya diblog sobat.