Tuesday 12 February 2013

Menambahkan Tombol LIKE pada Komentar blog

Sesuai dengan judulnya Menambahkan Tombol LIKE pada Komentar blog saya akan berikan tutorialnya.
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/AVvXsEgP5sikLGiDV0KUzkBrhJDAfswN45X8x3RcOvP36F6jPZwyRK4W5ctcf1celCPn_145zPeqTt2gyH5OXdSrJJQEiK8jY3AM21mrI_BHrTklHalYga5uHI7Wks2ZcCx8ufBbhw4uMjG1ug4/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,

1 comment:

  1. ternyata sangat sederhana ya bang cara masangnya... :)
    sippp..lanjutkan... :)

    ReplyDelete