.: menambahkan gambar ke background

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