Cara Membuat Costum Like Counter dengan JQuery - Menampilkan jumlah like kadang diperlukan, akan tetapi kadang tampilan tidak sesuai dengan keinginan atau memberatkan loading blog.
Setelah sekian lama mencari - cari akhirnya saya menemukan cara memasang costum like facebook tetapi tidak memberatkan loading blog.
Mohon maaf karena demo yang telah saya siapkan telah erorr jadi untuk memahaminya, silahkan coba sendiri di blog anda.
Karena menggunakan embel2 jQuery, otomatis template sobat harus terdapat jQuery library seperti ini.
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>
Kalau sudah ada (versi berapapun) tidak usah dipasang lagi, karena pada template tidak boleh lebih dari 1 jQuery library.
Untuk jQuery nya, seperti ini (ganti yang ditandai dengan fb sobat):
jQuery(document).ready(function() {
realtime_fb_likes();
setInterval("realtime_fb_likes()", 30000);
});
function realtime_fb_likes() {
$.getJSON('http://graph.facebook.com/fathin.afif/',
function(data) {
var fb_likes = addCommas(data.likes);
$('.fb-likes-count').text(fb_likes);
});
}
function addCommas(nStr) {
nStr += '';
x = nStr.split('.');
x1 = x[0];
x2 = x.length > 1 ? '.' + x[1] : '';
var rgx = /(\d+)(\d{3})/;
while (rgx.test(x1)) {
x1 = x1.replace(rgx, '$1' + '.' + '$2');
}
return x1 + x2;
}
Untuk menampilkannya, simpan kode HTML ini dimana sobat suka
<span class="fb-likes-count"></span>
