Thursday, January 24, 2013

Menambahkan Tombol LIKE pada Komentar

Pada kesempatan yang lalu saya sudah membahas tentang cara "Memberi Nomor Urut pada Komentar" dan sekarang saya akan membagikan tips cara menambahkan tombol like pada komentar, tutorial ini kurang lebih caranya sama dengan posting sebelumnya. menurut saya tutorial ini sangat keren.. tidak kalah dengan fitur-fitur komentar pihak lain seperti DisQus dll. heheh :D.

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/AVvXsEjfsyZTgCchSne6CzcGgcpoXzNkCG9MWvyAAFPhayT14e0VSFpVK-_O1-jDNsK1wM20EWNEZ5Bcf1n21IrZ4OqSiWosz3rsrDsN788Q7C29b-PHBFOnvViIFtJQlm0i6JLikAPQ_uKrS70/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.

Judul: Menambahkan Tombol LIKE pada Komentar; Ditulis oleh Unknown; Rating Blog: 5 dari 5