Cara Membuat Widget Top Commentators

Assalamualaikum teman..

kali ini saya akan share mengenai cara membuat widget top commentators. Widget ini cukup menarik karena dengan menambahkannya bisa memacu semangat para pengunjung untuk meninggalkan komentar mereka di blog kita. Alasannya karena komentator dengan komentar terbanyak akan ditampilkan pada widget tersebut beserta link yang menuju blog nya sehingga ia akan mendapatkan sebuah backlink dari blog kita. sebagai contoh teman bisa melihat pada sidebar kanan saya.

Langsung saja, caranya cukup mudah:

• Pertama masuk ke dashboard 
• Klik design
• Pada page elements klik add a gadget
• Pilih HTML/Javascript
• Pada content masukkan kode berikut ini:

<script type='text/javascript'>
function pipeCallback(obj) {
 document.write('<ul style="list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDHuyyoimlohNkuD6p1O-Exjm3m_C44-qB-DgI6tkQyq5KO1pbqL15seCHoDVuxY34qf7xPKUOLvUY4KMHuYljNYuxWM-5_RtuGxGl1NCUqciwfteWqUQl6sbtZx8ySXVks5RHtUuVFOk/s1600/circle-arrow-blue.png);margin-left: 20px;">');
 var i;
 for (i = 0; i < obj.count ; i++)
 {
 var href = "'" + obj.value.items[i].link + "'";
 var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ul>');
 }
 </script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&EntertheURL=http%3A%2F%2Fourreference.blogspot.com&number=5&Nametobeexcluded=Mohammad Irfan Basuki"></script>

• Ganti karakter berwarna merah dengan alamat blog teman
• Ganti karakter berwarna hijau dengan jumlah komentator yang ditampilkan
• Ganti karakter berwarna biru dengan nama yang teman gunakan dalam berkomentar di blog. misalkan saja saya, dalam berkomentar saya selalu menggunakan nama Mohammad Irfan Basuki, tujuannya adalah agar nama kita tidak ikut dimasukkan kedalam widget sekalipun komentar kita adalah yang terbanyak (sebagai pengecualian).
• Klik save
• selesai....

Bagaimana teman ? berhasilkah? teman juga bisa membuatnya dalam bentuk scroll atau berbentuk tab view menu (widget multi kolom) untuk menghemat tempat .

Regards, 

Irfan

Berlangganan Artikel Referensi Kita

Tweet

Masukkan alamat email Anda:

Related Post: