Tuesday, February 14, 2012

Membuat Scroll Bar

Langsung saja sobat blogger,,soalnya saya sedang tergesa-gesa mau jalan-jalan,,ehhehhehe
Makanya saya buat tutorial yang tergolong singkat ini. Ke penjelasan aja langsung,,

Scroll bar adalah sebuah kotak yang dapat digulung kekanan atau ke bawah sehingga kita dapat menemukan isi yang tersembunyi. Mungkin anda pernah melihat blog yang penuh dengan isinya yang sangat panjang sehingga memperlambat loading blog tersebut. Supaya blog anda tidak seperti itu, di tips kali ini saya akan menjelaskan cara menghilangkan sesak tersebut dengan membuat scrollbar. Dengan begitu kita bisa menghemat pamakaian ruang blog. Caranya adalah letakkan kode diantara kode scroll bar

Berikut adalah kode untuk membuat scroll bar:
KETERANGAN JUDUL
RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA.................RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA

<div align="center">
<table border="1" style="width: 250px;"><tbody>
<tr> <th colspan="100%" scope="col">KETERANGAN JUDUL</th> </tr>
<tr><td><div style="font-family: arial; font-size: 12px; height: 150px; overflow: scroll; width: 250px;">
<div style="overflow: hidden; padding: 0 px; text-align: center; width: 100%;">
RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA............RUANG UNTUK MENULIS ATAU UNTUK MENEMPAKTKAN SCRIPTS KODE. BILA ISI DARI SCROLL-BOX MELEBIHI UKURAN KOTAKNYA, SECARA OTOMATIS TOMBOL SCROLL AKAN MUNCUL DENGAN SENDIRINYA</div>
</div>
</td></tr>
</tbody></table>
</div>



Untuk mengubah lebar ganti angka setelah kode width: sesuai kebutuhan sobat, dan untuk mengubah panjang ganti angka setelah kode height: sesuai kebutuhan sobat. Mudah sekali bukan...


...::::Selamat mencoba dan semoga berhasil::::....

0 komentar:

Post a Comment

Luangkanlah waktu untuk berkomentar di blog ini. Berkomentarlah secara bijak( jangan SPAM). Komentar anda adalah suatu kebanggaan buat saya.