ntuk menambah background-image ( bergambar ) pada blog.ada dua cara yang bisa kita gunakan. Cara pertama Bisa dengan satu gambar yang ukuran-nya sesuai dgn halaman blog, atau cara kedua mengunakan gambar kecil yang di repeat (di ulang-ulang) hingga menyesuaikan dengan halaman blog.
Cara yang Pertama :
1. Siapkan gambar ukuran 1024 x 768 px.( untuk di tampilkan pd monitor dengan Resolution 1024 x 768 px atau di bawahnya ) atau gambar ukuran 800 x 600 px ( untuk di tampilkan pada monitor resolution 800X600 px ).
2. Setelah itu Upload gambar atau simpan pada Image hosting seperti Photobucket, Googlepages atau image hosting yang biasa kita gunakan ( untuk yg belum tahu cara menyimpan gambar pd image hosting klik di sini )
3. Sekarang buka blog kita pada halaman Template -> buka tab Edit Html. kemudian cari kode/tag css Body {... } misalkan kodenya seperti ini.
body {
4. Kemudian tambahkan saja properti ini :
font: normal 85% / 100% "Trebuchet MS",Tahoma,Arial;
color: #000;
background: #FFFFFF;
}
background-image: url (http://alamat gambar kamu.com/image.jpg);
Dan hasil pengabungannya seperti ini.
body {
font: normal 85% / 100% "Trebuchet MS",Tahoma,Arial;
color: #000;
background: #FFFFFF;
background-image: url (http://alamat gambar kamu.com/image.jpg);
}
Cara Yang Kedua
Mengunakan nilai repeat ( di ulang-ulang ). yang terbagi ke dalam tiga penulisan :
1. Me-repeat image baik secara vertikal dan horizontal.
Contoh ilustrasi gambar ...+/-
Penambahan properti-nya seperti ini.
background-image: url (http://alamat gambar kamu.com/image.jpg);
hasil pengunaanya seperti background blog ini, atau bisa di lihat juga di sini.
background-repeat:repeat;
2. Me-repeat gambar secara vertikal saja.
Contoh ilustrasi gambar ...+/-
Penambahan properti-nya sperti ini.
background-image: url (http://alamat gambar kamu.com/image.jpg);
hasilnya bisa di lihat di sini.
background-repeat:repeat-y;
3. Me-repeat gambar secara horizontal saja.
Penambahan properti-nya seperti ini.
background-image: url (http://alamat gambar kamu.com/image.jpg);
hasilnya bisa di lihat di sini.
background-repeat:repeat-x;
Gambar yang bisa di gunakan untuk background-image ini : Jpg, Gif, Png.
Beberapa link penyedia background-image :
1.grsites.com
2.customize.org
3.veredgf.fredfarm.com
4.loreleiweb.com
5.designpacks.com
6.kollermedia.at
7.backgroundcity.com
|