Cara Membuat Scroll Box

Pasti anda pernah melihat Scroll Box saat blogwalking, dan ingin membuatnya juga. maka dari itu kali ini saya akan jelaskan caranya. Sedikit penjelasan dulu tentang fungsi Scroll Box diBlog. Fungsi Scroll Box yaitu agar semua artikel kita bisa dilihat dalam 1 box, oleh orang lain, dan memudahkan pengunjung untuk mencari artikel yang sedang dia cari/dibutuhkan. yang paling penting fungsi menggunakan Scroll Box adalah untuk menghemat tempat diblog. 

Langsung saja tutorialnya :
1.Log in ke BLOG
2.Pilih Tata Letak
3.Klik Tambah Gadget
4.Lalu Pilih HTML/JavaScript
5.Copy kode dibawah ini dan paste dikotak HTML/JavaScript

 <div align="center">
<table width="150" border="1">
<tr> <th colspan="100%" scope="col"bgcolor="#F2F2F2">Kategori</th> </tr><tr><td>
<div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 290px; height: 200px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #EFEFFB;">

<ul>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>
<li><a href="Url Post">judul Post</a></li>

</ul></div></div></td></tr></table></div>
6.Klik Simpan 

CATATAN :
Tulisan yang berwarna merah ganti dengan url label/post diblog kamu. Sedangkan yang berwarna biru ganti dengan judul label/post diblog kamu. Jika ingin merubah lebar ganti 290px dengan yang kamu mau. Jika ingin merubah tinggi ganti 200px dengan yang kamu mau.

Artikel Terkait