Membuat Kotak Scrollbar Pada Blogspot

Posting kali ini mengenai Pembuatan Kotak Scrollbar pada Blogspot/Blogger. Saya membuat artikel ini untuk membagikan ilmu yang saya dapat,
Untuk membuat kotak ini caranya sangat mudah:

1. Buka Blogger anda, lalu Klik menu Layout -> Page Elements
2. Klik Add a Gadget. Lalu klik tombol + pada HTML/Javascript
3. Masukkan kode dibawah ini:

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Masukkan teks atau kode script disini</div>

Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan” Masukkan teks atau kode script disini” dengan teks yang ingin Anda tampilkan.
Sebagai contoh, saya memasukkan :

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Bingkai atau kotak ini adalah sebuah penampilan yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog anda</div>

Jika Anda misal ingin menambahkan gambar kedalam kotak scrollbar, maka gantilah tulisan ” Masukkan teks atau kode script disini”
Sebagai contoh saya memasukkan kode ini :

<div style="overflow:auto; padding:5px; width:80px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;"><img src="http://i576.photobucket.com/albums/ss209/kwangkxz/tentangkomputerinternet-1.gif" /></div>

4. Bila sudah anda lakukan, Klik Save lalu klik View Blog untuk melihat hasil hasilnya.
Selamat Mencoba..!!