Membuat daftar isi pada blog

Assalamuallaiku wr.wb

Sobat pembaca semuanya ketemu lagi dengan saya di blog ini.
dalam edisi kali ini saya akan coba membahas cara membuat daftar isi. daftar isi sangat membantu bagi sahabat pembaca tentunya untuk mempermudah melihat isi dari blog atau web yang berkaitan, tak susah2 mencari ke postingan.. dengan bantuan daftar isi maka tidak perlu lagi umek kmn2 cuma melihat daftar isi kita bisa ke isi yang kita tuju, selain itu kita tau garis besar isi blog tersebut.

Nah untuk lebih jelasnya sebagai contoh saya memakai daftar isi ini di blog saya ini sobat pembaca. biar lebih jelas lagi saya akan memberi contoh di sini, kurang lebih seperti inilah :

Daftar isi

01.isikan alamat url blog atau web untuk daftar isi di sini
02.isikan alamat url blog atau web untuk daftar isi di sini
03.isikan alamat url blog atau web untuk daftar isi di sini
04.isikan alamat url blog atau web untuk daftar isi di sini
05.isikan alamat url blog atau web untuk daftar isi di sini
06.isikan alamat url blog atau web untuk daftar isi di sini
07.isikan alamat url blog atau web untuk daftar isi di sini
08.isikan alamat url blog atau web untuk daftar isi di sini
09.isikan alamat url blog atau web untuk daftar isi di sini
10.isikan alamat url blog atau web untuk daftar isi di sini
11.isikan alamat url blog atau web untuk daftar isi di sini
12.isikan alamat url blog atau web untuk daftar isi di sini
13.isikan alamat url blog atau web untuk daftar isi di sini
14.isikan alamat url blog atau web untuk daftar isi di sini

nah untuk membuat daftar isi seperti di atas itu mari kita coba ulas
1. Login ke blogger. Buka menu Layout -> Page Elements / Elemen laman
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak

<div style="background-color: lime; text-align: center;">

<span style="font-size: large;"><b>Daftar isi</b></span></div>

<div style="text-align: center;">

<div style="border: 1px solid rgb(0, 102, 0); height : 200px; overflow: auto; padding: 10px; width: 97%;">

<div class="list">

01.<a href="http://kholexs-berbicara.blogspot.com/2011/07/membuat-daftar-isi-pada-blog.html">isikan alamat url blog atau web untuk daftar isi di sini</a>

02.<a href="http://kholexs-berbicara.blogspot.com/2011/07/membuat-daftar-isi-pada-blog.html">isikan alamat url blog atau web untuk daftar isi di sini</a>

</div>

</div>

keterangan :

>> Bagian yang saya beri warna Hijau adalah dimana sobat pembaca bisa mengatur tinggi dan lebar daftar isi pada blog yang sobat pembaca inginkan.. sengaja untuk bagian lebar saya beri hitungan persen (%) bukan hitungan pixel dikarenakan lebih memudahkan untuk menentukan ukurannya, pixel lebih mudah bila di gunakan untuk hitungan gambar.
>> Sedangkan yang berwarna Biru muda adalah dimana sobat pembaca meletakkan alamat url yang nantinya di tuju bila link daftar isinya di klick.
>> Dan yang terakir yang berwarna Kuning adalah dimana sobat pembaca menempatkan nama atau judul link dalam daftar isi tersebut.

Setelah semua tahapan selesai tinggal save aja dech beres... nah mudah kan..? kan tinggal copas :D

Dalam tahapa berikutnya misalkan sobat pembaca ingin memodifikasi sedikit dengan menambahkan icon yang sobat pembaca sukai ke daftar isi blog sobat pembaca gini caranya, cari HTML Code icon sobat pembaca inginkan bisa di cari di semua web2 yang menyediakan upload media misalnya "photobucket.com"
Ok semoga keterangan di atas bisa membantu sobat pembaca.
Salam : kholexs :)