Share the ideas and innovations to a friend of the world

Daftar Isi Blog Versi 2 + Scroll

Sebelumnya saya pernah memposting artikel mengenai Cara membuat daftar isi tanpa Scroll , kali ini saya memposting daftra isi menggunakan scroll sehingga menghemat tempat dihalaman blog kita. Cara membuatnya pun mudah sobat tinggal copy paste script dibawah....

blog27.JPG

Langsung saja cara membuatnya :

  • Login ke akun blog sobat
  • Ke Menu Rancangan > Elemen Laman > Tambah gadget (terserah dimana nantinya sobat mau letakkan Daftar isinya)
  • Pilih HTML/Java Scrip
  • Copy dan Paste Script dibawah :

<div style="border: 1px solid #000; overflow: auto; height: 220px;">
<script style="text/javascript" src=" http://ilmu27blogger.googlecode.com/files/daftar_isi.js"> </script>
<script style="text/javascript">
var numposts = 1000;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
var standardstyling = true;
</script>
<script src=" http://ilmu27.blogspot.com /feeds/posts/default?
orderby=published&alt=json-in-script&max-results=999
&callback=showrecentposts"></script>
</div>


  • Jangan lupa di SAVE

(Catatan: Ganti http://ilmu27.blogspot.com dengan Url blog sobat.......)


Bagaimana mudah kan, silahkan mencoba dan lihat hasilnya...........
Anda baru saja membaca artikel yang berkategori Blog dengan judul Daftar Isi Blog Versi 2 + Scroll. Anda bisa bookmark halaman ini dengan URL http://ilmu27.blogspot.com/2011/08/daftar-isi-blog-versi-2-scroll.html. Terima kasih!
Ditulis oleh: Imran -

Belum ada komentar untuk "Daftar Isi Blog Versi 2 + Scroll"

Post a Comment