Cara Membuat Tombol Reply Dengan Icon Atau Gambar

P

ada kesempatan kali ini saya akan membahas mengenai cara membuat link atau tombol reply komentar di Blogger. Nantinya, link reply atau balas komentar ini, bila kita sedang sign in di Blogger akan berada di sebelah kanan ikon hapus komentar (gambar tong sampah) pada kolom komentar seperti yang terlihat pada gambar di atas.

Adanya link reply komentar ini dapat memudahkan kita dalam merespon suatu komentar karena nama komentator yang komentarnya akan kita balas sudah tercantum. Biasanya kita kan sebelum membalas komentar menuliskan terlebih dahulu kepada siapa komentar tersebut ditujukan. Misalnya, @nama komentator bla... bla... bla... dan seterusnya.

Bila Anda tertarik untuk memasang link reply komentar ini pada blog, pertama-tama siapkan dulu Blog ID Anda. Salah satu cara untuk mengetahui blog ID Anda adalah, setelah Anda masuk ke akun Blogger, Klik Rancangan, kemudian lihat web address browser. Nah, 19 digit angka itulah yang disebut Blog ID.

Berikut ini langkah-langkah dalam membuat link reply komentar di Blogger. Selamat menyimak.

1. Masuk ke akun Blogger Anda.

2. Klik Rancangan > Edit HTML.

3. Back-up template dulu dengan mengeklik Download Template Lengkap.

4. Beri tanda centang pada Expand Template Widget.

5. Cari kode seperti atau yang mirip dengan kode di bawah ini.
<a expr:href='data:blog.url + &quot;#&quot; + data:comment.anchorName' rel='nofollow' title='comment permalink'><data:comment.timestamp/></a></b:if>
              <b:include data='comment' name='commentDeleteIcon'/>

6. Kemudian copy kode di bawah ini dan paste di bawah kode <b:include data='comment' name='commentDeleteIcon'/>.

<a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Blog ID 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#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 src='URL gambar' title='Balas Komentar'/>
  • URL gambar diganti dengan URL gambar Anda sendiri.
  • title='Balas Komentar, judul Balas Komentar silakan diubah sesuai keinginan Anda.


Misalnya, saya menggunakan gambar di atas dengan URL gambarnya yaknihttp://3.bp.blogspot.com/-ZlMquJ43Ys4/Th_qYKpgz9I/AAAAAAAAAAM/Lqh-tWxTNMQ/s1600/reply.jpg. Maka kodenya akan menjadi seperti ini.

<img src='http://3.bp.blogspot.com/-ZlMquJ43Ys4/Th_qYKpgz9I/AAAAAAAAAAM/Lqh-tWxTNMQ/s1600/reply.jpg' title='Balas Komentar'/>

HABIS BACA JANGAN LUPA LIKE FANSPAGE KAMI DIBAWAH YA SOB..

Artikel Menarik Lainnya