Membuat/memasang daftar isi scrollbox pada blog fungsinya adalah untuk meminimalkan daftar isi blog agar tidak memanjang sampai kebawah, dengan scrollbox inipun tampilan blog anda akan lebih praktis dan juga menarik.
Berikut langkah-langkah cara membuat daftar isi scrollbox di blog :
1. Sig In di Blog
2.
Klick Rancangan
3. Klick add gadget/tambah gadget
4. Pilih Html/JavaScript
5. Copy atau Edit kode Html/Javascript di bawah ini
3. Klick add gadget/tambah gadget
4. Pilih Html/JavaScript
5. Copy atau Edit kode Html/Javascript di bawah ini
Kode:
<div
style="border: 1px solid #eedede; height: 270px; overflow: auto; padding:
10px; width: 500px;">
<ul>
<li><a href="#">Judul posting</a></li>
<li><a href="#">Judul posting </a></li>
<li><a href="#">Judul posting</a></li>
</ul>
</div>
<ul>
<li><a href="#">Judul posting</a></li>
<li><a href="#">Judul posting </a></li>
<li><a href="#">Judul posting</a></li>
</ul>
</div>
6. Paste kode yang sudah anda edit pada Html/javascript di blog anda
7. Simpan/Save untuk menyimpan perubahan
8. Klick Lihat untuk melihat hasilnya.
7. Simpan/Save untuk menyimpan perubahan
8. Klick Lihat untuk melihat hasilnya.
Keterangan :
Height: 270px : Tinggi Box/kotak Scroll
width: 500px: Lebar Box/kotak Scroll
Jadi untuk ukurannya sesuaikan dengan yang anda kehendaki.
Untuk javascript:
"#" ganti dengan Url anda, contoh: "http://henzu-net.blogspot.com/2012/08/cara-memasang-daftar-isi-scrollbox.html"
"Judul posting" ganti dengan judul andah, contoh: Cara Memasang Daftar Isi Scrollbox
Contoh jadinya: <li><a href="http://henzu-net.blogspot.com/2012/08/cara-memasang-daftar-isi-scrollbox.html">Cara Memasang Daftar Isi Scrollbox</a></li>
Selamat mencoba.....................!!!
Terimah kasih atas kunjunganya, jangan lupa beri komentar.