Membuat scroll Box

Menyederhanakan tampilan  dengan scroll bar akan membuat tampilan menjadi tertata rapih dan hemat ruang.

Scrollbar ini pun mempunyai fungsi untuk menempatkan tulisan, script, widget, link dan lainnya.

Penggunaan scroll sama fungsinya bila kita menggunakan spoiler atau text area, untuk membuat scrollbox anda lihat terlebih dulu contohnya :

• Link 1
• Link 2
• Link 3
• Link 4
• Link 5
• Link 6
• Link 7
• Link 8
• Link 9
• Link 10

<div style="overflow:auto; height:200px; width:220px">
<ul>
<li><a href="http://alamat url link 1/" target="_blank">Link 1</a></li>
<li><a href="http://alamat url link 2/" target="_blank">Link 2</a></li>
<li><a href="http://alamat url link 3/" target="_blank">Link 3</a></li>
<li><a href="http://alamat url link 4/" target="_blank">Link 4</a></li>
<li><a href="http://alamat url link 5/" target="_blank">Link 5</a></li>
<li><a href="http://alamat url link 6/" target="_blank">Link 6</a></li>
<li><a href="http://alamat url link 7/" target="_blank">Link 7</a></li>
<li><a href="http://alamat url link 8/" target="_blank">Link 8</a></li>
<li><a href="http://alamat url link 9/" target="_blank">Link 9</a></li>
<li><a href="http://alamat url link 10/" target="_blank">Link 10</a></li>
</ul>
</div>

Copy paste code diatas .

kemudian pada menu rancangan tambah gadget javascript/HTML.

Ganti  http://alamat url link 1-10/ dengan nama alamat blog yang diinginkan lalu ganti Link 1-10 dengan nama link yang akan ditampilkan, width(lebar) dan height(tinggi) dapat disesuaikan ukurannya.

klik save/simpan, maka selesai.

Semoga bermanfaat .