Cara Membuat Kotak Scroll Keren dan Berbeda Pada Blog

Untuk menghemat ruang pada blog sahabat Haekal, terutama pada sidebar atau pun halaman postingan sekalipun, sahabat uzumaki dapat menempatkan suatu script atau tulisan yang panjang kedalam kotak scroll agar terlihat ringkas dan simple. Di bawah ini saya menawarkan kotak scroll 4 versi, yaitu kotak scroll dengan latar belakang transparans, kotak scroll dengan latar belakang berwarna, Kotak Scroll dengan latar belakang Gambar dan kotak scrol Horizontal. Silahkan sahabat Haekal pilih sesuai dengan keinginan sahabat Haekal : 

KOTAK SCROLL DENGAN LATAR BELAKANG TRANSPARANS :

<div style="height:200px;width:400px;font:16px/26px Georgia, Garamond, Serif;overflow:scroll;">
Isi Kotak scroll Sahabat Uzumaki_Popey Blog di sini sesuai dengan keinginan sahabat Uzumaki.
</div>

SCROLL DENGAN LATAR BELAKANG BERWARNA:

<div style="height:90px;width:160px;overflow:scroll;background-color:#67F152;">Isi Kotak scroll Sahabat Uzumaki_Popey Blog di sini sesuai dengan keinginan sahabat Uzumaki 'background-color' property.</div>

KOTAK SCROLL DENGAN LATAR BELAKANG GAMBAR:

<div style="height:220px;width:325px;overflow:scroll;font:35px/45px cursive;color:#A6120D;background:url('http://i516.photobucket.com/albums/u323/natural_pics/milford_sound.jpg');">Sahabat UZumaki Popey Blog bisa menggantikan kode gambar latar belakang dan besar font sesuai keinginan sahabat serta warna tulisan silahkan sahabat uzumaki atur supaya tulisan tampak jelas terlihat di atas gambar.
</div>

KOTAK SCROL HORIZONTAL:

<div style="border:1px solid black;width:200px;height:100px;overflow-y:hidden;overflow-x:scroll;">
<p style="width:250%;">
Isi Kotak scroll Sahabat Uzumaki_Popey Blog di sini sesuai dengan keinginan sahabat Uzumaki. 
</p>
</div>