Saturday, 26 May 2012

Cara membuat scroll box pada blog


Scroll box adalah kotak yang berisi tulisan atau gambar atau lainnya yang menggunkan fungsi scroll. Selain gambar dan tulisan, sobat dapat mengisi scroll box tersebut dengan kode script / html. Memasang scroll box sangat bermanfaat sekali untuk kalian yang ingin membuat Linklist / blogroll agar panjang blogroll tersebut tidak membuat loading blog kita lambat. Untuk membuatnya, cukuplah mudah. Sobat hanya tinggal memasang kode Html di bawah ini :

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


Isi Scroll Box

</div>

Contoh scroll box :

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


<a href="http://bagong-kewez.blogspot.com">Tes 1</a>
<br />
<a href="http://bagong-kewez.blogspot.com">Tes 2</a>
<br />
<a href="http://bagong-kewez.blogspot.com">Tes 3</a>
<br />
<a href="http://bagong-kewez.blogspot.com">Tes 4</a>
<br />
<a href="http://bagong-kewez.blogspot.com">Tes 5</a>
<br />
</div>

Bila dipasang akan menjadi seperti ini :



Keterangan :

  • Ganti tulisan yang berwarna merah dengan isi scroll box yang sobat inginkan
  • Kode yang berwarna biru adalah tinggi (height) dan lebar (width) scroll box, dapat sobat ganti sesuai keinginan
  • Untuk mengganti batas (box / kotak) dapat sobat lakukan dengan mengganti tulisan yang berwarna hijau

Selamat Mencoba !!

3 comments

makasih infonya gan, silahkan mampir keblog ane ya, pasang iklannya gratis, premium, dan permanen

@Pasang Iklan : sama gan . jangan lupa mampir lagi gan .

mas saya tanya,berarti kita harus buat blog baru ya?
trim saya coba mas.

Bijaklah dalam berkomentar
EmoticonEmoticon