daftar isi / index

Cara Membuat Daftar Isi / index Blog
Daftar isi adalah suatu cara penulis untuk menunjukan berita kepada pembaca secara terorganisir, selain itu daftar isi di blog juga dinilai mempercantik dari blog itu sendiri, cara membuat daftar isi ini sendiri akan gw jabarkan di bawah 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 sobat bisa lihat disini :



Berikut ini langkah-langkahnya :
1. Masuk ke blog sobat
2. Pilih Tata letak > Tambah Gadget > HTML/Javascript
3. Beri Judul index / daftar isi atau judul sesuai dengan keinginan sobat
4. Copas 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://rexroom.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>

http://rexroom.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



5. Kemudian save dan letakkan sesuai dengan keinginan sobat.





Cara kedua saya akan bahas Daftar isi / index yang akan ditampilkan pada satu halaman penuh
Berikut ini langkah-langkahnya :
1. Masuk ke blog sobat
2. Pilih New Entri
3. Pilih HTML pada kiri atas halaman tersebut (samping Compose)
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://rexroom.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://rexroom.blogspot.com : Ganti dengan alamat blog sobat


6. Klik Publish Post

Jadi deh, hasilnya...

Related Post:

Tentang BLoG

• Cara Membuat Tombol (button) url lengkap
• 10 Kata kunci (keyword) yang paling banyak di cari di dunia
• 10 Keyword yang paling banyak di cari di indonesia menggunakan google insight
• Cara Membuat Breadcrumbs Langsung Terindeks Oleh Google
• Merubah Postingan lama / baru (Navigasi) dengan angka
• Cara membuat 2 kolom posting / widget pada blog
• Cara membuat halaman depan blog tanpa postingan
• Merubah Title Tag Lebih SEO Friendly
• Membuat SlideShow mudah dan keren di blog
• Template keren gratis untuk blogger (part.3)
• Template keren gratis untuk blogger (part.2)
• Template keren gratis untuk blogger
• Membuat Favicon pada blog atau website bagian.2
• Membuat favicon pada blog atau website bagian.1
• Membuat menu dropdown keren
• membuat link menjadi warna warni / rainbow link
• Membuat Rencent Comment terbaru dan keren with avatar
• Menampilkan jumlah postingan di beranda
• Membuat Halaman Statis pada blogger
• Membuat Border / widget melengkung pada blog
• cara mendaftarkan blog di rss feeds
• Cara menghilangkan Diposkan, Label dan waktu postingan / artikel
• Memasang Menu Accordion Terbaru pada widget (vertikal)
• Memasukan Label Tertentu pada Widget
• Membuat blog jadi DoFollow