Membuat Daftar Isi Yang Bisa Di Scroll

Terkadang kita malas untuk mencari satu persatu isi dari blog yang akan kita baca, sedangkan untuk mencari dengan cara memasukkan kata kunci di kolom search kita membutuhkan kata kunci itu, padahal belum tentu kata yang kita maksud sama dengan yang dimaksud oleh sang penulis blog.

Oleh karena itu diperlukanlah sebuah “Daftar Isi”. Untuk dapat membuat daftar isi seperti yang saya punya ini cukup mudah, anda hanya perlu sedikit kode saja.

Dan untuk memudahkan anda saya sudah menyiapkan kode HTML yang bisa anda copy dan edit sesuai dengan yang akan anda ingin buat.  Mengapa saya menyediakan dengan mudah? Karena saya sendiri juga mendapatkan kode tersebut dengan gratis di sini.

Silahkan kode yang saya sediakan ini anda copy

<div style="overflow:auto;width:100%px;height:110px;padding:5px;border:8px solid #eee">

<ol>

<li><a href="http://ceritakangmantri.blogspot.com/2011/11/belajar-membuat-blog.html"> Belajar Membuat Blog</a></li>

<li><a href="http://ceritakangmantri.blogspot.com/2011/11/cara-membuat-menu-horizontal-dan-cara_07.html">Cara Membuat Menu Horizontal</a></li>

<li><a href="http://ceritakangmantri.blogspot.com/2011/11/cara-membuat-jam-di-blog.html">Cara Membuat Jam di blog</a></li>

<li><a href="http://ceritakangmantri.blogspot.com/2011/11/cara-membuat-nama-blog-berupa-logo.html">Cara Membuat Nama Berupa Logo</a></li>

<li><a href="http://ceritakangmantri.blogspot.com/2011/11/cara-membuat-tulisan-animasi.html">Cara Membuat Tulisan Animasi</a></li>

<li><a href="http://ceritakangmantri.blogspot.com/2011/11/cara-membuat-kalender-di-blog.html">Cara Membuat Kalender Di Blog</a></li>

</ol>

</div>

Yang perlu anda rubah dari kode tadi adalah seperti contoh ini :

href="http://ceritakangmantri.blogspot.com/2011/11/cara-membuat-kalender-di-blog.html">Cara Membuat Kalender Di Blog</a></li> 

Yang saya buat berwarna merah itu adalah alamat link yang mau ditampilkan, atau dengan kata lain itu adalah alamat postingan anda yang akan diindeks menjadi daftar isi. Lalu bagaimana untuk mendapatkan alamat postingan anda? Mudah saja, sorot judul postingan anda dengan mouse maka di pojok bawah akan terpampang alamat postingannya, ini yang perlu anda tulis nantinya. Bila anda susah mengingat karena terlalu panjang maka klik saja judulnya maka postingan akan terbuka dan alamat akan ada di kolom alamat browser ( Firefox atau Google chrome atau yang lainnya ) tinggal copy aja dari situ.

Sedang yang berwarna biru adalah kalimat yang akan tampil sebagai baris daftar isi.

Terus bagaimana menempatkannya di dalam blog?

1. Login ke blog anda
2. Klik Rancangan
3. Klik Elemen Laman
4. Pada kolom Tambah Gadget klik Edit, setelah terbuka kolom isiannya maka masukkan kode HTML tadi
5. Simpan

Posted in: blog,techno,tips blog