html : membuat scroll box

Ada beberapa jenis dari scroll box yang ada, tergantung apa yang menjadi kebutuhan kita, Untuk membuat scroll box caranya cukup mudah. perhatikan kode html di bawah ini ;

1. Scroll box biasa.

Kode :

<div style="border: 2px solid #eedede; height: 100px; overflow: auto; padding: 1px; width: 200px;">
<ol>
<li>Daftar Isi Blog Dengan Scroll Box</font></li>
<li>Menampilkan Hanya 1 Halaman Posting</font></li>
<li>Membuat tittle bar bergerak</font></font></li>
</ol>
</div>


Hasilnya :

1. Daftar Isi Blog Dengan Scroll Box
2. Menampilkan Hanya 1 Halaman Posting
3. Membuat tittle bar bergerak

---

1. Scroll box dengan link.

Kode ;

<div style="border: 2px solid #eedede; height: 100px; overflow: auto; padding: 1px; width: 250px;">

<ol>
<li><a href="http://norwahyono-smc.blogspot.com/2012/11/menampilkan-daftar-isi-blog-dengan.html">Daftar Isi Blog Dengan Scroll Box</a></li>
<li><a href="http://norwahyono-smc.blogspot.com/2012/11/cara-menampilkan-hanya-1-halaman.html">Menampilkan Hanya 1 Halaman Posting</a></li>
<li><a href="http://norwahyono-smc.blogspot.com/2012/11/membuat-judul-blog-bergerak.html">Membuat tittle bar bergerak</a></li>
</ol>
</div>


Hasilnya ;

1. Daftar Isi Blog Dengan Scroll Box
2. Menampilkan Hanya 1 Halaman Posting
3. Membuat tittle bar bergerak

---