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:
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

{ 2 komentar to : Cara Membuat Daftar isi Blog | Skip to Comment }

Belajar Mengikuti Salaf mengatakan...

Jazakallahu khoir,Syukron...!
Ana sangat terbantu dengan blognya

TITIN mengatakan...

sy udah mencoba tapi kok error ya,, judul artikel dan judul label sendiri muncul 2 kali,, kenapa ya kira2?

Poskan Komentar

 
Back To Top