10.11.2012

Cara membuat Daftar isi di Blog



Kali ini saya akan memposting tentang bagaimana Cara membuat Daftar isi Blog, setelah sebelumnya saa membuat postingan tentang "Knowing Human Nature From First Letter Name" atau dalam bahasa indonesianya "Mengetahui Sifat Manusia Dari huruf depan Namanya", sebenarnya postingan tentang ini sudah banyak di Internet tapi seperti yang pernah saya bilang sebelumnya, saya pernah berjanji saya akan terus memposting hal-hal yang saya ketahui untuk anda nikmati.

Daftar isi atau sering disebut (Sitemap,Table-of-Content) dalam istilah bahasa inggris ini adalah suatu halaman yang berisi daftar postingan yang ada pada blog tersebut disatukan dalam satu halaman(tapi judulnya saja), yang ingin saya bagi infonya adalah bagaimana membuat daftar isi blog yang dikelompokkan ke dalam Label/Kategori, jadi semua postingan yang ada di blog anda harus dibuat Kategorinya dulu kemudian masukkan postingannya, dan baru setelah itu akan terbaca oleh script daftar isi dibawah ini.

Jika ingin preview atau contoh dari Daftar isi, silahkan klik preview, langkah pembuatannya:

1. Login ke Blogger

2. kemudian arahkan pointer mouse ke arah menu dropsown di samping menu buka daftar entri, kemudian klik Tata Letak.

3.Kemudian pilih Add gadget di tempat dimana anda menginginkan daftar isi ini berada.

4. Pilih HTML/Javascript
dan inilah script nya

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

5. Kemudian Simpan



yang diatas tuh buat yang daftar isinya berbentuk gadget di hompage, sedangkan untuk yang ingin berbentuk post, seperti saya diatas, langkahnya:

1. login ke blogger

2. klik Buat entri baru
3. klik kolom yang HTML bukan yang compose

4. tambahkan script seperti yang diatas tadi
<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://namablog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>
</div>




5. Kemudian Publikasikan

0 komentar:

Posting Komentar