Cara Membuat Kolom Scroll Pada Blog

kali ini saya akan memosting artikel tentang Cara Membuat Kolom Scroll Pada Blog.
ya walaupun sudah banyak di blog-blog lain, tetapi saya akan sekedar menambah-nambah saja ...
oke langsung saja ya ...

ini caranya :


1.kotak scroll tanpa background biasa

teks pertama
teks kedua
teks ketiga
teks keempat

Kodenya di bawah ini

<div style="font: 12px/26px Georgia,Garamond,Serif; height: 100px; overflow: scroll; width: 500px;"><span style="font-style: italic;"><span style="font-style: italic;">Masukkan teks disini</span></span></div>

2.kotak scroll dengan border tanpa background biasa

Masukkan teks disini
teks pertama
teks kedua
teks ketiga
teks keempat
teks kelima
dan seterus nya

Kodenya di bawah ini

<div style="-goog-ms-box-shadow: 0 0 10px #000000; -moz-box-shadow: 0 0 10px #000000; -webkit-box-shadow: 0 0 10px #000000; border: 6px double #FF00FF; color: #b4040; height: 100px; overflow: auto; padding: 10px; width: 470px;">
Masukkan teks disini</div></div>

3.kotak scroll dengan warna background

Masukkan Tulisan atau teks disini
teks pertama
teks kedua
teks ketiga
teks keempat
teks kelima
dan seterus nya

Kodenya di bawah ini

<div style="background-color: Royalblue; border: 1px solid rgb(191, 189, 189); height: 100px; overflow: auto; padding: 5px; text-align: justify; width: 500px;">Masukkan teks disini</div>

4.kotak scroll dengan textarea

Kodenya di bawah ini

<textarea cols="60" rows="4">Masukkan Tulisan atau teks disini</textarea>

5.kotak scroll dengan border dan background contoh 1

Masukkan teks disini
teks pertama
teks kedua
teks ketiga
teks keempat
teks kelima
dan seterus nya

Kodenya di bawah ini

<div style="text-align: left;"><div style="background: #4169E1; border: 3px solid #008000;height: 100px; overflow: auto; padding: 10px; width: 200px;">Masukkan teks disini</div>

6.kotak scroll dengan border dan background contoh 2

Masukkan teks disini teks pertama teks kedua teks ketiga teks keempat teks kelima dan seterus nya

Kodenya di bawah ini

<div style="text-align: left;"><table border="5" cellpadding="1"><tbody><tr><td><div style="background: #4169E1; border: 2px solid #008000; height: 100px; overflow: auto; padding: 10px; width: 200px;">Masukkan teks disini</div></td></tr></tbody></table>

Keterangan :
Untuk merubah background : Royalblue atau #4169E1
Untuk merubah warna border dan ukurannya : border: 2px solid #008000
Untuk merubah tinggi Scroll : height: 100px
Untuk merubah lebar Scroll : width: 150px

Demikianlah Cara Membuat Kolom Scroll Pada Blog,selamat berkreasi semoga berhasil.salam blogger. semoga bermanfaat ya sob ... :D

(Admin)