» »Unlabelled » Cara Memasang Tombol Like (Suka) Mirip Facebook di Bawah Komentar Blog

Like button for Comments
BLOGGER yang baik akan membalas setiap komentar yang masuk di blognya, apalagi jika berupa pertanyaan. Namun, bagi blogger yang "sibuk" sehingga tak sempat membalas atau merespons komentar yang masuk, alternatifnya adalah memasang tombol Like (Suka)  berupa ikon jempol (thumb-up) mirip "Facebook Like" di Bawah Komentar Pengunjung di Blogspot.

Jadi, jika sang blogger "tidak sempat" membalas/merespons komentar yang masuk, daripada kesannya "cuek", minimal bisa "ngasih jempol", sebagaimana bisa dan biasa kita lakukan di Facebook.

Cara Memasang atau Menambahkan Tombol Like (Suka) di Bawah Komentar Pengunjung di Blogspot ini, tutorial dan kode-kodenya CB dapatkan di blog Duypham. Silakan dicoba.

TAHAPAN MEMASANG TOMBOL SUKA UNTUK KOMENTAR DI BLOGSPOT
Seperti biasa, login ke blogger. Di dashboard, klik menu Template > Edit HTML, dan lakukan dengan teliti tahapan berikut ini:

1. Tambahkan kode berikut ini sebelum kode/tag ]]></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. Replace (ganti) kode (function() { dengan kode di bawah ini:

items_copy var = [];
 (Function () { 

3. Replace (ganti) kode var items = <data:post.commentJso/>; dengan kode di bawah ini:

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

4. Tambahkan kode berikut ini di bawah kode <data:post.commentHtml/>

<script type='text/javascript'>
 likeurl var = '<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 +')"> class='story_text'> id="like-cm'+items_copy[i].id+'"> </ div> </ div> ', a. likecom innerHTML = b} function (i) {var a = document.getElementById ('like-cm' + i) if (a) {a.innerHTML = '<iframe style = "margin: 0 0-13px-6px" frameborder = "0" allowtransparency = "true" scrolling = "no" height = "20" src = "http://www.blogger.com/blog-post-reactions.g?options = [Like] & textcolor =% 23,666,666 # '+ likeurl + i +' "width =" 100 "> <\ / iframe> '}}
 / /]]>
 </ Script> 

5. SAVE! and... Good Luck!

About Muhammad fadli

Hi there! I am Hung Duy and I am a true enthusiast in the areas of SEO and web design. In my personal life I spend time on photography, mountain climbing, snorkeling and dirt bike riding.
«
Next
Newer Post
»
Previous
Older Post