Laman

Rabu, 18 Januari 2012

Agar Daftar Isi Muncul di Blog

Agar Daftar Isi Muncul

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 terkadang daftar isi yang kita buat tidak muncul di side bar, Caranya adalah dengan mencantumkan label pada saat entry posting di setelan entri, sehingga daftar isi bisa ,muncul di blog kita. 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.

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


bloganda.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

Kemudian save dan letakkan sesuai dengan keinginan sobat.

Cara 2 : 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://bloganda.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
http://bloganda.blogspot.com : Ganti dengan alamat blog anda
6.     Terakhir   Klik Publish Post.