Membuat Top Post atau Popular Post

Membuat top post merupakan salah satu cara mempercantik blog kita, selain itu juga memudahkan para pengunjung untuk mencari hal2 yang perlu dan banyak di cari oleh pengunjung lainnya.

Dibawah ini merupakan kode yang bisa langsung digunakan, cara pasang kodenya sangat mudah tinggal masukan saja pada cara sebagai berikut :

1. Login dulu ke akun blogger sobat
2. Pilih Tata Letak
3. Buat element halaman baru dengan menambah Gadget
4. Tambah dan pilih element HTML/JavaScript
5. Lalu copy paste semua kode dibawah ini.

<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>

Keterangan :
namablog.blogspot.com : Ganti dengan nama blog sobat.
num= 10 : Jumlah maksimal Top Post yang ingin ditampilkan

Cara menghilangkan nomor urut:

Pada tampilan awal akan tampil urutan jumlah top post, jika temen - temen 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....semoga berhasil.. keep blogging!

Related Posts by Categories

2 comments:

  1. mantap artikelnya sob..
    informasi bermanfaat sekali.

    thx udah sharing

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete