Install Widget Top Commentators di Blogger

Mumpung lagi ada koneksi internet, saya akan membagikan cara bagaimana sih caranya membuat Top commentators pada blog. Jika kamu bingung apa itu Top commentators, widget Top commentators adalah widget yang akan menampilkan komentar pengunjung yang paling banyak. Ikuti langkah2 mudah dibawah ini oke :D

1. masuk akun Blogger.

2. Klik Rancangan --> Elemen Laman --> Tambah gadget kemudian Pilih Edit HTML.

3. Copas kode javascript dibawah ini :

<a href="http://hzndi.blogspot.com" target="_blank" title="Blogger Widgets"><img src="http://safir85.ucoz.com/24work-blogspot/cursor-24work-10.png" border="0" alt="Blogger Widgets" style="position:absolute; top: 0px; right: 0px;" /></a></a><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 + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ol>');
}
</script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&

EntertheURL=http://hzndi.blogspot.com&number=5&Nametobeexcluded=NamaBlogKamu"></script>
<div style="font-family: arial, sans-serif; font-size: 9px;" id="rcdr"><a href=http://hzndi.blogspot.com/>Top Comments</a> <a href=http://hzndi.blogspot.com/ target=_blank title=blogger widgets>Blogger Widget</a></div><noscript>Your browser does not support JavaScript!</noscript>
<style type=text/css>
.rcw-comments a {text-transform: capitalize;}
.rcw-comments {border-bottom: 1px #cccccc dotted; padding-top: 7px!important; padding-bottom: 7px!important;}
#rcdr {background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4wS6hZvdgsT7wYJwNlGvEqcGQ80Q2JKKjOa_h53U1clHG6bcGyzdfCr5CGOg5zh8_GsOCujh9uowdBRE5O6haQao1HI2eT1q9rJTsJJ4UJjk1vpCk1KouDsml_POnJF0WJuUftazKdvy3/s320/blgo.png) 0px 0px no-repeat; padding: 1px 0px 0px 19px; height:14px; margin: 5px 0px 0px 0px;line-height:14px;}
#rcdr, #rcdr a {color:#808080;}
</style>

4. Simpan Template kamu.Mudah sekali bukan ?

*Note :

• Ganti hzndi.blogspot.com dengan nama blog kamu
• 5 adalah jumlah komentator yang akan ditampilkan, kamu bisa ganti sesuai keinginan kamu.
• NamaBlogKamu diganti dengan nama blog kamu lah :D hehe

Postingan Terkait:

Posted in: Blogger,Comments