MEMBUAT KOLOM SCROLL PADA BLOG

Tweet

Catatan Blog,

Rate this posting:

{[['']]}

Share Artikel To :

MEMBUAT KOLOM SCROLL PADA BLOG

Sengaja saya menulis postingan membuat kolom scroll pada blog, karena banyak digunakan di blog baik berupa postingan html, gambar ataupun artikel. Juga membuat widget html agar mengirit tempat. Kita juga dapat mengatur panjang dan lebarnya sesuai keinginan kita.

Untuk lebih jelasnya membuat kolom scroll pada blog mari kita lihat beberapa bentuk dibawah ini :

1. <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.  <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.  <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.  <textarea cols="60" rows="4">Masukkan Tulisan atau teks disini</textarea>

5.   <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.   <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 Membuat Kolom Scroll Pada Blog,

Selamat mencoba semoga berhasil.

Untuk Informasi dan Pemesanan Produk 

Silahkankan Menghubungi Customer Service kami dibawah ini

Share Artikel To :

Follow Me :

Sign up here with your email address to receive updates from this blog in your inbox.