Membuat Scroll Bar Pada Blog

Scrollbar adalah satuan kode html yang berfungsi membuat scroll (makna literal, gulungan). Scrollbar dikenal juga dengan istilah handle. scrollbar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi...

Scrollbar ini mempunyai banyak manfaat untuk di blog, salah satu manfaatnya adalah agar blog kita tidak terlalu sempit oleh isi/konten.widget pada blog.

Cara membuat Scrollbar, anda bisa copy paste script di bawah ini

<br><h2><br>Judul Scrollbar</h2><br><div><br><div style="border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 10px; width: 120px;"><br>ISI DENGAN TEKS, LINK ATAU KODE HTML/JAVASCRIPT YANG AKAN DIMASUKKAN KE DALAM KOTAK SCROLLBAR</div><br></div><br></div><br>

Sebagai contoh, Jika ingin membuat daftar link yang diberi kotak scroll bar, scriptnya sebagai berikut :

<div style="overflow:auto;width:90%;height:150px;padding:20px;margin-bottom:10px">
<ol><li><a href="http://gustibogor.blogspot.com/2011/11/text-area-dan-contohnya.html" target="_blank">Membuat Text Area dan Contohnya</a></li>
<li><a href="http://gustibogor.blogspot.com/p/var-acctoctrue.html" target="_blank">Daftar Isi</a></li>
<li><a href="http://www.blogger.com/%E2%80%9Dhttp://domain.com%E2%80%9D" target="_blank">judul link</a></li>
</ol></div>

Hasilnya seperti ini

1. Membuat Text Area


2. Membuat Bingkai Kotak dan Badcground


3. Mahkamah Konstitusi Menjawab Kerinduan Anak Pada Ayahnya


4. Daftar Isi

Keterangan:

• Tulisan yang berwarna MERAH silahkan diganti
• width : lebar text area
• height : tinggi text area
• background-color : warna background text area
• text-align : perataan text
• border : tebal tipisnya garis tepi text area
• solid : warna garis tepi text area