Cari Blog Ini

Kamis, 10 Februari 2011

Cara Membuat Daftar Isi di Blog



Daftar isi sangat berperan penting dalam blogging, karena disanalah artikel-artikel kita semua akan terlihat dan memudahkan pengunjung lain untuk mememukan apa yang ingin mereka cari. Namun, sebelum membuatnya saya ingin menjelaskan sedikit tentang daftar isi. Ada 2 macam menurut letaknya yaitu Daftar Isi yang terletak di bagian depan blog dengan menu scroll supaya pengunjung lain dapat melihat apa saja artikel yang kita publish dan Daftar isi yang letaknya 1 halaman penuh.
Daftar Isi dengan Menu Scroll di depan blog.
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 Daftar Isi atau judul sesuai dengan keinginan anda
6.      Co-pas 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://horier.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>


horier.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 sobat.

Daftar Isi dengan 1 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://horier.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>

http://horier.blogspot.com : Ganti dengan alamat blog anda

6.       Klik Publish Post.

Tidak ada komentar:

Posting Komentar