Salah satu cara efektif untuk menyimpan teks-teks link agar tidak memakan tempat yang banyak adalah dengan memasang kotak scrollbar. Kotak scrollbar ini dapat di scroll ke kiri ke kanan atas dan bawah sehingga mempermudah pembaca untuk mencari teks link yang mereka cari.
Bagaimana cara membuat kotak scrollbar pada blogger ikuti langkah berikut !
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>
4. 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>
5. Jika sudah silahkan SAVE
Bagaimana cara membuat kotak scrollbar pada blogger ikuti langkah berikut !
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>
4. 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>
5. Jika sudah silahkan SAVE
Tags
tutorial
wah gan, buar naru scrip ya. mantap ni.makasih ya infonya, kapan kapan ane coba dah.
BalasHapus