Cara Termudah Dalam Membuat Daftar Isi pada Blog

Kali ini akan saya share tentang bagaimana cara membuat daftar isi pada Blogspot Anda.

Tentunya dalam hal ini blog Anda harus memiliki Label, cara membuat label disini

Jadi kalo postingan kita buat tanpa menggunakan label, besar kemungkinan judul postingan tidak akan muncul didalam daftar ini.

Daftar isi (content) ini saya bagi menjadi dua bagian, yaitu:
a). Daftar isi ditampilkan pada halaman depan blog
b). Daftar isi ditampilkan pada satu halaman penuh dan


a). Cara pertama adalah jika kita ingin menampilkan Daftar Isi ini dihalaman depan blog kita, agar setiap pengunjung dapat melihat daftar isi blog kita tiap kali mengunjungi blog kita.

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger Anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Beri Judul Dafar isi atau judul sesuai dengan keinginan Anda
6. Kopas kode di bawah ini:

<div style="overflow:auto;width:430px;height:120px;padding:10px;border:1px solid #eee"><script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

namablog.blogspot.com : ganti dengan alamat blog Anda

width:430px : Ganti Lebar sesuai dengan yang Anda inginkan, sesuaikan dengan template

height:120px : Ganti tinggi nya sesuai dengan keinginan Anda

7. Kemudian save dan letakkan sesuai dengan keinginan Anda.

____________________________________________________

b). Kemudian cara kedua saya akan bahas Daftar Isi yang akan ditampilkan pada satu halaman penuh

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih New post
3. Pilih Edit HTML pada kanan atas halaman tersebut
4. Beri Judul postingan tersebut dengan Daftar Isi, atau judul apapun sesuai keinginan sobat.
5. Copy paste script berikut ini :

<script style="text/javascript" src="http://sites.google.com/site/barajajs/listofcontent/contents.js"></script><script src="http://alamatblog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

   http://alamatblog.blogspot.com : Ganti dengan alamat blog Anda

6. Klik Publish Post

Jadi deh, contoh hasil untuk satu halaman penuh dapat dilihat disini.


...Selamat Mencoba..

Sumber