Cara Membuat Daftar isi Blog

Cara Membuat Daftar isi Blog

          Cara membuat daftar isi blog kali ini berbeda dengan sebelumnya, baik tampilan maupun script yang akan digunakan, saya pribadi lebih suka dengan daftar ini (content) karena bisa menampilkan seluruh judul postingan dan dikelompokkan sesuai dengan label masing-masing judul. 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 Daftar isi ditampilkan pada satu halaman penuh dan Daftar isi ditampilkan pada halaman depan blog

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


Contohnya 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 sobat
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://projectloss.googlecode.com/files/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.

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://projectloss.googlecode.com/files/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.

Cara Membuat Daftar isi Blog

Share this to:

Facebook Twitter Google+

Anda sedang membaca artikel : Cara Membuat Daftar isi Blog dengan url http://arifpoetrayunar.blogspot.com/2011/07/cara-membuat-daftar-isi-blog.html

Artikel Terkait: Cara Membuat Daftar isi Blog

• Cara menampilkan Recent Post (Postingan Terbaru) Kalo Sobat ingin Menampilkan postingan terbaru (Recent Post) kamu di side bar? Kalo pingin, beginilah caranya : 1. Login to Blogger kemudian p ...
• Free Domain .Com .Net .Org GratisSemalem abis Blogwalking, eh dapet info menarik neh, Info ini saya dapet dari Blognya Chumhienk, langsung aja deh saya repost postingnya di Blog ini, ...
• Cara Menghapus Widget yang tidak bisa diHapus     Kemarin saya pernah share Cara Menganganti Template di Blogspot atau Blogger, mungkin karena saya baru belajar ngblog kali y ...
• Cara Membuat Read More di BlogspotCara membuat read more di Blogspot atau blogger sangat mudah, hanya dengan manupulasi CSS display:none yaitu meng-hiden teks yang tidak ingin ditam ...
• Pengertian Tentang Dofollow dan Nofollow Mungkin saja diantara kalian belum tahu apa itu NoFollow Dan DoFollow, bagi yang belum tahu bisa lanjutin baca disni. Apa Dofollow dan NoFollow It ...