Blog Ping

Arsip Blog

Kamis, 21 Oktober 2010

Cara Memasang Widget Top Komentator

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

image

    * 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%2Famatullah83.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://amatullah83.blogspot.com/2010/01/cara-memasang-widget-top-komentator.html target="_blank" title="widget top komentator">Add this widget to your blog</a></div></small>

Catatan: Ganti tulisan yang berwarna hijau 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.

Tidak ada komentar:

Posting Komentar