Cara Memasang Tombol Like (Suka) Mirip Facebook di Bawah Komentar Blog
April 12, 2014
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>.
3. Replace (ganti) kode var items = <data:post.commentJso/>; dengan kode di bawah ini:
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 () {
(Function () {
var items = <data:post.commentJso/>;
items_copy = items;
items_copy = items;
4. Tambahkan kode berikut ini di bawah kode <data:post.commentHtml/>
5. SAVE! and... Good Luck!
<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>
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
« Prev Post
Next
Next Post »
Next Post »
Bisa kasih contoh hasilnya tdk, Gan??
ReplyDeletedicoba aja masbro.... nanti hapus lagi jika tidak berkenan.... Contoh ada di sini:
Deletehttp://blog.duypham.info/2012/12/them-nut-like-cho-thread-comment.html
Gan bagaimana cara mengatasi tombol like facebook di bawah postingan blog yang eror saat di klik "like"
ReplyDeleteGanti kode, pake addthis aja
Delete