Pada Tutorial blogspot kali ini saya akan kasih tips cara membuat Scroll Box. Scroll Box banyak digunakan di web atau blog. Scroll Box sangat berguna sekali untuk menghemat tempat, terutama bila halaman web atau blog sudah penuh dan sementara masih banyak artikel atau apa saja yang ingin tetap ditampilkan pada satu halaman. Scroll Box selain bisa digunakan untuk tempat artikel, banyak juga yang menggunakan Scroll Box sebagai tempat daftar isi.
Cara membuat Scroll Box sangat mudah, silahkan anda perhatikan contoh dibawah ini berikut kodenya :
Berikut Kode untuk scroll box diatas :
<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col"bgcolor="#F2F2F2">CONTOH DAFTAR ISI TUTORIAL BLOG</th> </tr><tr><td>
<div style="font-family: arial; font-size: 12px; overflow: scroll; background: #FFFFFF; border-color: #CCCCCC; width: 250px; height: 250px;"><div style="text-align:left; width: 100%; padding: 0 px; overflow: hidden; color: #FFFFFF; background: #EFEFFB;">
<ul>
<li><a href="http://internetblogcomputer.blogspot.com/2012/01/cara-membuat-email-di-gmail.html">Cara Membuat E-mail gmail</a></li>
<li><a href="http://internetblogcomputer.blogspot.com/2012/01/cara-membuat-email-di-yahoo.html">Cara Membuat email Yahoo</a></li>
</ul></div></div></td></tr></table></div>
Silahkan anda ganti teks berwarna merah dia atas dengan daftar isi milik anda. Untuk memilih warna beserta kodenya silahkan anda lihat tabel kode warna yang ada disebelah samping halaman ini.
Dan cara penulisan link untuk daftar seperti diatas, silahkan anda lihat artikelnya di
Demikian tutorial Blogspot membuat scroll bar
Tidak ada komentar:
Posting Komentar