Cara Membuat Scroll Widget Blog

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.

Posting Komentar

wah makasih infonya gan, siap dipraktekkan :)

thx Om inponya,,,praktek nech di web,,,untuk scrool twit,,sumbang klik ae dech ^_^

Terimakasih banyak mas sudah share tutorialnya. :)

klo buat ukuran hurufnya mgn gan. thx.

terima kasih gan ane memang butuh sroll ini n mohon ijin penerapannya...http://pinjamanuangexpress.blogspot.com

http://bloggerseoku.blogspot.com/
http://nestha-pico.blogspot.com/

Izin Coba....



blogwalking gan :)


www.windows404.blogspot.com

[facebook][blogger]

MKRdezign

Formulir Kontak

Nama

Email *

Pesan *

Javascript DisablePlease Enable Javascript To See All Widget

Label