April 12, 2014

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

April 12, 2014

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGgin17SSnWPkZUUt2FMm7MQLvBLqaIOHjALVlQQVteiz8I6X_0uGqo1eOy-ujd2zcK2PQuiaBlGsqVUAr4lG4xIRGGpTiYTEzufXu0a7U_l72HNCr36cVidYZH_NKQb6e7HmNP8PVing/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!

Previous
« Prev Post
Author Image

Romeltea

Recommended Posts

Related Posts

Show comments
Hide comments

4 comments on Cara Memasang Tombol Like (Suka) Mirip Facebook di Bawah Komentar Blog

  1. Bisa kasih contoh hasilnya tdk, Gan??

    ReplyDelete
    Replies
    1. dicoba aja masbro.... nanti hapus lagi jika tidak berkenan.... Contoh ada di sini:
      http://blog.duypham.info/2012/12/them-nut-like-cho-thread-comment.html

      Delete
  2. Gan bagaimana cara mengatasi tombol like facebook di bawah postingan blog yang eror saat di klik "like"

    ReplyDelete

Contact Form

Name

Email *

Message *