Elemen Halaman Mempunyai Fungsi Scroll

Menanggapi salah satu pertanyaan dari pembaca blog ini tentang “bagaimana cara membuat elemen halaman yang mempunyai fungsi scroll seperti milik mas boby tentang Blog Tutorial untuk pemula yang ada di bagian atas blog ini?” Jawabannya boleh di bilang sederhana, sebab untuk membuat halaman seperti itu tidaklah harus membuat kode html yang sangat banyak, melainkan hanya sedikit kode untuk membuatnya. Penasaran seperti apa kodenya, ini dia yang di maksud.
Untuk membuat halaman seperti itu, anda hanya membuat kode seperti ini :
<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
isi halaman
</div>
Contoh :

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
<ol>
<li><a href="#"> Panduan membuat blog</a></li>
<li><a href="#">Cara setting blog</a></li>
<li><a href="#">Memilih template</a> </li>
<li><a href="#">Mengatur huruf dan warna</a></li>
<li><a href="#">Cara memposting artikel</a></li>
<li><a href="#">buat Read more pada template klasik</a></li>
<li><a href="#">Cara membuat Text Area</a></li>
<li><a href="#">Cara membuat menu dropDown</a><li>
<li><a href="#">cara Upload foto</a></li>
<li><a href="#">Cara membuat Link(1)</a> </li>
<li><a href="#">Cara membuat Link(2)</a> </li>
<li><a href="#">Cara membuat marquee (text berjalan)</a></li>
<li><a href="#">Cara membuat efek Refresh</a></li>
<li><a href="#">Kode HTML tampil pada postingan</a></li>

</ol>
</div>

Baca Juga Postingan Dibawah ini: