Cara Membuat Scroll Widget Blog

Selasa, 22 Mei 2012 - - 9

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.

wah makasih infonya gan, siap dipraktekkan :)

baju tidur murah at 6 Juni 2012 15.52

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

Hotel Di Jakarta at 11 Juni 2012 15.24

Keren nih infonya!

SEO Tutorial at 7 Agustus 2012 12.21

Terimakasih banyak mas sudah share tutorialnya. :)

wiltar.co.cc at 28 Agustus 2012 15.11

klo buat ukuran hurufnya mgn gan. thx.

sekedar wawasan at 31 Oktober 2012 15.59

makasih atas tipsnya mas,,,,

dodi at 29 November 2012 12.31

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

johanes gultom at 21 Januari 2013 13.29

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

sandy prastio at 24 Januari 2013 20.15

Izin Coba....



blogwalking gan :)


www.windows404.blogspot.com

Silahkan tinggalkan komentar anda disini dan Terimakasih anda mau menuliskan nama anda.

Koleksi Tutorial Blog

Arsip Blog