Club Cooee Club Cooee

Kamis, 31 Maret 2011

Cara buat daftar isi

Pada postingan sebelumnya saya sudah post kan Membuat daftar isi secara otomatis. Pada kesempatan ini saya akan coba untuk membuat daftar isi / List Of Content blog dengan cara manual. Maksud nya begini, daftar isi blog akan kita buat dengan mengentrikan satu persatu judul postingan kita sehingga akan menggambarkan isi dari blog milik kita.

Cara membuat daftar isi yang akan saya tuliskan ini jika menggunakan fungsi scroll. Untuk melihat tips membuat menu scroll dapat dilihat disini. Atau saya sarankan untuk membuat daftar isi yang lebih bagus lagi seperti ini

Berikut ini langkah-langkahnya :
1. Masuk ke account blogger anda
2. Pilih tata letak/layout
3. Pilih tambah gadget
4. Pilih HTML/javascript.
5. Kopas kode di bawah ini


<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">

dan di akhiri dengan kode dibawah ini

</div>

Untuk daftar isinya anda letakkan diantara kedua kode tadi (ditengah-tengahnya) Contoh kode-kode untuk daftar isi seperti ini :



<a href="http://ponddagax.blogspot.com/2011/03/cara-membuat-subnav.html">cara buat subnav</a><br/>

<a href="http://ponddagax.blogspot.com/2011/03/blogroll-alternatif.html">membuat blogroll alternatif</a><br/>

<a href="http://ponddagax.blogspot.com/2011/03/membuat-read-more-vol2.html">cara membuat readmore vol2</a><br/>

Jadi HTML/javascript akan menjadi seperti di bawah ini:


<div style="overflow:auto;width:475px;height:120px;padding:10px;border:1px solid #eee">

<a href="http://ponddagax.blogspot.com/2011/03/cara-membuat-subnav.html">cara buat subnav</a><br/>

<a href="http://ponddagax.blogspot.com/2011/03/blogroll-alternatif.html">membuat blogroll alternatif</a><br/>

<a href="http://ponddagax.blogspot.com/2011/03/membuat-read-more-vol2.html">cara membuat readmore vol2</a><br/>
</div>

Pada kata-kata yang berwarna merah merupakan kalimat yang akan muncul pada daftar isi.

Pada kata-kata yang berwarna biru merupakan alamat url judul postingan

Trus di save.

Selamat mencoba, semoga berhasil  !!

Tidak ada komentar:

Posting Komentar