Cara Membuat Daftar Isi di Blog

Post by Unknown on Thursday, February 10, 2011 | 8:37 PM



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.

2 Comments:

  • kayak bikin makalah aja yach kawan pke daftar isi segala...tp ini sangat penting juga sich...agar para pengunjung dapat dengan mudah untuk mencari apa yang mereka inginkann...

  • Post a Comment

    Mari kita saling voting dan berkomentar. Jika kalian suka dengan artikel ini, ayo kita "Share" untuk membagikan informasi ini kepada teman yang lain agar lebih bermanfaat. Terima kasih banyak saya ucapkan, Salam Blogger teman . . .