Senin, 18 April 2011

[ojegjogja] Cara memasang kotak scroll (Scrollbox) di sidebar.


Cara memasang kotak scroll (Scrollbox) di sidebar
Efisiensi (penghematan) tempat pada sebuah blog juga perlu dilakukan. Salah satunya adalah dengan memasang Scrollbox. Selain menghemat tempat, widget ini juga bisa mempermudah pengunjung blog untuk mengetahui beberapa artikel yang ada di blog tersebut. Lulu apa ya yang dimaksut dengan Scrollbox ? Saya sendiri kalau disuruh menjawab juga masih bingung. Supaya kita sama-sama tidak bingung silahkan lihat kotak sidebar sebelah kanan blog ini yang di atasnya ada tulisan BLOG TUTORIAL. Sekarang jadi jelas kan ?  Oke supaya tidak terlalu panjang ndobosnya, pada kesempatan kali ini saya akan menjelaskan cara memasang Scrollbox di sidebar. Adapun cara memasang beserta kode HTML nya adalah sebagai berikut :

1. Login blogger
2. Klik Rancangan
3. Dalam menu Elemen Laman klik Tambah Gadget / Add Widget
4. Pilih HTML
5. Copy Paste kode di bawah ke dalam Gadget tersebut

<div style="overflow:auto; width:250px ; height:100px ;border:1px solid ;padding:8px;margin:10px 0 0">
<ul><li><a href="http://www.buburayamketawajago.co.cc/2011/03/marquee-bgcolor0000ff-behavioralternate.html">1. Daftar Menu Makanan.</a></li></ul>
<ul><li><a href="http://ojegjogja.blogspot.com/2010/11/manfaat-air-leri.html">2. Manfaat air leri bagi tumbuhan / tanaman.</a></li></ul>
<ul><li><a href="http://www.buburayamketawajago.co.cc/">3. Bubur Ayam Kremes "KETAWA".</a></li></ul>
<ul><li><a href="http://ojegjogja.blogspot.com/2011/04/cara-mudah-menambah-elemen-halaman-di.html">4. Menambah elemen halaman di atas header.</a></li></ul>
<ul><li><a href="http://www.buburayamketawajago.co.cc/2011/03/normal-0-false-false-false-in-x-none-x_05.html">5. Mau pesan makanan ?</a></li></ul>
</div>

6. Klik simpan
7. Untuk melihat hasilnya silahkan klik di sini.




Catatan :
  • width :400px    adalah lebar kotak scroll
  • height:100px    adalah tinggi kotak scroll
  • lebar dan tinggi kotak scroll bisa dirubah sesuai kebutuhan dan tergantung isi yang ada di dalam kotak nantinya. Kalau isinya sedikit tapi ukuran kotaknya terlalu lebar atau tinggi akhirnya kotak scroll tidak akan berfungsi dan bentuknya hanya berupa segi empat. 
  • teks yang berwarna kuning adalah alamat ulr
  • teks yang berwarna merah adalah judul dari alamat url.

Tidak ada komentar:

Posting Komentar

Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam. OK ....?