Membuat Kotak Scroll di Blog
Space Iklan Disini, silahkan Hubungi kami !
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 Kotak Scroll di Blog 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
Contoh :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.
- background-color:#3d85c6; untuk mewarnai background pada kotak,nah untuk warna lain nya anda bisa mengambil kode nya di sini.
Kayak nya demikian aja dulu ya...oh ya jika sobat ingin bentuk dan kreasi lain , sobatbisa mengkreasikannya sesuai dengan ke inginan sobat..
Semoga artikel sederhana ini dapat bermamfaat dan selamat Mencopba
0 comments:
Post a Comment