Cara membuat daftar isi ada dua bagian yaitu :
Langkah ke-1
Login di Blogger dengan ID anda kemudian langsung menuju ke edit html.di tab Template Jangan lupa kasih tanda centang pada kolom expand template widget.
Selanjutnya, cari kode html berikut :atau yang mirip dengan kode tersebut:
Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#01fe01;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Kemudian save template.
Langkah ke-2
Untuk langkah yang ke-2,membuat sebuah Link yang akan menampilkan daftar isi Blog, anda bisa menempatkannya di Sidebar blog anda, atau anda bisa meletakannya di Menu Navigasi seperti pada blog ini,tapi itu semua terserah anda ingin menempatkanya dimana, yang penting link tersebut harus tampilan pada halaman blog anda,berikut Link-nya
<a href="http://NamaBlog.blogspot.com/search?max-results=300">Daftar isi Blog</a>
Sumber : http://blogkomputers.blogspot.com/2009/01/cara-buat-daftar-isi-blog.html
Bagian ke 2
Cara PERTAMA menampilkan daftar isi ini dihalaman depan blog atau hanya tulisannya saja yang terdapat dalam menu, agar setiap pengunjung dapat melihat daftar isi blo, diantanya sebagai berikut :
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
5. 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 sobat
width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template
height:120px : Ganti tinggi nya sesuai dengan keinginan sobat
6. Kemudian save dan letakkan sesuai dengan keinginan sobat.
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 sobat
6. Klik Publish Post
Jadi deh, hasilnya atau sebagai contoh dapat dilihat disini.
Sumbernya disini
Bagian ke 1
Langkah ke-1
Login di Blogger dengan ID anda kemudian langsung menuju ke edit html.di tab Template Jangan lupa kasih tanda centang pada kolom expand template widget.
Selanjutnya, cari kode html berikut :atau yang mirip dengan kode tersebut:
<b:include data='post' name='post'/>
Jika sudah ketemu, hapus kode tersebut dan ganti dengan kode dibawah ini :
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<a expr:href='data:post.url'>
<div style="padding:5px;border-right:1px solid #ebebeb;
border-bottom:1px solid #ebebeb;margin-bottom:5px;background:#01fe01;">
<data:post.title/></div></a>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
Kemudian save template.
Langkah ke-2
Untuk langkah yang ke-2,membuat sebuah Link yang akan menampilkan daftar isi Blog, anda bisa menempatkannya di Sidebar blog anda, atau anda bisa meletakannya di Menu Navigasi seperti pada blog ini,tapi itu semua terserah anda ingin menempatkanya dimana, yang penting link tersebut harus tampilan pada halaman blog anda,berikut Link-nya
<a href="http://NamaBlog.blogspot.com/search?max-results=300">Daftar isi Blog</a>
Sumber : http://blogkomputers.blogspot.com/2009/01/cara-buat-daftar-isi-blog.html
Bagian ke 2
Cara PERTAMA menampilkan daftar isi ini dihalaman depan blog atau hanya tulisannya saja yang terdapat dalam menu, agar setiap pengunjung dapat melihat daftar isi blo, diantanya sebagai berikut :
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
5. 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 sobat
width:430px : Ganti Lebar sesuai dengan yang sobat inginkan, sesuaikan dengan template
height:120px : Ganti tinggi nya sesuai dengan keinginan sobat
6. Kemudian save dan letakkan sesuai dengan keinginan sobat.
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 sobat
6. Klik Publish Post
Jadi deh, hasilnya atau sebagai contoh dapat dilihat disini.
Sumbernya disini
