Membuat Top Post (popular artikel) di blogspot

Top Post merupakan statistik yang menunjukan seberapa populer artikel yang pernah kita publikasikan, kebanyakan top post di nilai dari jumlah klik atau nilai dari banyaknya komentar. Secara default Wordpress mempunyai widged untuk menampilkan Top Post, Gimana dengan Blogspot?

tentu saja bisa, walau standar Blogspot tidak memilikinya kita juga bisa menampilkannya. Top Post diblogspot yang akan dibuat nantinya dihitung dari jumlah banyaknya komentar, widget ini buatan blogger wanita berparas cantik Amanda Fazani wanita ini bisa dikatakan sebagai penulis tutorial blogger terkenal, o-om saja sampai geleng-geleng kepala dengan kemampuan bloggingnya :). Widget Top artikel ini dibuat dengan bantuan Yahoo Pipes bisa dilihat di Blogger Popular Posts/Most Commented Pipe page, penjelasan selengkapnya kunjungi aja blog Amanda disini

Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenya sangat mudah tinggal masukan saja pada element halaman baru:

<script type="text/javascript"> function pipeCallback(obj) { document.write('<ol 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('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=1cf38ae68efbe859c4ba1ee239cec099&url=http%3A%2F%2Fnamablog.blogspot.com&num=10" type="text/javascript"></script> <span style="font-size: 80%">Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>

Apa saja yang perlu diedit?

namablog.blogspot.com : Ganti dengan nama blog sendiri.

num=10 : Jumlah maksimal Top Post yang ingin ditampilkan

Untuk yang custom domain tinggal gukanan www.domainkamu.com

 

Cara menghilangkan nomor urut:

Pada tampilan awal akan tampil urutan jumlah top post, jika rekan tidak menginginkannya tinggal hapus aja ke dua kode dibawah ini

document.write('<ol style="text-transform: capitalize;">');  dan document.write("</ol>"); pada kode diatas

Selamat mencoba, happy blogging with o-om.com

Dengan memasukan alamat email dibawah ini, berarti anda akan dapat kiriman artikel terbaru dari o-om.com di inbox anda:

Subscribe in your preferred RSS reader: