Scroll bar buat posting
Pemanfaatan ruang posting mejadi satu faktor yang harus diperhatikan oleh blogger, terutama apabila posting artikel sangat panjang. Bentuk posting yang terlalu panjang selain tidak effektif dalam pemanfaatan halaman blog, dampak negatifnya adalah sering membuat pengunjung blog menjadi "malas" untuk melihat atau bahkan membaca hingga tuntas. Untuk mengatasi permasalahan seperti ini scroller bar menjadi satu solusi paling tepat. Sebenarnya scroller bar bisa dbuat dalam berbagai macam variasi, terutama berkaitan dengan imporovisasi warna, seperti halnya background, border, scrollbar-arrow-color, scrollbar-base-color, scrollbar-darkshadow-color, scrollbar-highlightcolor, scrollbar-shadow-color. Sayangnya tidak semua browser yang ada sudah dilengkapi dengan penggunaan sebagian KODE-KODE tersebut sehingga beberapa bentuk scroller bar dapat ditampilkan secara sempurna hanya di IE. Apabila anda ingin menggunakan scroller bar yang kompatible untuk semua browser, KODE di bawah ini bisa anda manfaatkan saat membuat posting.
1. Scroller bar sederhana.
3. Scroller bar dengan border dan background color :
4. Scroller bar dengan background image dan padding :
Keterangan :
- KODE untuk scroller bar berwarna biru dan digunakan di ruang posting pada mode Edit HTML.
- Tempat teks posting di antara KODE yang berwarna biru.
1. Scroller bar sederhana.
<div style="height:50px; width:auto; overflow:scroll;">2. Scroller bar dengan border :
Kerakusan membuat orang buta. Bukan buta matanya, tetapi hati dan jiwanya tidak bisa lagi melihat mana yang benar dan mana yang salah. Rupanya penyakit seperti ini sudah diidap banyak pejabat penting di negara kita. Mereka yang sudah hidup berkecukupan masih tega untuk mengkorupsi uang negara tanpa pernah merasa prihatin terhadap rakyat yang semakin menderita. Bagaimana kita harus menyikapi perilaku gila ini? Setiap orang tentunya melihat secara berbeda. Ada yang marah tetapi diam saja. Ada yang harus teriak dengan sekencang-kencangnya sambil membawa spanduk hujatan, tetapi ada pula yang hanya diam seribu bahasa karena tak lagi peduli./div>
<div style="height:50px; width:100px; border:2px solid green; overflow:scroll;">
Skandal Bank Century ternyata melibatkan banyak petinggi negeri tercinta. Mungkinkah kasus ini akan terungkap secara total?/div>
3. Scroller bar dengan border dan background color :
<div style="height:100px; width:200px; background:#b8f8ab; border:6px double #996666; overflow:scroll;">
Keboborokan mental bangsa, terutama para pejabat tinggi negeri ini tidaklah bisa berubah hanya dengan kenaikan gaji mereka. Kerusakan mental yang parah tidak akan mampu dihilangkan dengan bertambahnya kesejahteraan. Lihat saja mereka yang saat ini sudah kaya raya nyatanya tetap doyan korupsi. mental "bodol" hanya sembuh ketika maut menjemput./div>
4. Scroller bar dengan background image dan padding :
<div style="height:100px; padding: 6px; width:300px; background-image: url(http://www.fond-ecran.net/icones/adrianasklenarikova_011.jpg); border:8px ridge #CC3366;Rupanya tiket neraka tidak lagi mahal. Terjadi penurunan yang sangat drastis dibandingkan seribu tahun yang lalu ketika orang tak perlu naik mobil, kapal atau pesawat terbang atau harus menyekolahkan anak dan membangun villa di Puncak serta sebuah pabrik besar guna diwariskan ke anak cucu. Harga tiket neraka yang sangat jauh lebih murah bila dibandingkan dengan jaman dahulu kala terlihat dengan semakin banyaknya petinggi negeri dan anak buahnya yang begitu senang makan uang negara demi hidup melimpah.
font-size:14px; font-family:cursive; font-weight:bold; overflow:scroll;">/div>
Keterangan :
- KODE untuk scroller bar berwarna biru dan digunakan di ruang posting pada mode Edit HTML.
- Tempat teks posting di antara KODE yang berwarna biru.
Post a Comment
Mari saling berbagi