Cara Membuat Recent Post dengan Menu Scroll

Jumat, 01 Juli 2011

Tutorial ini membahas bagaimana cara membuat Recent Post dengan menu scroll down sehinggga bisa ditarik naik turun kayak punyaku itu, caranya sederhana kok, tingal copy paste aja, nah seperti ini lho langkah langkah nya :

1. Pertama Login dulu ke blogger
2. Pilih Layout ( Tata Letak ) >> Page Element ( Elemen Halaman )
3. Add a Gadget ( Tambah Gadget )
4. Pilih HTML/JavaScript dan copy aja kode ini didalamnya:

<div style="overflow:auto;width:320px;height:250px;padding:10px;border:1px solid #eee">

<script src="http://anas.ku93.googlepages.com/post-terakhir.js"></script>
<script>var numposts = 15; var showpostdate = false; var showpostsummary = false; var numchars = 100; </script>
<script src="http://Secretofzero.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=rp">
</script>

</div>

yang tak kasih kode warna unggu dan tulisan miring merupakan kode untuk recent post nya , Secretofzero.blogspot.com diganti nama blog kamu ya.
Sedang yang tak kasih warna hijau merupakan kode untuk membuat menu scroll nya, kamu tinggal copy paste aja dan nama blog nnya diganti nama blog kamu. gitu aja gampang kan teman...

0 komentar:

Posting Komentar