Baiklah saya rasa penjelasan singkat tentang fungsi daftar isi pada blog sudah cukup dan sekarang mari mulai bahas sesuai judul posting ini Membuat Daftar Isi Manual Di Blogspot, silahkan ikuti langkah-langkahnya sebagai berikut :
- Login ke Blogger, Klik Rancangan/Design;
- Pada Elemen Halaman, klik Add Gadget/Tambah Gadget di lokasi yang Anda inginkan;
- Cari dan pilih HTML/Javascript;
- Copy paste kode di bawah ini ke dalam Content yang telah tersedia, berikut ini kodenya :
<style> .list { background: url("http://lh4.ggpht.com/_15FopxVONSo/ShYuf4RqUuI/AAAAAAAACxI/jcump2GgfLg/iconbullet.gif") no-repeat left center; line-height:1.5em; padding:3px 0px 3px 20px; } </style> <div style="background-color: #f7f7f7; border: 1px solid rgb(68, 67, 67); height: 220px; margin: 0px; overflow: auto; padding: 3px; width: 300px;"> <div> Membuat Efek Image Zoom dengan Jquery</div> <div> Membuat Sliding Login/Register Form Panel di Blog</div> <div> Memasang Text Resizer di Blog</div> <div> Membuat Multi Level Drop Down dengan jQuery</div> <div> Membuat Menu dTree di Blogger</div> <div> Membuat Menu Horizontal Animasi di Blog</div> <div> Membuat Menu Navigasi Horizontal Glossy di Blog</div> <div> Membuat Effect JQuery Link Nudging di Blog</div> <div> Membuat Info Panel Slide Vertikal dengan jQuery</div> <div> Membuat Chatbox Slide Vertikal Dengan jQuery di Blog</div> <div> Membuat Daftar Isi Dengan jQuery Accordion</div> <div> Memasang Slider Gambar ala Drakon Template</div> <div> Memasang Gambar Slide Ala Zinmag Primus</div> </div>
- Klik Tombol Save/Simpan.
Keterangan :
- Link dan Teks, silahkan diganti dengan link dan teks Anda;
- width : 230px; adalah merupakan lebar dari kotak daftar isi manual dan boleh anda sesuaikan;
- height : 180px; adalah merupakan tinggi dari kotak daftar isi manual dan boleh anda sesuaikan.
Untuk tutorial membuat daftar isi manual sudah selesai, silahkan tunggu tutorial berikutnya tentang cara pasang daftar isi otomatis di Blogspot. (ref. maskolis.co.cc)
