Cara Membuat Kotak Scroll Dalam Postingan Blogspot

Membuat kotak scroll di dalam posting, salah satu kegunaannya apabila posting pada blog terlalu panjang bisa kita masukkan post ke dalam kotak scroll agar dapat meminimalkan tempat pada halaman posting.

KOTAK SCROLL BIASA

Cara nya cukup simple, Copy dan Paste kode di bawah ke dalam postingan anda, pada tulisan warna biru, silahkan masukkan tulisan atau gambar yang ingin anda masukkan.

<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>

KOTAK SCROLL DENGAN BORDIR

<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>

KOTAK SCROLL DENGAN WARNA BACKGROUND

<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>

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.