MENAMPILKAN TOP POST (ARTIKEL TERPOPULER) PADA BLOG

Posted by che6vara on Sep 9, 2009


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=ff855e4f4d4a10fde1c2eb32074f99cd&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

(sumber : Anangku.blogspot.com)

{ 0 comments... read them below or add one }

Post a Comment