Cara Membuat/Memasang Daftar Isi Scrollbox

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


 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>


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.



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.



Check  Out My Rank On PRTracking.com!
free counters