Você está na página 1de 2

Menampilkan Top Post (Artikel Terpopuler)

MENAMPILKAN TOP POST (ARTIKEL TERPOPULER) PADA BLOG : Top post


(artikel terpopuler) diperlukan agar para pengunjung dapat mengetahui postingan apa saja yang
paling banyak dikunjungi pada blog kita. Top Post biasanya dihitung berdasarkan banyaknya klik
atau komentar yang dilakukan oleh pengunjung blog. Dengan demikian, kita dapat memasang
widget top post yang didasarkan pada banyaknya jumlah komentar tersebut. Widget tersebut
dibuat dengan menggunakan metode feed dan diolah dengan bantuan Yahoo Pipes yang saya
dapatkan ketika “jalan-jalan” di blog Mas Anang.

Mendasarkan perhitungan pada banyaknya komentar memang bukanlah cara yang pas karena
banyak pengunjung yang melakukan klik tetapi tidak meninggalkan komentar apa-apa pada suatu
postingan. Namun setidaknya inilah yang dapat diukur dan paling mendekati kenyataan.

Dari pada pusing, lebih baik kita langsung mengikuti langkah-langkah untuk menampilkan top
post seperti berikut ini.

1. Login ke http://blogger.com hingga masuk Dasbor >> Tata Letak (layout) >> Tambah
Gadget >> Tambahkan HTML/Javascript >>

2. Kemudian copy kode berikut ini.

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
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=f
f855e4f4d4a10fde1c2eb32074f99cd&url=http%3A%2F%2Fnama_blog.blogspot.com&num=10
" type="text/javascript">
</script>
<span style="gt;Widget edited by <a
href="http://anangku.blogspot.com/2008/06/blogger-top-post-artikel-
terpopuler.html">Anang </a></span>

Keterangan

 Ubah nama_blog dengan nama blog Anda.


 Angka 10 menunjukkan jumlah post yang dapat Anda ganti sesuai keinginan.

3. Kemudian Simpan Perubahan

4. Selesai

Contoh hasilnya dapat dilihat pada blog All My Life.

(sumber : Anangku.blogspot.com)

Você também pode gostar