Cara membuat scrool box di blog

Cara membuat scrool box di blog merupakan cara lain untuk menghemat tempat dari space yang ada pada blog. Dengan adanya scrool box ini kita bisa menempatkan beberapa space yang mana ukuran aslinya memanjang ke bawah atau ke samping hanya dengan satu box kecil. Selain itu loading blog juga tidak terlalu lama hanya karena untuk menampilkan halaman yang terlalu panjang. Seperti pada gambar di bawah ini

Untuk proses pembuatannya paste kode di bawah ini pada opsi add gadget

 <div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee"> isi box dengan gambar atau anchor text </div>

Ganti tulisan isi box dengan gambar atau anchor text sesuai kebutuhan anda. Misalnya:

<div style="overflow:auto;width:100px;height:50px;padding:10px;border:1px solid #eee"> <a href="http://go-blogger96.blogspot.com">Tes 1</a> <br /> <a href="http://go-blogger96.blogspot.com">Tes 2</a> <br /> <a href="http://go-blogger96.blogspot.com">Tes 3</a> <br /> <a href="http://go-blogger96.blogspot.com">Tes 4</a> <br /> <a href="http://go-blogger96.blogspot.com">Tes 5</a> <br /> </div>

Maka hasilnya akan seperti ini 

Tes 1
Tes 2
Tes 3
Tes 4
Tes 5



 

Silahkan ganti tinggi dan lebarnya sesuai ukuran sidebar blog anda.

Semoga artikel ini bermanfaat, selamat mencoba.