Monday, 9 April 2012

Membuat Background di Header

Membuat Background di Header

Anda ingin menambahkan image atau gambar di header blog? Header berupa gambar indah di lihat, dan menjadikan blog atau web jadi meriah. Ada dua cara memasang gambar, satu dengan langsung di taruh, dengan tag IMG, atau dijadikan latar belakang.

Untuk menambah latar belakan image pada header lakukanlah hal sebagai berikut:
pada css style, buat properties untuk header
misalnya:
#header
{
padding:10px;
background-image:url( alamat file );
background-repeat:no repeat;
}
Perhatikan, ukuran file gambar, kalau ingin pas dengan halaman yang sudah didesain, sesuaikan ukuran gambar dengan properties #header.

/*kalau ukuran gambar lebih kecil dari div header, dengan propertie background-repeat:no repeat, maka hanya akan terlihat satu gambar saja, seperti perintah IMG. Kalau ukuran gambar sama dengan ukuran div #header, properties background-repeat tak diperlukan.

Nah, di atas gambar kita bisa menulis seperti biasanya. Tulisan di atas gambar.

Membuat background di tengah:
properties: background-position:center; background-repeat:no-repeat;