Cara Pasang Scrool Di Blog, Scroll box pada umumnya digunakan untuk menghemat ruang pada halaman blog. Dengan menggunakan scroll box pula menjadikan halaman blog menjadi lebih rapi, dan penggunaannya bisa disesuaikan dengan kebutuhan. Sebagai contoh, scroll box bisa dipakai untuk label, link banner, posting artikel, posting Kode HTML dan lain-lain. Pada kesempatan ini saya coba berbagi sedikit mengenai cara menggunakan scroll box yang dipadukan dengan border untuk mempercantik tampilannya.
- Scroll box dengan border solid
Contoh penggunaan scroll box dengan menggunakan border solid. Warna untuk border bisa anda ganti sesuai selera masing-masing. Anda juga bisa menambahkan efek marque.
- Scroll box dengan border groove
Contoh penggunaan scroll box dengan menggunakan border groove. Anda juga bisa menambahkan efek marque.
- Scroll box dengan border dotted
Contoh penggunaan scroll box menggunakan border dotted. Anda juga bisa menambahkan efek marque.
- Scroll box dengan background
Contoh penggunaan scroll box menggunakan border groove disertai background. Anda juga bisa menambahkan efek marque.
Untuk contoh scriptnya bisa dilihat seperti di bawah ini:<!-- ♥ HTML codes by:
putramakkah♥ -->
<div style="background-color:blue;height:80px;width:180px;overflow:scroll;border:8px groove #0ADA0A;">
Contoh penggunaan scroll box menggunakan border groove disertai background</div>
Keterangan :height = untuk mengatur tinggiwidth = untuk mengatur lebarborder = bisa diganti ukurannya sesuai kebutuhan, semakin besar nilainya maka semakin lebar contoh: coba anda ganti dengan 10px untuk melihat bedanya.Scroll box juga bisa dipadukan dengan efek marque.groove = jenis border, anda bisa menggantinya dengan solid, dotted, dashed dan lainnya.#0ADA0A = warna borderAnda juga bisa menggunakan kode banner dengan mengganti tulisan berwarna merah diatas dengan kode banner anda.
Sekian dulu gan... dan semoga bermanfaat, salam.
0 komentar: