Kamis, 17 Desember 2009

Cara Membuat Scroll Bar di dalam Blog

Apa itu scrool bar? hahaha saya kira tman2 semua sudah pada tahu tuh, tapi bagaimana kalau pertanyaannya saya ganti? "siapa yang tahu cara membuat scrool bar di dalam blog?" kalau ini jawabannya dah pasti gak semua tahu cara membuatnya...kalau teman2 yg sedang baca ini belum tahu cara membuatnya santai aj, saya juga sebelumnya gak tahu sama sekali, sama halnya dengan tman2 yg msih awam mengenai hal ini. Untuk itu di sinilah letak pentingnya sharing sesuatu yg kita ketahui, walau secuil gak apa2 yg penting kita bisa sling berbagi ilmu...., iya gak..?

Yohoooooo...lanjuuuut

Agar gak hanya sekedar cuap2, teman2 bisa melihat contoh tampilan yang akan kita bahas dalam postingan kali ini





Nah, tombol yg bisa dibuat nggulung2 itulah yang namanya scroll Bar. Tuh di browsernya teman2 juga ada...

Oh iya judul yang kita gunakan adalah "Membuat scroll bar di dalam blog", saya pribadi sengaja menggunakan kata scroll bar di dalam blog agar nuansanya terasa lebih global alias lebih umum. Apa maksudnya...? Yang namanya dah blog berarti scrool bar yang ingin kita bahas tersebut dapat kita tampilkan ke dalam posting maupun gadget HTML yang kita miliki....gtuuuu maksudnya^

Untuk membuat yang seperti di atas tu, kita hanya membutuhkan kode script berikut



<div style="overflow: auto;background-color: #FF9900; margin: 0px auto; padding: 5px; height: 135px;width: 85%;text-align: left;">

SILAHKAN DIISI APA SAJA DI SINI YANG MENURUT ANDA HARUS DISINGKAT DENGAN MENGGUNAKAN FORM SCROLL, TEKS ATAU KODE JUGA BOLEH

</div>




Wah ternyata untuk membuat yang seperti itu, kita hanya membutuhkan script yang relatif pendek...

Dan dari kode di atas, teman2 juga bisa mengaturnya menjadi sedemikian rupa, entah itu warna backgrounya ataupun ukurannya (tinggi n lebar)

Maka teman2 bisa mengotak-ngatik pada bagian background-color:#FF9900 [sesuaikan warna pilihan anda, cari kode warna di sini], serta untuk tinggi dan lebarnya teman2 bisa memperhatikan pada bagian yang telah saya tandai dengan warna hijau (tinggi/height) dan biru (lebar/width), dan silahkan untuk menyesuaikan isi dari form scroll bar pada bagian yang telah saya tandai dengan warna lumut.


Dah dulu yaaa...selamat mencoba




Semoga Bermanfaat []

Tags: cara membuat tombol scroll bar, kode html untuk membuat scroll bar, kode script membuat scroll mudah, cara gampang mudah scroll, scroll postingan blog blogspot, blogger blogspot scroll kode