Cara Membuat Scrollbar Pada Blog

Anda tentu pernah melihat sebuah blog yang penuh sesak sehingga memperlambatkan proses loading serta memakan ruang halaman blog atau website? Kali ini mrul ingin berkongsi sebuah tips khusus agar halaman blog kita tidak terlihat sesak oleh bnyak picture, menu, banner dan lainnya.

Secara sederhana scrollbar adalah sebuah kotak yang dapat digerakkan kekanan atau ke bawah sehingga kita dapat menumukan isi yang tersembunyi.Dengan ini dapat menjimatkan ruang pada blog kita.

Langkah- langkah membuat scrollbar :

1.Sign blog anda.
2.Klik Design.
3.Klik Add a Gadget.
4.Klik HTML / Javascript.
5.Copy kod dibawah ini dan paste ke dalam HTML / Javascript.


<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 boleh digerakkan kekanan atau kebawah sehingga boleh menjimatkan ruang pada blog</div>

Hasilnya :

Kotak scrollbar adalah sebuah kotak yang boleh digerakkan kekanan atau kebawah sehingga boleh menjimatkan ruang pada blog

Nota : Gantikan tulisan berwarna merah dengan perkataan yang ingin anda tampilkan.


Jika anda ingin menambah gambar kedalam kotak scrollbar maka gantiakn tulisan yang berwarna merah dangan alamat url gambar anda.

<div style="border: 1px solid rgb(204, 204, 204); padding: 5px; overflow: auto; width: 400px; height: 200px; background-color: rgb(255, 255, 255);"><img src=" http://1.bp.blogspot.com/_gHmkWn7jBTM/TASrlTu5nhI/AAAAAAAAAx4/clyV9IBxOVc/s1600/doa++Nabi.jpg" /></div>


Hasilnya :


6.Klik Save.

Selamat Mencuba..

1 comments:

Fatimah Azahra said...

Bagus artikelnya.. padat dan berisi, semoga selau sehat, rejekinya tambah banyak dan sehat selalu.. salam sukses buat teman-teman semua..amiin
sewa kantor full furnished jakarta

TinGaLkan Jejak