Pecinta Rasululah SAW yang suka Matematika

Jumat, 21 Desember 2012

Membuat Kotak Scroll di Blog

jika anda ingin menulis teks tau foto yang terlalu banyak atau panjang, maka scroll adalah sulusi yang tepat agar posting anda menjadi lebih menarik
berikut ini akan saya berikan tutorial tentang pembuatan koatak scrool pada blog

Kode yang digunakan untuk membuat sebuah kotak dengan fungsi scroll adalah :


<div style="overflow:auto; width:150px; height:100px; padding:10px; border:1px solid #000000;">Teks Yang anda inginkan</div>
contoh



Idolaku Rasulullah idolaku rasulullah idoalku rasulullah idolaku rasulullah idolaku rasulullah idoalku rasulullah idolaku rasulullah idolaku rasulullah idoalku rasulullah idolaku rasulullah idolaku rasulullah idoalku rasulullah idolaku rasulullah
fungsi scrool ini bisa digunakan di post atau di add gadget teks

Sebelum menambahkan sedikit gaya pada kotaknya, saya akan jelaskan kode untuk membuat kotak scrollnya terlebih dahulu.
width:100px adalah lebar kotak yang diukur dalam pixel. (100px/100pixel)
height:400px adalah tinggi kotak yang diukur dalam pixel. (400px/400pixel)
padding:10px; adalah jarak isi kotak dengan garis pinggir kotak.
border:1px solid #000000 adalah kode untuk ketebalan garis pinggir kotak ( border ) dengan garis biasa ( solid ) yang berwarna hitam ( #000000 ).
Kata Teks yang anda inginkan adalah isi kotak yang berupa tulisan yang bisa juga di ganti dengan kode widget jika kotaknya di isi dengan widget

1 komentar: