Wednesday 27 February 2013

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://blognya-reggy.blogspot.com">Tes 1</a>
<br />
<a href="http://blognya-reggy.blogspot.com">Tes 2</a>
<br />
<a href="http://blognya-reggy.blogspot.com">Tes 3</a>
<br />
<a href="http://blognya-reggy.blogspot.com">Tes 4</a>
<br />
<a href="http://blognya-reggy.blogspot.com">Tes 5</a>
<br />
</div>
Bila dipasang akan menjadi seperti ini:


Ket:
  • 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
Selamat Mencoba!!!
Sumber: http://blognya-reggy.blogspot.com/2011/11/cara-membuat-scroll-box-pada-blog.html 

3 comments:

  1. makasih atas informasinya, akan saya terapkan

    ReplyDelete
  2. thank's gan...berhasil di blog ane...
    ane tunngu kunbal dan follownya...ntar ane follow balik, tenang aja....

    www.chibifansub.blogspot.com

    ReplyDelete