Cara Membuat Daftar Isi

Label:

Daftar isi dapat dikatakan sangatlah penting/membantu dalam suatu blog. Dengan adanya Daftar Isi, pengunjung yang datang ke blog sobat akan terbantu untuk menemukan artikel yang dirasa menarik untuk dibaca.
Untuk membuat daftar isi suatu blog, terdapat banyak sekali metode yang bisa diterapkan. Disini saya hanya akan membahas cara membuat sebuah daftar isi blog secara otomatis. Karena menurut saya pribadi lebih simple penerapannya. sekali lagi ini pendapat pribadiku loch.whew!
Kembali ke inti postingan yah....., disini saya akan membagi Daftar Isi menjadi dua bagian, yaitu:

 Pertama: 
Daftar isi yang ditampilkan pada sidebar (contohnya lihat sidebar blog ku yang berjudul Table Of Content)
Berikut cara membuatnya:
1. Login dulu ke blog sobat
2. Pada halaman Dasbor klik Rancangan
3. Pilih tambah Gadget
4. Pilih HTML/javascript
5. Beri judul Daftar Isi atau sesuai keinginan sobat
6. Copy paste kode dibawah ini:

<div style="overflow:auto;width:280px;height:400px;padding:5px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://hadi-99.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>
Catatan:
Ganti http://hadi-99.blogspot.com dengan nama blog sobat.
width:280px = ganti sesuai lebar sidebar sobat
height:400px = ganti sesuai tinggi yang sobat inginkan
7. Kemudian simpan. Selesai

Kedua:
Daftar isi yang ditampilkan pada satu halaman penuh ( contohnya dapat sobat lihat disini )
Berikut cara membuatnya:
1. Login dulu ke blog sobat
2. Pilih Entri Baru
3. Pada halaman posting pilih Edit HTML pada kanan atas halaman tersebut
4. Beri judul Daftar Isi atau sesuai keinginan sobat
5. Copy paste kode dibawah ini:

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://hadi-99.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
Ganti http://hadi-99.blogspot.com dengan nama blog sobat.
6. Klik Terbitkan Entri. Selesai.

Selamat mencoba dan semoga bermanfaat.melambaikan tanganmelambaikan tangan

2 komentar:

ANDI WONG mengatakan...

... tepat sekali dg adanya daftar isi.. akan membuat pembaca blog kita lebih terbantu dalam pencarian artikel yg diinginkannya gan.. :)

Hadi Kurniawan mengatakan...

@Andi: setuju gan....makasih da mau berkunjung balik.

Posting Komentar

 
BLOG HADI © 2010 | Designed by Blogger Hacks | Blogger Template by ColorizeTemplates