::
POST

Navbar Bawah

Cari Blog Ini

Senin, 11 Februari 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(http://lh6.ggpht.com/-smRIL9DaITs/UM9cIp-I8bI/AAAAAAAABeM/wAw1Z1sgj78/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,

0 komentar

Cancel Reply