AABI‍TALITA BLOG
4.26.2013

Cara Menambahkan Tombol Like Pada Komentar Blog


Dikesempatan kali ini saya coba membahas tentang cara menambahkan tombol like pada komentar blog, menurut saya fitur ini cukup keren juga untuk ditambahkan pada komentar blog sehingga tampilannya tidak kalah menarik dengan fitur komentar yang dimiliki pihak lain seperti DisQus dll.

Pemasangan tombol like ini akan menunjukan kepada kita seberapa banyak orang yang menyukai komentar yang kita buat pada sebuah artikel dan tombol like bisa juga dimanfaatkan oleh  pemilik blog sebagai bentuk apresiasi kita kepada para pengunjung yang telah singgah dan berkomentar pada artikel yang kita buat.Untuk penampakannya kurang lebih seperti gambar dibawah ini :

                                      


Nah bagi sobat yang berminat menggunakan tips ini langsung saja kita masuk pada tahap pemasangannya :

1. Masuk ke menu Template > pilih Edit HTML>Cari kode ]]></b:skin> (gunakan Ctrl+F untuk mempermudah pencarian) dan jika sudah ketemu 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. Selanjutnya cari kode seperti dibawah ini :  
 
(function() {
      var items = <data:post.commentJso/>;

Jika sudah ketemu ganti kode tersebut dengan kode berikut :

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

3. Kemudian cari lagi 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> 

4. Terakhir save template dan sobat bisa lihat hasilnya.

Demikian tutorial tentang Cara Menambahkan Tombol Like Pada Komentar Blog semoga bermanfaat.

9 komentar

Bagus juga tuh mas...
Sayang skrg saya lagi ga kepikiran nambah javascript dari pihak ketiga...

BTW asyik tuh jempolnya hehehe (h)

hehe makasih om,tapi lumayan enteng om buat di terapkan diblog...

kalo soal jempol kompi ajaib is my inspiration :))

kalo cara buat tombol dislikenya gimana bro? kalo ada tutornya kasih tau yaaa, siipp!!

gan, kok kalo nyari pake CTRL + F gak pernah ketemu kode nya ya gan ?

akan mempengaruhi loading dan kapasitas blog ga ya kira-kira mas??

Spesialis penyakit dalam, termasuk wasir atau wasir, pengobatan herbal
obat wasir

Ko ga tampil ya tombol likenya, yg tampil cuma iconnya doang gan.

PERMAINAN ONLINE TERBESAR DI INDONESIA

Website paling ternama dan paling terpercaya di Asia ^^
Sistem pelayanan 24 Jam Non-Stop bersama dengan CS Berpengalaman respon tercepat :)
Memiliki 8 Jenis game yang sangat digemari oleh seluruh peminat poker / domino

- Adu Q
- Bandar Q
- Bandar Sakong
- Bandar Poker
- Poker
- Domino 99
- Capsa Susun
- BANDAR66 / ADU BALAK ( GAME TERBARU )

Permainan Judi online yang menggunakan uang asli dan mendapatkan uang asli ^^
* Minimal Deposit : 20.000
* Minimal Withdraw : 20.000
* Deposit dan Withdraw 24 jam Non stop ( Kecuali Bank offline / gangguan )
* Bonus REFFERAL 15 % Seumur hidup tanpa syarat
* Bonus ROLLINGAN 0.3 % Dibagikan 5 hari 1 kali
* Proses Deposit & Withdraw PALING CEPAT
* Sistem keamanan Terbaru & Terjamin
* Poker Online Terpercaya
* Live chat yang Responsive
* Support lebih banyak bank LOKAL


Contact Us

Website SahabatQQ
WA 1 : +85515769793
WA 2 : +855972076840
LINE : SAHABATQQ
FACEBOOK : SahabatQQ Reborn
TWITTER : SahabatQQ
YM : cs2_sahabatqq@yahoo.com
Kami Siap Melayani anda 24 jam Nonstop

Daftar SahabatQQ

Terima kasih atas kunjungannya, silahkan berkomentar sesuai topik. Menuliskan link aktif tidak akan ditampilkan dalam komentar.Terima Kasih.