Untuk membuat kotak ini caranya sangat mudah:
1. Buka Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Lalu klik tombol + pada HTML/Javascript
5. Masukkan kode yang dibawah ini:
Jika Anda ingin menambahkan teks kedalam kotak scrollbar maka ganti tulisan yang dicetak tebal dengan teks yang ingin Anda tampilkan.
Sebagai contoh, saya memasukkan:
Maka hasilnya akan seperti ini:
1. Buka Blogger.
2. Klik menu Layout -> Page Elements
3. Klik Add a Gadget.
4. Lalu klik tombol + pada HTML/Javascript
5. 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:
<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 dengan <img src="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://www.Alamat url gambar Anda.com" /></div>
Maka hasilnya akan seperti ini:
6. Kalau sudah. Klik Save lalu klik View Blog untuk melihat hasil tampilannya
Selamat Mencoba..!!
Artikel Terkait
Pasang rating pada postingan blogspotMemasang rating pada postingan bertujuan agar pengunjung bisa memberikan penilaian terhadap isi postingan kita. Selain
Cara Membuat Tab View Menu
.fullpost { display: inline; }
Untuk menghemat tempat, tab view menu sangat efisien. Ukuran yang relatif kecil tapi 
Cara Menghapus Gadget Yang Tidak Bisa di Hapus di BloggerBaru bisa nge-blog rasanya pengen banget ganti-ganti tema, pasang widget macam-macam dari yang berguna sampai yang gak
Cara memberi Sound efek | efek suara pada blog cara memberikan sound efek atau efek suara pada blog, info ini saya dapatkan dari teman kita faisal, faisal meminta
Belajar Buat Blog Lewat BloggerHal pertama yang temen pertimbangkan sebelum mendaftarkan diri ke Blogger.com adalah apa teman punya alamat email? Un
Cara Membuat Label di Blogger Menjadi 2 KolomUntuk membuat label di Blogger menjadi 2 kolom , anda bisa melihatnya di blog saya ini, atau gambar di bawah ini :
cara membuat kotak scroll pada blogger
4/
5
Oleh
Baris Info
Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.
Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).
Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.
Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia, atau juga bisa URL Facebook atau Twitter kamu, misal http://facebook.com/markutil
Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini pertanyaan kamu tidak akan ditanggapi.