dalam sebuah blog pasti sering kali kita jumpai sebuah kotak SCROLL
dan kita pun sering bertanya" bagaimana cara membuatnya.. Nahhh..
sekarang saya akan menerangkan cara membuata kotak SCROLL seperti di bawah ini
Cara membuat kotak dengan fungsi scroll dengan menambahkan style background warna, efek bayangan dan garis pinggir ganda pada kotak scrollnya
<div style="overflow:auto; width:150px; height:100px; color:#b4040; padding:10px; border:4px double #000000;-moz-box-shadow:0 0 10px #000000;-webkit-box-shadow:0 0 10px #000000;-goog-ms-box-shadow:0 0 10px #000000;">Cara membuat kotak dengan fungsi scroll dengan menambahkan style background warna, efek bayangan dan garis pinggir ganda pada kotak scrollnya</div>
- Kode yang berwarna merah adalah kode untuk memberi garis pinggir ganda. Jika ingin membuat garisnya putus - putus, ganti kode double dengan dashed
- Kode yang berwarna biru adalah kode untuk memberi efek bayangan berwarna hitam pada kotak
- dan tulisan yg tebal bisa di isi/di ganti dengan ke inginan anda
- width:150px adalah lebar kotak yang diukur dalam pixel. (100px/100pixel)
- height:100px adalah tinggi kotak yang diukur dalam pixel. (400px/400pixel)
Semua kode di atas bisa di edit dengan menggabungkan kodenya, menambahkan atau mengurangi kodenya atau keduanya. Silahkan edit kode dasar membuat kotak scroll di blog tersebut di atas agar kotaknya sesuai dengan keinginan anda. selamat mencoba... :D
info bermanfaat.. trima kasih...
Kunjungan blogwalking.
Sukses selalu..
kembali tak lupa mengundang juga rekan blogger
Kumpul di Lounge Event Blogger "Tempat Makan Favorit"
Salam Bahagia
makasih gan udah mampir...
makasih juga infonya...hehe
tipsnya bermanfaat keep posting sob,.. aku mendukung mu
Zulham-9179>> makasih bang atas dukunganya..hehehe