CARA MEMASANG TOMBOL LIKE PADA KOTAK KOMENTAR

CARA GAMPANG Blog kali ini ingin berbagi tips-trik tentang cara memasang tombol like pada kotak komentar yang ada pada tiap-tiap postingan blog. CARA GAMPANG Blog mendapatkan tips-trik ini dari sebuah blog milik tetangga http://blog.duypham.info/2012/12/them-nut-like-cho-thread-comment.html dan menganggapnya bagus untuk di sebarluaskan dengan tetap mempertahankan sumber aslinya tersebut.

Berikut ini contoh hasil tips-trik tersebut  :

Bila anda berminat untuk membuatnya, beginilah cara-caranya  :

Masuk (log in) ke dashboard blog anda, kemudian pilihlah template dan pilih edit HTML, kemudian carilah kode  ]]></b:skin> dan letakkan script berikut ini di atasnya  :

.like-cm{margin-top:15px;width:10px;height:10px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB_U-in4oZWCkYdc43g13XEGEyh33EuzxwuSSqdPyVHZ1cnZc4ZVkL3d76WwnMWVnD9au2fCUDsMncU0GX644OOqQXhkmVN8hlTcV44CE2n7M-WDGffKOrj6n0ZmAKDLbrrJYYAAgDKKw/s10/like.png) no-repeat}

Selanjutnya masih dalam format edit HTML, carilah kode berikut  (function() {  dan gantilah kode tersebut dengan  :

var items_copy=[];
(function() {

Lanjutkan dengan mencari kode  var items = <data:post.commentJso/>  dan tambahkan kodenya sehingga menjadi  :

var items = <data:post.commentJso/>;
items_copy=items;

Secara lengkap kodenya akan menjadi seperti di bawah ini  :

<b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  <script type='text/javascript'>
    var items_copy=[];
    (function() {
      var items = <data:post.commentJso/>;
      items_copy=items;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;

Selanjutnya carilah kode   <data:post.commentHtml/>  dan letakkan rangkaian script ini di bawahnya :

Kode Script:

<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>

Save template anda dan lihat hasilnya.

Demikian tips-trik memasang tombol like pada kotak komentar ini, semoga bermanfaat.