Cara Pasang Top Komentartor

Saya kira akhir-akhir ini keasyikan ngotak ngatik CSS dan desain template hampir melupakan saya bahwa masih ada beberapa widget blogger yang belum saya posting.  Diantaranya widget top komentator yang ingin saya ketengahkan kali ini tutorial memasangnya pada template blogger.

Oke, langsung saja pada tahapan-tahapan memasang widget top komentator

 

• Login ke blogger lalu pada dasbor pilih menu "Layout"/ Tata Letak
• Pada elemen halaman=> Klik Tambah Gadget=> HTML=> Letakkan kode berikut pada kolom konten

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
if(obj.value.items[i].link == "")
var item ="<li>" + obj.value.items[i].title + "</li>";
else
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a55cb97ebb368bb1b89b7f6bdeb35336&url=http%3A%2F%2Faspace-blogg.blogspot.com&num=15&filter=amatullah" type="text/javascript"></script>

<small><div style="font-size:90%; text-align:right; text-shadow:2px 2px 2px #adadad;"><a href="http://space-blogg.blogspot.com/2011/02/cara-pasang-top-komentartor.html" target="_blank" title="widget top komentator">Get Widget Top Komentator</a></div></small>

Catatan: Ganti tulisan yang berwarna kuning dengan url blog sobat dan nama author. Dan tulisan yg berwarna merah ganti dengan angka jumlah komentator yang ingin ditampilkan.

• Klik save/ simpan dan simpan lagi. Lihat hasil dari widget top komentator yang telah terpasang diblog sobat

Semoga bermanfaat.

Artikel Terkait:

Tutorial Blog

• Cara Membuat Link Bergeser
• Cara Membuat Menu Warna Warni
• Cara Memuat Spoiler Untuk Blog
• Headline News KATA SENDIRI
• Cara Memasang Widget Page Rank dengan mudah dan cepat
• Cara Pasang Related Post With thumbnails
• Pasang Navigasi Breadcrumb di Blogger Diatas Posting
• Efek For Blog
• Cara Membuat Backround Pada Judul Postingan
• Cara Membuat Link Beraneka Rgam
• Cara Membuat Kode warna Versi 2
• Cara Pasang Sexy Social Boommark
• Cara Membuat Menu Tab View
• menambahkan effect jquery link nudging pada tabel
• Tweety Bird Blogger Template
• Related post atau postingan terkait [With Tuhumbanail]
• Cara Mengganti Foto Profil Blog Dengan Animasi
• Cara Membuat Animasi Berjalan Dibawah tengah blog
• Cara Membuat Tag Cloud
• Cara Membuat Gambar ketika mouse diarahkan
• Isengin Pengunjung Yuk!!!
• Cara Membuat Bukutamu tersembunyi Versi TERBARU
• Cara Menampilkan Judulnya Saja Ketika label di klik
• Cara Pasang Slide Post

Posted in: Tutorial Blog