Kali ini saya ingin share cara membuat sebuah kotak dengan scroll bar di blog, contoh nya mungkin sudah dijelaskan pada psotingan Membuat Daftar Isi Isi Blog, tapi kali ini kita akan membuat bagian kotak nya saja. Contoh nya bisa kalian lihat pada Daftar Isi di blog saya atau lihat foto Ayah saya yaitu Bill Gates dibawah ini :D
Pada saat membuat psotingan atau laman, kalian pilih pada tampilan HTML bukan Compose, lalu masukan skrip di bawah ini :
<div style="background-color: white; border: 3px solid #000000; height: 400px; margin: 0px 0px 0px 0px; overflow: auto; padding: 3px; width: 600px;">
**ISI DENGAN TULISAN KALIAN YAH...!!!**
- Kalian perhatikan pada background-color: white, itu adalah warna background dengan warna putih, bisa kalian ganti sesuka kalian.
- Pada bagian border: 3px, itu adalah ketebalan garis, atur ketebalannya jika menurut kalian kurang pas.
- Untuk height: 400px dan width: 600px adalah tinggi dan lebah kotak.
- Tulisan yang berwarna merah silahkan kalian masukan tulisan kalian yang nantinya akan berada didalam kotak Scroll Bar.
Cukup mudah kan sob? Selamat mencoba yah ^_^
0 komentar:
Posting Komentar