Cara Membuat ScrollBox pada Blog

ScrollBox adalah kotak yang berisi tulisan atau gambar atau lainnya yang menggunkan fungsi scroll. Selain gambar dan tulisan, lo bro juga dapat mengisi scrollBox tersebut dengan kode script / html. Memasang scrollBox sangat bermanfaat sekali untuk lo pada bro yang ingin membuat Linklist / blogroll yang panjang dan dapat di persingkat dengan Cara ini bro, lebih dari pada itu loading blog pun akan teratasi, bagi lo yang berminat bro, simak aja ya tips berikut :

Masuk ke Dashboard Blog Lo bro 

     >> Pilih Rancangan 

      >> Edit Tata Letak 

      >> Add Gadget  

     >> Pilih HTML/Javascripts  

     >> Copy Pastekan Kode diBawah ini bro 

 

 

          

 

<div style="overflow:auto;width:300px;height:100px;padding:10px;border:1px solid #eee">

Isi Scroll Box

</div>

Contoh scrollBox nya bro :

<div style="overflow:auto;width:150px;height:10px;padding:10px;border:1px solid #eee">

<a href=" http://raxterbloom.blogspot.com ">Link 1</a>

<br />

<a href=" http://raxterbloom.blogspot.com ">Link 2</a>

<br />

<a href=" http://raxterbloom.blogspot.com ">Link 3</a>

<br />

<a href=" http://raxterbloom.blogspot.com ">Link 4</a>

<br />

<a href=" http://raxterbloom.blogspot.com ">Link 5</a>

<br />

</div>

Bila dipasang akan menjadi seperti ini bro :

Tes 1
Tes 2
Tes 3
Tes 4
Tes 5
Tes 6
Tes 7
Tes 8
Tes 9
Tes 10

Ket :

• Ganti tulisan yang berwarna MERAH bro dengan isi scrollBox yang loinginkan bro
• Kode yang berwarna BIRU adalah tinggi (height) dan lebar (width) scrollBox, dapat lo ganti bro sesuai keinginan lo bro
• Untuk mengganti batas (box / kotak) dapat lo lakukan bro dengan mengganti tulisan yang berwarna HIJAU. untuk mengecek kode warna bro silahkan masuk LINK ini bro.