Monday, 8 April 2013

Berbagai kode Scrollbox untuk 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 scrollbox menjadi satu solusi paling tepat. Sebenarnya scrollbox bisa dibuat 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 untuk sementara ini hanya IE dan Opera yang sudah support terhadap css properti scroller bar. Apabila anda ingin menggunakan scrollbox yang kompatible untuk semua browser, KODE di bawah ini bisa anda manfaatkan saat membuat posting.

Scroller bar sederhana.


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.

xHTML :
<div style="height:50px;width:auto;padding:10px;margin:20px 0;overflow:auto;">
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>

Scroller bar dengan border :

Skandal Bank Century ternyata melibatkan banyak petinggi negeri tercinta. Mungkinkah kasus ini akan terungkap secara total?
Skandal Bank Century ternyata melibatkan banyak petinggi negeri tercinta. Mungkinkah kasus ini akan terungkap secara total?
Skandal Bank Century ternyata melibatkan banyak petinggi negeri tercinta. Mungkinkah kasus ini akan terungkap secara total?
Skandal Bank Century ternyata melibatkan banyak petinggi negeri tercinta. Mungkinkah kasus ini akan terungkap secara total?

xHTML :
<div style="height:50px;width:100px;border:2px solid green;padding:10px;margin:20px 0;overflow:auto;">
Skandal Bank Century ternyata melibatkan banyak petinggi negeri tercinta. Mungkinkah kasus ini akan terungkap secara total?
</div>

Scroller bar dengan border dan background color :

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.

xHTML :
<div style="height:100px;width:200px;background:#b8f8ab;border:6px double #996666;padding:10px;margin:20px 0;overflow:auto;">
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>

Scroller bar dengan background image dan padding :

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.

xHTML :
<div style="height:100px;padding:6px;width:400px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhv0-PQPSrhniYuJ2Ycr9ZizgRJ5jPozNXBLf4FaoZUG7o7ARVbUmUEDY06VMUQc7DmMyEj8dQq8vyV8P9MF3wtdPN2BvgP1XiP4GZ5oWXHBG6Zq6GdiguethBZ6aw5INoBpca_Mu4Bl4M/s400/img_gubhugreyot-bali-dance.jpg) center center;border:8px ridge #CC3366;overflow:auto;">
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.
</div>
Keterangan :
  1. Gunakan xHTML di box posting atau pada bagian lain blog seperti "Add a Gadget".
  2. Beberapa property seperti width, height, border dan yang lain dapat dirubah untuk disesuaikan dengan kebutuhan blog.

0 komentar to “Berbagai kode Scrollbox untuk Posting”

Post a Comment

 
Web Analytics