Thursday 28 November 2013
Post By: Unknown
Cara membuat Scroll box yang unik pada postingan blog
Sroll box adalah kotak yang bisa memuat tulisan/gambar
maupun kode script/HTML yang terlalu panjang maupun terlalu lebar pada blog maupun web. Dengan
scroll box maka tampilan blog kita akan lebih rapi. Biasanya tampilan scroll box itu polos tapi,
pada postingan kali ini saya akan membuat scroll box dengan border yang berwarna seperti
tampilan scroll box di bawah ini. Pada postingan kali ini scroll box nya
dengan border berwarna hijau. Apabila anda ingin mengganti warnanya. Silakan diganti kode
html warnanya.
Silahkan masukkan Teks, kode HTML dan Script di sini
Untuk membuat scroll box di postingan anda, anda hanya perlu
menambahkan kode ini pada postingan anda.
<div
style="background-color: white; border-bottom: 3px solid #99FF33
; border-left: 15px
solid #99FF33; border-right: 3px solid #99FF33; border-top: 3px solid #99FF33
; font: 12px
Georgia,Garamond,Serif; height: 157px;
overflow: auto; padding: 10px; width: 257px;">Silahkan
masukkan Teks, kode HTML dan Script di sini </div>
Keterangan:
- Copy kode tersebut pada mode Kode HTML
- Ketik Teks/Kode HTML/Script pada mode Compose
- Ganti kode berwarna merah dengan warna dan ketebalan warna border Scroll box yang andainginkan
- Ganti kode warna hijau dengan ukuran panjang dan lebar scroll box yang anda inginkan
