Jquery Simple Twitter Count Follower

The Simple and Amazing Twitter Count Folower make your blog look elegant and simple interface

Terkadang melihat blog orang lain yang sangat inspiratif, timbul dari dalam diri kita yang selalu meghantui dan membuat kita selalu bertanya-tanya, "Bagaimana jika diterapkan di blog saya?". Nah untuk mengobati semua itu maka saya akan membantu sedikit dengan memberikan script twitter follower counter ini yang mungkin akan berguna bagi blog sobat semua.
Jika kalian pernah berkunjung ke blog orang lain yang disana terdapat penghitung follower dari twitter hanya menggunakan tulisan saja (bukan tombol dari twitter) semua itu dibuat denga Jquery, nah untuk pembuatannya silahkan lihat caranya ndibawah ini.

Langkah 1

• Login ke Blogger

Langkah 2

• Masuk ke  "Template - Edit HTML"

Langkah 3

• Cari kode ini:  </head>

Langkah 4

• Letakkan kode dibawah ini diatas kode </head> 

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>//<![CDATA[
$(document).ready(function(){
$(function() {
$.ajax({
url: 'http://api.twitter.com/1/users/show.json',
data: { screen_name: 'NAMA ANDA' },
dataType: 'jsonp',
success: function(data) {
$('#followers').html(data.followers_count.
toString().replace(/\B(?=(?:\d{3})+(?!\d))/g, ","));
}
});
});
});
//]]></script>

Langkah 5

Simpan Template

Langkah 6

Tambahkan Gadget baru dengan type "HTML/JavaScript"
dan masukkan kode dibawah ini.

 


<span id="followers"></span>

Langkah 7

Simpan.