Sabtu, 17 November 2012

Cara Membuat Tombol Balas Komentar dengan Icon

Cara Membuat Tombol Balas Komentar dengan Icon - Adanya tombol balas 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.

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. atau lihat caranya di
Cara Mengetahui ID Blog

Berikut ini langkah-langkah dalam membuat tombol balas komentar di Blogger .

Tanpa Gambar Icon

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

Lihat Code
<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;'>Balas Komentar</a>
  • Ganti Blog ID Anda dengan blog ID Anda sendiri.
  • Anda dapat mengganti tulisan Balas Komentar sesuai kemauan Anda.
Dengan Gambar Icon 
 cari kode dibawah ini
<b:include data='comment' name='commentDeleteIcon'/>
 Jika sudah ketemu letakkan kode berikut ini dibawah kode diatas

Lihat Code
<span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=Letakkan blog ID &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'/></a></span>

URL image tombol balas Komentar : 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghLqQEfJ4N9m1C0L8L905dcbl0nBdBIwUG8K3IxOkZE6FCBKQFHz_5cH7lmrYKWFUHhxbXQOc2oqYGZbaYCH2jnZY5UwJsAtIDfXcVH0YRh5BY-huEcmtTbSKJps7v8upnHeGEMGKsunE/s1600/otowebsite1.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfjBaMVxrsdSlhKbMmGsC2XK9Zue9Sm1ENvG15VB3-b1piqjn8oTZVD5nwrmldbMMmVC1pCk7-KDnBS0vHR28bwHlTCtW_3da-vFlwsGA3I8lvolXV3xYhOL6oIt6xCyCZbRh_bi3__2Y/s1600/otowebsite2.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmGFPa6OOxP-KD5FD-CWFXiI31gS02r4neWaAQxkeuq3ls2BD2bPPgUTzunONdPnhVX6TOoYMrVPRpguDFkYCX-adhDROf9JFTqrqYrGKoPo57i4qyXVo1FgqR3Hu8SaBrWzZanO7iN5g/s1600/otowebsite3.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPZdEL7YwmpN5b81yoQzrO5K9PLeWRPCBefapvCpgHrk2k0feGohziBvjDiZZKu3bbi7thX9c6I_MVwtP5gR5ijTt3Lr2wDzFi3OC0yqs1dGL_3eXa-UL1v-k7QlJbpIWLp-iql_QXhSA/s1600/otowebsite4.png


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5w6PjZ8jBN52YSH8F7pCNYR99KBXkJy3a7B25l59kW6YUG4hW-QzlUiv3Kc661bBH6g4wbqebFPNCePeext6xom6E7iyOV6_PtDjCiLxkEpVS_0oAqj4p2t0XeUGoMZgp3CrxfZP6adw/s1600/otowebsite5.png
7. SIMPAN TEMPLATE.dan lihat hasilnya semoga membantu: baca juga Cara Mengatasi Tombol Balas/Reply Komentar Blog Yang Tidak Berfungsi