Home
Menu kotak
1. Buka Blogger. Klik menu Design -> Page Elements
2. Klik Add a Gadget lalu klik 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>
Jika Anda ingin menambahkan teks
kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang
ingin Anda tampilkan.
Sebagai contoh, saya memasukkan:
Sebagai contoh, saya memasukkan:
<div style="overflow:auto; padding:5px; width:80px; height:80px;
background-color: rgb(255, 255, 255); border:1px solid #ccc;">Kotak
scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga
bisa menghemat ruangan pada blog</div>
Maka hasilnya akan seperti ini:
Kotak
scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga
bisa menghemat ruangan pada blog
Jika Anda ingin menambahan gambar kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal diatas dengan <img src="alamat url gambar Anda" />
Catatan:
Ganti teks biru yang dicetak tebal dengan alamat alamat gambar anda contoh http://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/herman%20blog%20headline%20v6.gif
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://lh4.ggpht.com/_15FopxVONSo/SSlTogZcU-I/AAAAAAAAA18/EqRgvye_cNU/s400/herman%20blog%20headline%20v6.gif" /></div>
Maka hasilnya akan seperti ini:
4. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya
Selamat Mencoba..!!
