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='"https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450"); return false;'>[Reply to comment]</a></span>
Jika ingin menggunakan image tombol reply comment seperti gambar kedua:
<span><a expr:href='"https://www.blogger.com/comment.g?blogID=Letakkan blog ID sobat disini&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E#form"' onclick='javascript:window.open(this.href, "bloggerPopup", "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450"); 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.
Semoga bermanfaat. Ingin melihat live demo reply comment disini, untuk live demo reply comment dengan menggunakan image lihat disini
0 Komentar untuk "Menambahkan Reply Button Pada Komentar Blogger"