Cara Membuat Scroll Widget Blog

22 Mei 2012 - - 11

Kata scroll saya kira sudah tidak asing lagi ditelinga kita, scroll adalah sesuatu yang dapat ditarik ke atas dan ke bawah, atau ke samping kanan dan kekiri, maka dari itu ada istilah scroll vertical dan scroll horizontal.

Jika anda ingin membuat scroll di widget blog anda, silahkan ikuti tutorial berikut:

Cara Pertama:
Jika menggunakan widget HTML/JavaScript anda bisa gunakan script dibawah ini :

<div style="overflow:auto;width:100%;height:200px;padding:0px;border:0px solid #eee">
teks atau daftar link bisa dibuat disini.
</div>

Untuk membuat daftar link supaya tampilanya rapi, gunakan kode seperti dibawah ini:

 <ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>

Cara Kedua:
Jika anda menggunakan widget seperti label, archive, atau lainya, caranya adalah sebagai berikut:

Bellow basic wdiget ID in your css template:

1. Widget Label = Label1; Label2; Label3, and so on
2. Widget Blog Archive = BlogArchive1; BlogArchive2; BlogArchive3, and so on

Sebagai contoh, jika anda ingin membuat scroll untuk widget label/ kategori:
cari kode  ]]>  didalam template blog anda, copy paste kode dibawah ini:

#Label1 .widget-content{   /* anda bisa edit, seperti  BlogArchive1, atau lainya */
height:200px;               /* anda bisa edit angka ini, untuk mengatur ketinggian */
width:auto;
overflow:auto;
}

Demikian, semoga bermanfaat.