Rabu, 23 Maret 2011

Change Background blog

Beberapa property Background yang terdapat pada blog dan kegunaanya


Kali ini Panduan sukses blogger sharing tentang property background yang terdapat pada blog dan pengertian dari property tersebut. Setiap blog pasti memiliki yang namanya property Background, dimana keberadaannya sangat berperan penting untuk memberi warna di halaman blog kita. dengan memanfaatkan property background ini, kita dapat mengatur tampilan background sesuka hati kita. misalnya warna background dengan merah, biru, kuning, putih atau bisa jadi dalam bentuk gambar sekalipun. kemudian gambar tersebut bisa di atur tata letak atau posisinya seperti yang kita inginkan. nah itu semua bisa di atur dalam kode CSS property tersebut.

Berikut ini Property yang terdapat dalam Background dan kegunaannya pada blog kita:
  • background-color :
    property ini di gunakan untuk mengatur warna background pada blog kita, misalnya background dengan warna merah, putih, biru dan lainnya
  • background-image :
    property ini di gunakan untuk membuat background dengan menggunakan gambar pada dinding blog kita, misalnya gambar mobil, atau gambar animasi
  • background-repeat :
    property ini di gunakan untuk pengaturan background dengan sebuah gambar yang akan di tampilkan. apa itu berulang secara horizontal atau vertikal, atau tidak berulang sama sekali
  • background-attachment :
    property ini berperan sebagai mengatur gambar background tetap di tempat atau di gulung
  • background-position :
    property ini berperan mengatur posisi gambar, misalnya akan meletakkan gambar background di tengah sebelah kanan, atau di atas tengah dan sebagainya

Nah semua property yang di atas dapat dituliskan dalam satu deklarasi, misalnya, kita gunakan pada body. dengan warna merah pada background dan memberi gambar pada body tersebut kemudian mengatur letaknya gambar secara horizontal dengan posisi kiri atas.

Berikut ini cara menulisnya:
body {
background:red;
background-image:url (http://alamat gambar.com);
background-repeat:repeat-x;
background-postion: top left;
}
Atau anda bisa menulis nya seperti berikut
background: red url (http://alamat gambar.com) repeat-x top left;

Sampai disini dulu, semoga bermanfaat dan tunggu artikel ku selanjutnya dan salam sukses....

Tidak ada komentar:

Posting Komentar