Pasang Tombol Reply Pada Kolom Komentar

Apabila sobat berkunjung ke suatu website/blog pasti pernah melihat fitur Reply yang terdapat pada kolom komentar blog tersebut. Biasanya fitur tombol reply berguna untuk membalas setiap komentar pengunjung. Kali ini saya akan share cara membuat tombol reply yang telah saya modifikasi sedikit.

Untuk membuat fitur reply tersebut berikut langkah-langkahnya

1. Login ke akun blogger sobat seperti biasa

2. Klik Rancangan > Elemen Laman. Perhatikan pada kolom addres bar, disitu terdapat ID blog sobat yang akan kita gunakan untuk membuat fitur tombol reply. Apabila sobat kesulitan mengenali ID blog anda silahkan lihat contohnya pada gambar dibawah ini. Kode ID ditunjukan pada kotak berwarna biru (itu adalah id blog saya). Silahkan catat/copy ID blog sobat.

3. Kemudian lanjut dengan mengklik Edit HTML

4. Centang Expand Widget Template, kemudian cari kode seperti ini <data:commentPostedByMsg/>, dan pastekan kode berikut ini dibawah kode <data:commentPostedByMsg/>.

<b:if cond='data:blog.pageType != &quot;static_page&quot;'> <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=ID blog anda&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%3A%20#form&quot;' onClick='javascript:window.open (this.href,&quot;bloggerPopup&quot;,&quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=300,height=300,&quot;);return false;' style='padding:0px 5px; border:1px solid #ffffff; font-family:Verdana, Geneva, sans-serif; font-size:10px; font-style:normal;'>Reply Comment</a>

Keterangan

• Kode bewarna merah ganti dengan ID blog sobat yang sudah dicatat tadi pada langkah 2.
• Kode berwarna hijau silahkan sobat atur sesuai keinginan. 

5. Klik Simpan Template dan lihat hasilnya di kolom komentar blog sobat.

Screen Shoot

Sebagai bonus tambahan, apabila sobat blogger ingin menampilkan gambar sebagai ganti tulisan "Reply Comment" silahkan copas kode berikut (caranya sama seperti langkah-langkah di atas). Ganti kode berwarna biru dengan alamat url gambar  sobat.

<a expr:href='"https://www.blogger.com/comment.g?blogID=ID blog anda&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=400"); return false;'><img alt='Reply Comment' src='http://i1182.photobucket.com/albums/x453/marioadit/gmbr%20blog/reply.png'/></a>

Apabila sobat mengalami kesulitan atau ada pertanyaan, silahkan berkomentar pada kotak komentar di bawah ini. Terima kasih semoga artikelnya bermanfaat.

Related Post