Friday, January 18, 2013
Sobat
ingin membuat scroll box dan menghiasi web atau blog anda menjadi lebih
keren dan menarik. Tidak ada salahnya jika anda mencobanya. Selain itu
scroll box juga akan menghemat space atau ruang di blog sobat. Caranya
sangat mudah kopi dan paste kodenya dibawah ini pada posting atau Gadjet
(HTML/Javascript), selamat mencoba ya!Tampilan 1
<div style="border-style: groove; border-width: 2px; overflow: auto; width: 300px; height: 50px; font-size: 11px;">Mari membuat scroll box yang keren dan tampilkan pada blog atau website anda. scroll box dapat menghemat space pada tampilan anda. ayo......</div>Hasilnya seperti dibawah ini:
Mari
membuat scroll box yang keren dan tampilkan pada blog atau website
anda. scroll box dapat menghemat space pada tampilan anda. ayo......
Tampilan 2
<div style="border: 3px dotted rgb(255, 0, 255); overflow: auto; width: 300px; height: 50px; background-color: rgb(255, 153, 255); color: rgb(0, 102, 0); font-size: 11px; font-family: Trebuchet MS;">Mari membuat scroll box yang keren dan tampilkan pada blog atau website anda. scroll box dapat menghemat space pada tampilan anda. ayo......</div>Hasilnya seperti dibawah ini
Mari
membuat scroll box yang keren dan tampilkan pada blog atau website
anda. scroll box dapat menghemat space pada tampilan anda. ayo......
Tampilan 3
<div style="overflow: scroll; height: 150px; width: 250px;"><img src="http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg" alt="Sample picture for scroll box: Milford Sound, New Zealand" height="221" width="330" /></div>Hasilnya seperti dibawah ini
selamat malam...keren nih bisa menghemat tempat di blog.tapi kalau gambar dijadikan scroll box jadi aneh,tapi gambar apa bisa dibuat background scrollnya ya... :g
ReplyDeletebisa bro malah bisa diubah warna kotaknya dan backgroundnya bisa diganti kok untuk cara mengubah kotak warna dan backgroundnya nanti saya posting lagi ya haha..
ReplyDeletejangan lupa bro follow ya