Cara Membuat Fungsi Scroll

Assalamualaikum, shubuh kemarin saya melhat salah satu blogspot yang disisi kanannya terdapat sebuah kotak yang bisa discroll atau bisa ditarik kebawah dan keatas. Pada saat itu juga saya ingin membuatnya dan menampilkannya didalam blog saya, cara membuatnya cukup membubuhkan sedikit code didalam widget HTML. Penasaran bagaimana cara membuatnya, nih tutorialnya.


Untuk membuat halaman seperti itu, anda hanya membuat kode seperti ini :

< div style="border: 1px solid rgb(238, 238, 238); padding: 10px; overflow: auto; width: 300px; height: 200px;">

isi halaman



Contoh :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<a href="http://alamatkamu.blogspot.com/">1.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">2.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">3.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">4.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">5.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">6.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">7.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">9.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">10.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">11.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">12.Test</a>
<br />
<a href="http://alamatkamu.blogspot.com/">13.Test</a>
</div>

0 komentar:

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n:

Posting Komentar

About Me

Foto saya
pekanbaru, riau
saya sekolah di smk muhammadiyah 01, pekanbaru, dan sekarang berada di bidang jurusan : Teknik informatika yang SayA suKaiiii ,,,,