daftar isi

Cara Membuat Kotak Daftar Isi
Posted by Herman | Friday, May 22, 2009 | Blogger Tips | 6 comments »

Postingan ini saya buat untuk menjawab pertanyaan dari seorang rekan blogger yang menanyakan kepada saya melalui email. Beliau bertanya kesaya, "mas, bagaimana cara membuat kotak blogger tutorial seperti di blog mas herman?" Hm.. Mungkin yang dimaksud adalah yang ini kali ya :)

Blogger Tutorial
1. Apa itu blog
2. Panduan membuat blog di blogger
3. Bagaimana cara memposting artikel pada blog
4. Optimalkan tampilan blog dengan template modern
5. Mengganti header template pada blogger
6. Cara mudah mengganti warna dan font template
7. Mengenali fungsi-fungsi dalam menu setting blog
8. cara menambahkan read more/ baca selengkapnya pada blogger
9. Cara membuat dan memasang shoutbox pada blogger
10. Cara mengatasi masalah pada kode read more
11. Memasang foto di profile
12. Apa fungsi label
13. Cara menambahkan yahoo emoticons pada blogger
14. Memposting kode HTML pada artikel
15. Mendaftar dan mengupload gambar di photobucket
16. Menambah favicon pada blogger
17. Menambahkan search box atau kotak pencari pada blogger
18. Cara menghapus gambar di picasa web album
19. Tips menghilangkan warna pada kotak blockquote
20. Cara mendapatkan kode warna dengan photoshop
21. Cara mendapatkan kode warna dengan ms paint
22. Cara membackup template, widget, dan artikel
23. Cara menghilangkan icon quick edit berbentuk tang dan obeng
24. Memasang feedjit pada blogger
25. Memasang jam pada blog
26. Membuat efek marquee atau teks berjalan
27. Tentang RSS feed
28. Memanfaatkan translator online dari google
29. Pasang Google Translator pada blog
30. Cara membuat kotak scrollbar pada blogger


Ok sebenarnya cukup mudah untuk membuat daftar isi seperti diatas. Bagi anda yang sudah lama ngeblog pasti sudah tahu cara membuatnya hanya saja mungkin caranya yang berbeda.

Nah berikut saya akan memberikan cara membuat kotak daftar isi dengan cara saya sendiri. Silahkan diikuti bagi yang ingin mencobanya.

1. Login ke blogger. Buka menu Layout -> Page Elements
2. Klik Add a Gadget -> HTML/Javascript. Masukkan kode dibawah ini kedalam kotak

1. Apa itu blog

2. Panduan membuat blog di blogger

Keterangan:
380px merupakan lebar kotak, 180px merupakan tinggi kotak, #ffffff pada background-color merupakan warna background, dan #ffffff pada border merupakan warna garis pinggir. Silahkan diganti sesuai dengan template anda.

Ingat:
Ganti tulisan yang berwarna merah dengan alamat postingan anda dan ganti tulisan berwarna merah yg dicetak tebal dengan judul postingan anda. Jika anda ingin menambah postingan baru maka copy kode yang berkedip lalu letakkan diatas kode

Jangan lupa untuk mengganti angkanya dengan angka 3 dan begitu seterusnya jika anda ingin menambah postingan baru lagi.

3. Kalau sudah klik Save Template. Selesai.

Jika anda ingin menggunakan icon gambar sebagai pengganti angka maka ganti kode dibawah ini




Dengan kode



Ganti tulisan yang berwarna merah dengan alamat icon gambar anda dan hapus angka pada setiap judul postingan.

Selamat mencoba. Semoga berhasil

Bookmark this post to: lintas berita Digg Technorati del.icio.us Stumbleupon Reddit Blinklist