Membuat Widget "Artikel Terlaris" dengan Fungsi Marquee atau Tulisan Bergerak Menggulung Keatas



WBW jarang mau nulis tentang tutorial blogspot semacam ini, tapi karena ada beberapa permintaan maka pada kesempatan kali ini wbw akan memberi sedikit informasi tentang Tutorial Blogspot yaitu Membuat Widget "Artikel Terlaris" dengan fungsi Marquee atau Tulisan bergerak menggulung keatas.

Caranya :

1. Login ke Blogger
2. Pilih menu "Layout" atau "Tata Letak"
3. Kemudian klik pada "Add Gadget" atau "tambah gadget".
4. Lalu pilih HTML/Javascript"

Kemudian masukkan script berikut ini kedalamnya...






<marquee align="center" direction="up" height="250" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

<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%2Fwbw-wbw.blogspot.com&num=10" type="text/javascript"></script>

<br />

</marquee>




5. Ganti tulisan yang bercetak tebal dengan nama blog kamu. Angka 10 dalam script tsb menunjukkan jumlah artikel terlaris yang ingin ditampilkan (bisa dimodiv sendiri).
6. Simpan widget, dan lihat hasilnya..

Tips; Posisikan widget pada tempat yang strategis dihalaman blog kamu agar mudah dibuka/dibaca pengunjung sehingga makin meningkatkan traffic pageview blog kamu.


Semoga bermanfaat....



Ditulis Oleh : Penilai Artikel Hari: 4:06:00 PM Kategori:

0 comments: