meta content='raXa6nkIfdXiFBhvXAvyw61NbnQ' name='alexaVerifyID'/> javascript:; Cara membuat scroll box pada blog ~ SHARING ILMU BARU

Sabtu, 30 Juni 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://satudpajak2011.blogspot.com">Tes 1</a>
<br />
<a href="http://satudpajak2011.blogspot.com">Tes 2</a>
<br />
<a href="http://satudpajak2011.blogspot.com">Tes 3</a>
<br />
<a href="http://satudpajak2011.blogspot.com">Tes 4</a>
<br />
<a href="http://satudpajak2011.blogspot.com">Tes 5</a>
<br />
</div>
Bila dipasang akan menjadi seperti ini:
Tes 1
Tes 2
Tes 3
Tes 4
Tes 5
Tes 6
Tes 7
Tes 8
Tes 9
Tes 10
Tes 11
Tes 12
Tes 13
Tes 14

Ket:
  • Ganti tulisan yang berwarna orange 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!!!

4 komentar:

Waduhh sip om..
postingnya sangat membantu..!!

alhamdulillah jika bs membantu :)

Terima kasih gan.........
sangat membantu bagi saya postingan anda...

alhamdulillah jika bs membantu :)

Poskan Komentar

Share

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Welcome to my blog setelah membaca jangan lupa beri komentar ya dan jangan lupa share dan tambahkan tambahkan + pada google + (sebagai tanda terima kasih anda ) ^_^