20.4.09

Cara Membuat Top Post (Popular Post) Blogger

Tags

Top posts adalah statistik yang menunjukkan seberapa populernya sebuah artikel yang ada di suatu blog. Cara kerja widget ini dengan menghitung dari banyaknya komentar terhadap suatu postingan bukan dari jumlah banyaknya artikel tersebut dibaca oleh pengunjung. Secara default wordpress mempunyai fasilitas top post ini, tidak seperti blogger. Sekarang gimana caranya kita menampilkan top post di blogger??

Caranya tidak terlalu rumit. Kalian tinggal copy paste skript dibawah ini ke 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&percnt;3A&percnt;2F&percnt;2Fnamablog.blogspot.com&num=10" type="text/javascript"></script>
<span style="amp;percnt;">Widget by <a href="http://www.bloggerbuster.com">Blogger Buster </a></span>


Sebelum kalian memasangnya terlebih dahulu harus melakukan perubahan-perubahan yang ada pada sript tersebut, antaralain:

  1. namablog.blogspot.com : rubah dengan nama blog kalian tanpa mencantumkan http://
  2. num=10 : rubah angka tersebut untuk menampilkan jumlah maksimal top post sesuai kehendak kalian.
  3. document.write('<ol style="text-transform: capitalize;">'); dan document.write("</ol>"); : hilangkan dua code tersebut  jika kalian tidak ingin menampilkan nomor urut jumlah top post. 

Selamat mencoba and happy blogging.


EmoticonEmoticon