Cara Membuat Scrollbar, Teks Links Area

Bagaimana cara membuat Scrollbar? Disini Scrollbar berguna sekali untuk menghemat tempat pada sebuah Blog. Caranya bermacam-macam, diantaranya kita bahas di bawah ini bersama. Untuk menghemat ruangan dengan cara membuat kotak Scrollbar. Kotak ini bisa kita gulung kekanan atau kebawah untuk menemukan teks lain yang tersembunyi sehingga bisa menghemat ruangan pada blog kita.

Tambahkan teks atau kode script disini

Untuk membuat kotak ini caranya sangat mudah:

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 >

Tambahkan teks atau kode script disini

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(0, 0, 0); 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

Kotak scrollbar adalah sebuah kotak yang bisa digulung kekanan atau kebawah sehingga bisa menghemat ruangan pada blog

Catatan :
rgb(255, 255, 255) = background kotak warna putih
rgb(0, 0, 0) = background kotak warna hitam


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

Selamat Mencoba..!!

Anda Sudah Baca Yang Ini? :