Cara menampilkan posting paling popular di gadget dengan css

Secara tidak langsung, menampilkan postingan populer bertujuan untuk memberi tahukan kepada para pengunjung blog kita bahwa "ini lho postingan2 populer yang ada di blogku, dibaca dunk!!!, masa mau ketinggalan?". Kira-kira seperti itulah gambaran tujuan gadget postingan populer itu dipasang. Bagaimana...mau tahu caranya?



Sebelumnya sih saya pernah membuat postingan mengenai hal ini, "cara menampilkan halaman populer blog anda" yang cara menampilkannya kita cukup menggunakan layanan situs tertentu. Kali ini kita mencoba menggunakan kode HTML manual, jadi kita bisa mengoprak-apriknya sesuka kita. Berikut kodenya

<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=ML4p0UfW3RGgS7iN1JzWFw&url=http%3A%2F%2makalah3satu.blogspot.com&num=10" type="text/javascript"></script>

Ganti link yang ditandai dengan warna biru (format: alamatbloganda.blogspot.com), lalu angka yang ditandai dgn warna kuning bisa diatur sesuka teman-teman, jika diganti dengan angka 11, maka postingan pupuler anda yang muncul sebanyak 11 postingan.



Cara memasangnya seperti biasa, pergi ke halaman layout/Tata Letak => Pilih tambah gadget dan pilih HTML/Java script, klik SIMPAN. Dah^



Semoga bermanfaat []