Rabu, 14 Maret 2012

Membuat Kotak Scroll di Blog




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

Contoh :








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>

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

Tidak ada komentar:

Posting Komentar