Kamis, 15 November 2012

Cara Membuat Tombol Balas Komentar Memakai Icon

Tips Cara Membuat Tombol Balas Komentar Dengan Icon / Gambar - Widget ini sangat mempermudah kita selaku admin blog dan para pengunjung yang ingin membalas komentar baik itu komentar dari kita ataupun komentar dari pengunjung yang lainnya, dan dengan adanya tombol balas/reply dengan gambar dan scriptnya itu akan membantu mengarahkan dan memunculkan nama orang yang komentarnya kita balas dengan begitu pengunjung baru yang membaca komentar di blog kita tidak mereasa kebingungan membaca dan alur pembicaraan para komentator blog kita, ok deh langsung saja kita menuju langkah-langkahnya yaitu sebagai berikut :

1. Login Ke Blogger
2. Klik Rancangan
3. Klik Edit HTML
4. Centang check box Expand Widgets Template
5. Untuk jaga-jaga bilamana terjadi kegagalan klik Download Template Lengkap
6. Tekan F3/Ctrl+F dan Cari

<data:commentPostedByMsg/>

7. Setelah ketemu letakan script di bawah ini ke bawah <data:commentPostedByMsg/>

<span><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#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='ALAMAT IMAGE TOMBOL REPLY '/></a></span>

contoh  blogID ;
http://www.blogger.com/blogger.g?blogID=2306007878368165XXX

8.Ganti ALAMAT IMAGE TOMBOL REPLY dengan script di bawah ini 

http://3.bp.blogspot.com/_rKG-ziTSNUQ/TMXpGUnq_lI/AAAAAAAAB50/s4Ox50TFl5E/s1600/Reply+Button+1.jpg


http://1.bp.blogspot.com/_rKG-ziTSNUQ/TMXpHXw481I/AAAAAAAAB54/KzG70HvbrcQ/s1600/Reply+Button+2.gif 


http://1.bp.blogspot.com/_rKG-ziTSNUQ/TMXpHlhsnxI/AAAAAAAAB58/wSopo-ERW5E/s1600/Reply+Button+3.jpg 


http://4.bp.blogspot.com/_rKG-ziTSNUQ/TMXpH8OvBlI/AAAAAAAAB6A/DKWa4_r1wLE/s1600/Reply+Button+4.jpg 

http://2.bp.blogspot.com/_rKG-ziTSNUQ/TMXpIXB0wvI/AAAAAAAAB6E/n1x-Bs_LAJE/s1600/Reply+Button+5.jpg 


 http://1.bp.blogspot.com/_rKG-ziTSNUQ/TMXpJD64CbI/AAAAAAAAB6M/2jnYoOG3qrg/s1600/Reply+Button+7.png

http://3.bp.blogspot.com/_rKG-ziTSNUQ/TMXpIgwWp-I/AAAAAAAAB6I/skcjwo6fC2I/s1600/Reply+Button+6.gif
  
http://2.bp.blogspot.com/_rKG-ziTSNUQ/TMXpJb9gGAI/AAAAAAAAB6Q/eFhs4ECKCMg/s1600/Reply+Button+8.gif

http://3.bp.blogspot.com/_rKG-ziTSNUQ/TMXpJioB-jI/AAAAAAAAB6U/yD51RVf_IEU/s1600/Reply+Button+9.gif
  
http://1.bp.blogspot.com/_rKG-ziTSNUQ/TMXpF4HbqyI/AAAAAAAAB5w/XtxlKLfWL7Q/s1600/Reply+Button+10.gif


http://4.bp.blogspot.com/-Rjak8howP_A/Tdj536apaXI/AAAAAAAAAM8/gPcpovyFvmA/s1600/reply+arusbudi.blogspot.com2.gif

http://lh5.ggpht.com/_15FopxVONSo/TEF6_EM31yI/AAAAAAAADb8/DZ_UVHKVtag/reply01.png

http://lh4.ggpht.com/_15FopxVONSo/TEF6-vtUqHI/AAAAAAAADbs/rcwCiaUc-Os/reply02.png
  
http://lh3.ggpht.com/_15FopxVONSo/TEF6-sD3YpI/AAAAAAAADbw/M27Pjr-pSBU/reply03.png
  
http://lh4.ggpht.com/_15FopxVONSo/TEF6-42Ta3I/AAAAAAAADb0/r6oAqE15uHE/reply04.png
  
http://lh3.ggpht.com/_15FopxVONSo/TEF6--RmuEI/AAAAAAAADb4/Fr8x3n4c-xU/reply05.png
  
http://2.bp.blogspot.com/-niMkUSackok/Tdj-sntLb8I/AAAAAAAAAOI/q2KCCYrmnLk/s1600/Untitled-15.gif


9. Setelah ID ID BLOG ANDA dan ALAMAT IMAGE TOMBOL REPLY di ganti, lalu selanjutnya silahkan Simpan Template dan lihat perubahaan pada kotak komentar blog Anda.

1 komentar:

  1. terima kasih banyak atas informasinya. Informasi ini sangat bermanfaat

    BalasHapus