Cara Membuat Kotak Scroll Keren dan Berbeda Pada Blog

Minggu, Januari 27, 2013

Untuk menghemat ruang pada blog sahabat uzumaki, 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 uzumaki pilih sesuai dengan keinginan sahabat uzumaki : 

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>

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.

Buruan Pasang Iklan Anda Di DHE Dengan Harga Yang Terjangkau.Pajang bisnis online anda di DHE dan dapatkan keuntungan yang lebih dari penjualan produk bisnis anda.