Membuat Widget Tampil Dengan Scroll

Seperti pada salah satu widget yang ada pada blog saya ini, fungsi scroll yang sederhana namun banyak sekali manfaatnya. Salah satunya adalah untuk menampilkan widget agar tampak lebih ringkas mungkin karena terbatasnya tempat. Kotak scroll widget ini walau sangat sederhana ini cukup ampuh untuk menjadikan blog anda tertata rapi karena banyak widget yang ingin kita pasang di blog tetapi ukurannya tidak sesuai dengan ukuran sidebar atau kolom template kita, nah supaya widget widget tersebut bisa di sesuaikan dgn halaman blog maka kita perlu kolom scroll widget ini.

Cara buatnya :

1. Login to Blogger kemudian pilih "Layout"
2. Klik pada "Page Element" trus pilih "Add a Gadget --> HTML/Javascript" (Tempatnya terserah kamu).
3.Copy Paste Script Berikut :

<h2 class="title">TULIS JUDUL KOTAK SCROLL DISINI</h2>
<div class="widget-content">
<div style="border: 0px solid #F5003D; overflow: auto; width: 310px; height: 200px; text-align: left;">


<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>


<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>


<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>


<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>


<li> <a href="http://Alamat Link Anda" target="_blank">Nama Link Yang Akan di Tampilkan</a></li>


</div>
</div>

Keterangan :

+ Angka 310 adalah lebar kolom widget scroll, bisa anda ganti dengan ukuran yang sesuai dengan kolom template anda.
+ Angka 200 adalah tinggi kolom widget scroll, bisa anda ganti juga.
+ Ganti URL/Link yang berwarna merah dengan link yang ingin anda pasang.
+ Ganti judul link yg berwarna hijau dengan judul link yang anda pasang.
+ Kode #F5003D adalah kode warna border kotak scroll widget, bisa anda ganti dengan kode warna yang sesuai dengan selera Anda
+ Jika ingin meletakkan widget atau banner ke dalam kota scroll ini, ganti saja script link dengan script widget atau banner anda.

4. Klik Simpan dan selesai.

Nah !!! gampang kan cara buatnya, silahkan di coba semoga bermanfaat.