Cara membuat kotak scroolbar di blogspot

Udah tau kan fungsi bingkai scollbar??? yapzzzzzzzz........
apa?
sok teu lu....
Bingkai/Kotak ini bisa anda gulung kekanan atau kebawah untuk menemukan teks lain yang tersembunyi sehingga juga bisa menghemat ruangan pada blog kita. 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="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height:80px; background-color: rgb(255, 255, 255);">Masukkan teks atau kode script disini</div>
Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.
Sebagai contoh, saya memasukkan :
<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 80px; height: 80px; background-color: rgb(255, 255, 255);">gulung kiri..... gulung kanan...... main gulung woooo....</div>
 
gulung woooooooooooooooooooooooooooooooooooooooooooo....
angka yang berwarna merah bisa diganti, untuk mengganti ukuran scrollbar sesuai keinginan anda
Jika Anda misal ingin menambahkan gambar kedalam kotak scrollbar, maka gantilah tulisan yang dicetak tebal diatas dengan alamat URL anda
Sebagai contoh saya memasukkan kode ini :

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 190px; height: 250px; background-color: rgb(255, 255, 255);"><img src="http://3.bp.blogspot.com/_VJLyVo3h86M/SnZ484QjlUI/AAAAAAAAADc/4-_I2bm-7x0/s1600-R/itachi-uchiha-avi.gif" /></div>
Maka hasilnya akan seperti ini :
4. Bila sudah anda lakukan, Klik Save lalu klik View Blog untuk melihat hasil hasilnya.
5. berikan kripik, eh, kritik dan saran yang membangun pada blog ini
6. kalau bisa ikutan uchiha family ya!!! biar kekeluargaannya tinggi, hehe....
7. udah selesai kok, liat ndiri.......
(tapi hati-hati, jangen sampai kodenya ke-copy 2x, soalya scriptya yang atas ma bawah sama, cuma diganti teks atau gembar, so, jangan copy 22nya!!!)

1 komentar:

gak canggih babar blassss

Posting Komentar