Membuat Scrollbar dengan background image

Wah...wah... dari judulnya aja asyik nich buat dipraktekkan. Nich berawal saya dari cari sana dan sini bagaimana membuat scrollbar, akhirnya saya menemukan dan saya modifikasi sedikit sehingga jadilah Scrollbar dengan background image kita atau gambar yang lainnya. Penasarankan..!! Sobat bisa lihat contohnya pada halaman paling bawah. Dah puas belum ngeliat? kalau sudah kita mulai buat yuk.

1. Masuk/Log in ke account blogger sobat
2. Pilih Tata letak
3. Pilih Add Elements/Tambah Gadget
4. Pilih HTML/JavaScript
5. Copy paste kode dibawah ini:



<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 250px; height: 150px; background-image: url(http://i559.photobucket.com/albums/ss32/alfairuz/images-3.jpg);"> <img border="0" src="http://www.geocities.com/wandimuslim/foldermedia.ico"/> <a href="http://masterpro82.blogspot.com/" target="_blank">Masterpro82</a> <img border="0" src="http://www.geocities.com/wandimuslim/foldermedia.ico"/> <a href="http://www.zaka2112.tk/" target="_blank">Debit Mastercard Gratis</a></div>



6. Simpan

Keterangan:

Warna MERAH adalah link image sobat, warna BIRU adalah lebar dan tinggi scroolbar, warna UNGU adalah alamat icon, warna HITAM tebal adalah alamat blog sobat dan warna MERAH JAMBU adalah text/bacaan. Sobat bisa rubah semua sesuai keinginan sobat. Contohnya sobat bisa lihat pada halaman paling bawah.

Selamat Berjuang....