Tips Membuat Kotak Scrollbar

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog.
Untuk membuat kotak ini caranya sebagai berikut :

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


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


4. Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.
   
   Contohnya adalah :
   
   Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog
   
   


5. Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan alamat url gambar Anda.
   
   Sebagai contoh saya memasukkan:
   <div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 300px; height: 80px; background-color: rgb(255, 255, 255);"><img src=" http://i201.photobucket.com/albums/aa226/jhonas_2007/download-2.gif " /></div>
   
   Maka Hasilnya
   
   


6. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya

tag tehnorati