Sebagai contohnya sobat bisa lihat disini [ DEMO DAFTAR ISI ]
Untuk membuat Daftar Isi ini ada 3 pilihan yang bisa sobat gunakan :
Daftar Isi Versi Blog Cagappaeh :
<div align="center">
<span style="font-weight:bold;"><a href="http://cagappaeh.blogspot.com/2011/04/daftar-isi-cagappaeh.html"><span style="color:#ff6666;">DAFTAR ISI</span></a></span>
</div>
Silahkan copas Script diatas pada elemen HTML/JavaScript
Keterangan :
Kode berwarna merah adalah Link alamat untuk Daftar Isi Sobat
Nama Daftar Isi, sebagai Title untuk Linknya, sobat bisa menggantinya dengan nama lain yang lebih sobat suka, mau Daftar Isi boleh atau yang lain juga boleh.
Daftar Isi Dari Blog Sahabat Ineufadla
Disini sobat akan menemukan 2 script, yang pertama menggunakan fasilitas scroll dan yang kedua tanpa scroll. Itu terserah sobat mau menggunakan yang mana.
Tapi kalo untuk blog saya sendiri saya tidak memakai scroll, namun jika sobat ingin lebih menghemat tempat dan tampilannya lebih menarik silahkan pilih yang menggunakan scroll.
Untuk Script Dengan Scroll :
<div style="overflow:auto; border: 1px solid #CCC; margin: auto; padding: 3px; width: 95%; height: 400px; background-color: none; text-align: left;">
<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"></script>
<script src="http://www.coretan-guru-komputer.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
<p>
</div>
Untuk Script Tanpa Scroll :
<script style="text/javascript" src="http://kangfatur.googlecode.com/files/daftar%20isi%20label.js"> </script>
<script src="http://www.coretan-guru-komputer.co.cc/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Keterangan : Ganti kode warna berwarna merah dengan Url Blog sobat.
Jika sudah silahkan simpan template sobat dan lihat hasilnya.
Dijamin k'ren dah sob.
Selamat mencoba dan semoga bermanfaat.
0 komentar