Thursday, February 16, 2012

Membuat Scroll Widget Postingan terbaru

 

Pada kesempatan yang malam hari gini, saya akan memberi tahu bagaimana caranya membuat scroll recent post, yah sebenarnya ada yang bisa berjalan sendiri dan dengan thumbnail pula, tapi menurut saya itu terlalu berat. kegunaannya ya selain tampilannya yang lebih rapi, juga dapat menghiasi blog kita dan juga mempermudah pengunjung untuk mencari artikel yang dia cari. gambar contohnya bisa kamu lihat diatas. langsung saja begini caranya :

1. Pertama-tama seperti biasa log in dulu ke blogger kamu.
2. Lalu pilih elemen laman kemudian Pilih add gadget.Lalu pilih HTML/Javascript
3.Kemudian masukkan kode dibawah ini ke dalam HTML/javascipt tersebut.

<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">


<script src="http://hzndi.googlecode.com/files/hzndi.blogspot.com-newpost.js"></script>
<script>var numposts = 25; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script><script src="http://hzndi.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp"></script>


<div></div></div>

4. Simpan

*Ganti tulisan yang berwarna biru dengan nama blog kamu dan angka 25 menunjukan jumlah postingan yang akan ditampilkan.

Postingan Terkait:

3 comments:

Komentarmu menunjukan kecerdasanmu, Kalau komentar cuma buat cari link buat apa ? :)

Twitter Delicious Facebook Digg Stumbleupon Favorites More