Cara Mudah Membuat Scroll Box

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

Posted in: Widget