Jika teman-teman ingin mengetahui secara langsung siapa yang paling banyak berkomentar ke blognya teman2 maka teman2 bisa menggunakan cara yang ingin kita bahas kali ini, yaitu cara "menampilkan top komentator". Fitur top komentator ini bisa kita tampilkan di bagian mana saja yang kita inginkan ke dalam blog kita, namun biasanya para blogger menampilkannya pada bagian sidebar blog.
Preview
Untuk membuatnya sangat mudah, teman2 hanya membutuhkan kode HTML berikut yang kemuadian harus di taruh ke dalam gadget HTMLnya teman2
<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ul>");
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 src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=Iqbal&url=http%3A%2F%2Ft4belajarblogger.blogspot.com&num=10" type="text/javascript"></script>
function pipeCallback(obj) {
document.write("<ul>");
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 src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=a55cb97ebb368bb1b89b7f6bdeb35336&filter=Iqbal&url=http%3A%2F%2Ft4belajarblogger.blogspot.com&num=10" type="text/javascript"></script>
Yang perlu teman2 ganti yaitu link blog saya yang berwarna biru, lalu nama yang tidak akan tampil dalam fitur top komentator dan biasanya yaitu si admin blog (ex: Iqbal ==> warna merah), dan jumlah top komentator yang ingin ditampilkan (ijo).
Keywords:bagaimana menampilkan top komentator, kode HTML menampilkan top komentar, how to show top comment
Untuk kemajuan Blog Ini Silahkan isi Kotak Komentarnya Ya.. (For blog development, please fill the following blog comment Pal
0 comment:
Post a Comment