Menambahkan Tombol LIKE pada Komentar

blogger templates
Menambahkan Tombol LIKE pada Komentar

Tutorial ini saya dapatkan ketika berjalan-jalan di http://blog.duypham.info/. ternyata bener memang banyak sekali manfaat blogwalking yang kita dapatkan, selain bertemu master-master blogger kita juga mendapatkan ilmu-ilmu baru tentang blog. Ini sudah saya coba dan berhasil, kurang lebih hasilnya sepeti gambar diatas. Setiap ada tutorial yang menurut saya menarik saya akan peraktekan dan apabila berhasil maka akan saya bagikan, Tapi jika gagal tidak akan saya bagikan karena saya tidak mau membuat pengunjung kecewa. :D.
OK langsung saja kita masuk pada tahap pemasangan. 
1. Pada dasboard, Masuk ke Template > pilih Edit HTML > lalu Centang Expand template widget.
Letakkan kode berikut ini diatas kode ]]></b:skin>
.like-cm {margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-kH5JRnVkKM6p2lFyKZ3osYEnjcVnSobkslVhH4iGZD05zH0Cv8xm3KN74eGmrBL_8wevbjLPCdxUDZmtvGEKxEtCqxMuv7XELrCyWb76V286Y0HXMhn1N4tjFJMhML-90gssEGtwxWU/s10/like.png) no-repeat}
2. cari kode seperti ini    

    (function() {
      var items = <data:post.commentJso/>;

kemudian ganti dengan kode berikut ini

    var items_copy=[];
(function() {
var items = <data:post.commentJso/>;
items_copy=items;
3. cari kode <data:post.commentHtml/>
dan letakkan kode berikut ini tepat dibawahnya
<script type='text/javascript'>
var likeurl='<data:blog.url/>';
//<![CDATA[
for(i=0;i<items_copy.length;i++){a=document.getElementById('c'+items_copy[i].id);gl="'"+items_copy[i].id+"'";b=a.innerHTML+'<div class="like-cm" onmousemove="likecom('+gl+')"><div id="like-cm'+items_copy[i].id+'"></div></div>';a.innerHTML=b}function likecom(i){var a=document.getElementById('like-cm'+i);if(a){a.innerHTML='<iframe style="margin:-6px 0 0 -13px" frameborder="0" allowtransparency="true" scrolling="no" height="20" src="http://www.blogger.com/blog-post-reactions.g?options=[Like]&textColor=%23666666#'+likeurl+i+'" width="100"><\/iframe>'}}
//]]>
</script> 
# Tulisan yang berwarna hijau merupakan URL gambar tombol like,
Silahkan anda sesuaikan sendiri. "Berkreasilah sesuka anda, jangan biarkan keratifitasmu terbelenggu"
Semoga bermanfaat.