Tutorial : Membuat Scroll Box

Hei! I'm back with new tutorial ^^
Buat tuto dulu supaya mood booster-nya bisa bangkit...
Susah lho gaes jadi orang yang moody ini hu hu hu~ duh kok malah curhat..

Yaudah langsung aja deh aku mau buat Scroll Box , mirip tapi beda ya sama yang terdahulu.
Dulu aku dah pernah buat Kotak Select All. Nah yang ini cuma Box nya aja yang bisa di scroll.


Letaknya bisa di sidebar atau di post terserah ^^

Postingan
1. New Post
2. Pilih HTML

Sidebar
1. Layout > Add Gadget > Add HTML/JavaScript

CoPas kode ini :

<center>
<div style="background-image: url(http://dl.glitter-graphics.net/pub/303/303771ob8r4r0z04.png);
border-color: #FFCCCC; border-style: double; border-width: 4px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
height: 300px; overflow: auto; width: 220px;">
KATA KATA KAMU DISINI
</div></center>

Contohnya :

Background Image : URL nya bisa kamu ubah dengan URL Image yang kamu punya

Border Color : Bisa kamu ubah juga
Penting!!!
Height : Tinggi Box bisa kamu sesuaikan

Width : Lebar Box bisa kamu sesuaikan

(Height dan Width sangat berpengaruh kalau kamu letakkan di sidebar ya, pastikan sesuaikan dgn ukuran sidebar kamu)

atau,
kamu bisa pakai kode yang ini kalau mau tampilan Scroll Box yang biasa-biasa aja.

<div style="width:426px;height:100px;overflow:auto; ">
KATA KATA KAMU
</div>

---

Terima Kasih Sudah Berkunjung dan Membaca Artikel ini ya ^^

---