Menambah Background-Gambar pd Blog

Untuk 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 {
font: normal 85% / 100% "Trebuchet MS",Tahoma,Arial;
color: #000;
background: #FFFFFF;
}4. Kemudian tambahkan saja properti  ini :

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 ...+/-

 

ukuran 200 x 200 px

Penambahan properti-nya seperti ini.

background-image: url (http://alamat gambar kamu.com/image.jpg);
background-repeat:repeat;hasil pengunaanya seperti background blog ini, atau bisa di lihat juga di sini.

2. Me-repeat gambar secara vertikal saja.

Contoh ilustrasi gambar ...+/-

ukuran 1024 x 99 px

Penambahan properti-nya sperti ini.

background-image: url (http://alamat gambar kamu.com/image.jpg);
background-repeat:repeat-y;hasilnya bisa di lihat di sini.

3. Me-repeat gambar secara horizontal saja.

Contoh ukuran gambar ...+/-

ukuran 198 x 768 px

Penambahan properti-nya seperti ini.

background-image: url (http://alamat gambar kamu.com/image.jpg);
background-repeat:repeat-x;hasilnya bisa di lihat di sini.

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

 

Ikuti terus update informasi New Blogger di blog ini. Silahkan masukan email anda untuk berlanganan Via Email Subscription atau klik Subscribe Via Rss Feed .Makasih juga atas kunjungannya.

 

Technorati tags: Background Layout, New Blogger