Pada postingan kali ini saya akan bahas tips bagaimana cara membuat scroll dengan mudah yang diletakkan pada postingan maupun pada widget blog. Sebagaimana kita sering jumpai pemakaian scroll di blog,
Adapun fungsi utama dari blog adalah untuk menyederhanakan space/tempat suatu widget / postingan. sehingga dengan space yang terbatas mampu menampung content yang kalau tidak masukkan ke dalam croll maka akan memakan tempat yang jauh lebih luas.
Ada beberapa cara yang dapat kita lakukan untuk membuat scroll dalam sebuah postingan atau widget blog, yaitu:
- Dengan menyisipkan kode HTML ke objek secara langsung
Cara ini dapat digunakan di postingan blog maupun di dalam widget blog yang menggunakan konfigurasi HTML/JavaSript, Cara ini sangat mudah karena kita tinggal mengedit objek (widget atau postingan) yang hendak dibuat scroll, kemudian menambahkan kode: <div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;"> diawal / sebelum objek dan kemudian menambahkan dengan kode </div>. setelah objek. Sehingga kode yang dimasukkan sebagai berikut.
<div style="overflow:auto; width:100%px; height:200px; padding:10px; border:1px solid #999999;">
Dengan cara ini kita juga bisa memodifikasi sroll antara lain lebar, tinggi, border, dan warna yang sesuai dengan kebutuhan dan keinginan kita dengan cara mengubah kode tersebut diatas yang berwarna merah
ISI WIDGET/POSTINGAN YANG HENDAK DIBUAT SCROLL
</div> - Dengan menyisipkan kode CSS kedalam Template Blog
- Login ke akun blogger
- masuk ke menu Tamplate
- Jangan lupa download Template
- Langkah berikutnya adalah klik / Pilih "Edit HTML"
- Muncul peringatan untuk edit template maka pilih/klik "Lanjutkan"
- Centang tanda
- Cari widget yang hendak anda berikan scroll. Lalu pada bagian bawah dari kode widget tersebut cari kode div class='widget-content' Template
- ambahkan kode style='overflow:auto; height:230px' setelah kode div class='widget-content sehingga kodenya menjadi:
<div class='widget-content' style='overflow:auto; height:230px'>
Kita bisa mengubah tinggi widget dengan cara mengganti code yang berwarna biiu (230)
PRODUK KAMI
- 1 SET REBANA HADROH STD QUALITY
- 1 SET HADROH SUPER QUALITY
- 1 SET DRUM BAND TINGKAT SD
- 1 SET DRUM BAND TINGKAT SMP
- PAKET 1 SET MARAWIS BATIK
- PAKET 1 SET MARAWIS POLOS
- MARAWIS POLOS
- 1 SET REBANA QOSIDAH STANDAR
- 1 SET REBANA QOSIDAH SUPER QUALITY
- 1 SET CYMBAL STATISK
- ALAT MARAWIS SATUAN POLOS
- Alat Marawis Batik satuan
- BEDUG MASJID