Jumpa lagi sobat blogger sekalian, saya harap kita semua dalam keadaan sehat wal'afiat. Pada postingan ini saya ingin berbagi tentang cara menghemat ruang di halaman postingan dengan memanfaatkan scroll. Dengan menggunakan scroll kita dapat menghemat halaman posting sehingga halaman posting lebih rapi dan terlihat lebih cantik.
Bagaimana cara menampilakan scroll pada halaman posting? Mungkin sudah banyak yang menguasai HTML/javascript sehingga tidak begitu kesulitan untuk menampilkan scroll pada halaman posting. Tapi bagaimana dengan sobat blogger yang belum menguasai HTML/javascript? Jangan khawatir karena saya akan memeberikan salah satu cara menampilkannya.
Sebelumnnya silahkan perhatikan contoh penggunaan scroll di bawah ini: Sederhannya seperti ini:
Silahkan copy script berikut dan paste di halaman posting yang akan sobat blogger terbitkan!
<div class="widget-content">
<div margin="2px;" style="border: 2px solid rgb(51, 255, 51); height: 300px; overflow: auto; text-align: left; width: 470px;">
Isi Scroll (ganti dengan isi scroll yang ingin ditampilkan)
</div>
Pada tulisan yang berwarna merah "Isi Scroll (ganti dengan isi scroll yang ingin ditampilkan)" silahkan ganti dengan text, gambar atau objek visual lain yang ingin sobat blogger tampilkan.
Perhatikan "height: 300px;"! Angka 300 menunjukkan ukuran tinggi scroll, silahkan ganti jika menurut sobat blogger scroll tersebut terlalu tinggi atau sebaliknya.
Perhatikan "width: 470px;"! Angka 470 menunjukkan ukuran lebar scroll, silahkan ganti jika menurut sobat blogger scroll tersebut terlalu lebar atau sebaliknya.
Perhatikan "border: 2px solid rgb(51, 255, 51)"! Angka 2px menunjukkan tebal border scroll, silahkan ganti jika ingin lebih tebal atau lebih tipis. Sedangkan rgb(51, 225, 51) menunjukkan kode warna border scroll, jika ingin diganti silahkan pilih kode warna yang sesuai dengan keinginan sobat pada posting berikut: Kode Warna RGB dan Hexadecimal atau browse di google.com untuk mencari kode warna yang lain.
Demikian cara menampilkan scroll pada halaman posting, semoga bermanfaat. Kritik dan saran silahkan salurkan lewat kotak komentar.
2 komentar:
hmm, menarik.
thanks kunjunganx brother...
Post a Comment