Negrionta Community
Energy Saving Mode Using CSS3

Move your mouse to go back to the page!
Gerakkan mouse anda dan silahkan nikmati kembali posting apa adanya

Copyright 2011 http://rizkymakkah.blogspot.com - All rights reserved
.

Sabtu, 04 Juni 2011

Cara Pasang Scrool Di Blog


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 tinggi
width = untuk mengatur lebar
border = 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 border
Anda juga bisa menggunakan kode banner dengan mengganti tulisan berwarna merah diatas dengan kode banner anda.

Sekian dulu gan... dan semoga bermanfaat, salam.

0 komentar:

Tempel Komentar

Putra Makkah © 2011 Template by:
Negrionta Community