Kriwul Blog

blog, wordpress, template, blogger, tips trik, internet, bisnis online, blogger, blogspot,tutorial blog, teknologi, news, free download, free download template.

Cara membuat scroll box

Saturday, July 4, 2009

Salam buat para blogger, baik langsung aja ya, di posting kali ini saya akan membahas bagaimana cara membuat scroll box atau kotak scroll dengan ukuran yang bisa anda antur sendiri sesuai keinginan anda dengan mengganti width, height padding dan border, untuk kodenya langsung aja copy paste pada Gadget HTML/JavaScript:

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

<center><a href="http://heqrisonline.blogspot.com/" target="_blank"><img border="1" alt="heqris" src="http://1.bp.blogspot.com/_8WxJJSaW37I/SjP1tA9PmSI/AAAAAAAAAPg/U-LS-_QMQiU/S310/link+HerQris+2.gif"/></a></center>

</div>

Rubah atau ganti kode yang berwarna hitam sesuai dengan keinginan anda, untuk merubah ukuran sesuai dengan yang anda inginkan ganti width dan height nya.
Scroll box akan keliatan jika text atau gambar anda sudah melebihi ukuran yang anda cantumkan.
Jika sudah simpan.


Selain itu juga ada scroll marquee, bedanya dengan kotak scoll, marquee ini bisa auto scrool, dan bisa di atur lambat cepatnya dan ukurannya, berikut kodenya:

<marquee align="center" direction="up" height="100" scrollamount= "2" onmouseover='this.stop()' onmouseout='this.start()' width="95%" >

<center><a href="http://heqrisonline.blogspot.com/" target="_blank"><img border="1" alt="heqris" src="http://1.bp.blogspot.com/_8WxJJSaW37I/SjP1tA9PmSI/AAAAAAAAAPg/U-LS-_QMQiU/S310/link+HerQris+2.gif"/></a></center>

</marquee>

Rubah atau ganti juga kode yang berwarna hitam sesuai dengan keinginan anda, untuk merubah ukuran sesuai dengan yang anda inginkan ganti width dan height nya dan untuk scrollmount adalah pengaturan cepat lambatnya.
Jika sudah simpan.

Slamat mencoba & moga sukses

0 comments:

Post a Comment