Kadang postingan yang panjang
sering memakan tempat.. nah untuk mengakali nya supaya tempat atau
ruangan pada blok kita lebih hemat adakala nya di akali dengan kotak
scroll..banyak sekali macam-macam bentuk nya salah satu nya kayak di
artikel ini...
Nah..jika sobat ada yang
berminat untuk membuat nya sobat tinggal copy kode-kode nya di bawah ini
dan memodifikasi sesuai kebutuhan sobat ...
1.Kotak Scroll tampa Background
Masukan Tulisan atau gambar di sini
Kode nya :
<span><span
style="font-style: italic;"><span style="font-style:
italic;"><div style="height: 100px; width: 400px; font: 16px/26px
Georgia,Garamond,Serif; overflow: scroll;">Masukan Tulisan atau gambar di sini
</div>
</span></span></span>
</div>
</span></span></span>
Keterangan :
- Masukan Tulisan atau gambar di sini Pada Tulisan warna merah ini bisa anda ganti dengan tulisan lain atau gambar yang anda inginkan.
- height: 100px; untuk ukuran tinggi kotak nya bisa anda ganti dengan angka lain umpama 150px,200px dan lain nya sesuai kebutuhan.
- width: 400px; untuk ukuran lebar kotak nya angka nya bisa anda ganti sesuai kebutuhan.
2.Kotak Scroll memakai Background
Masukan Tulisan atau gambar di sini
Kode Nya :
<div
style="height:100px;width:400px;font:16px/26px Georgia, Garamond,
Serif;overflow:scroll;background-color:#3d85c6;
scrollbar-base-color:#67F152">Masukan Tulisan atau gambar di sini</div>
Keterangan :
- Masukan Tulisan atau gambar di sini Pada Tulisan warna merah ini bisa anda ganti dengan tulisan lain atau gambar yang anda inginkan.
- height: 100px; untuk ukuran tinggi kotak nya bisa anda ganti dengan angka lain umpama 150px,200px dan lain nya sesuai kebutuhan.
- width: 400px; untuk ukuran lebar kotak nya angka nya bisa anda ganti sesuai kebutuhan.