Cara Menciptakan Scroll Widget Blog

Kata scroll saya kira sudah tidak gila lagi ditelinga kita, scroll yakni sesuatu yang sanggup 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 menciptakan scroll di widget blog anda, silahkan ikuti tutorial berikut:

Cara Pertama:
Jika memakai widget HTML/JavaScript anda sanggup gunakan script dibawah ini :

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

Untuk menciptakan daftar link supaya tampilanya rapi, gunakan instruksi menyerupai 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 memakai widget menyerupai label, archive, atau lainya, caranya yakni 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, jikalau anda ingin menciptakan scroll untuk widget label/ kategori:
cari kode  ]]>  didalam template blog anda, copy paste instruksi dibawah ini:

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

Demikian, biar bermanfaat.

Bagikan Artikel ini