Cara Membuat Kotak Scroll

Assalamu’ alaikum to all my friends. Pada rapat kali ini saya akan menjelaskan cara membuat kotak scroll pada blog. Dari judulnya saja sudah kelihatan bahwa membuat kotak scroll itukan sangat mudah. Ya iya lah ! Masa’ ya nggak lah ! Kalau begitu nggak usah banyak bacot lagi. Langsung aja kita buat ! Sebelum itu siapkan makanan kecil & kopi supaya anda nggak kenapa-napa !
1. Login ke blogger.com
2. Pilih Layout/Tata Letak ---> Elemen Halaman ---> Add Gadget/Tambah Gadget
3. Pilih HTM/Javascript

4. Masukkan kode berikut ini ke dalam kotak yang disediakan !

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman yang akan ditampilkan
</div>


Keterangan :
overflow:auto = untuk menciptakan scrolling/penggulung halaman
width:300px = lebar kotak
height:200px = tinggi kotak
padding:10px = jarak tulisan dengan garis tepi
border:1px = tebal kotak

Contohnya seperti ini :


<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
1. Cara Membuat Blog
2. Cara Memback-Up Template Blog
3. Cara Menghilangkan Navbar Blog
</div>



5. Kalau udah jadi klik simpan, udah jadi dhe ! Wassalamu’ alaikum wr. wb.