Label Cloud

Search This Blog

07 March 2010

online counter Background Image

Asalamualaikum kepada kengkawanku . Msue nak kongsi ngan korang sume cara untuk meletak gambar background di blog . Rasanya ramai yang dah tahu . Sesiapa yang lom tahu boleh mengikutinya.

1. Login ke Blogspot .

2. Klik Layout - Edit HTML ( tandakan pada kotak Expand widget )

3. Cari kod dibawah ini



body {



4. Copy di bawah kod dibawah ini .


background-image: url('URL IMAGE');



5. Pastekan dibawah kod tersebut .

Note: Pada highlight merah korang tukarkan ngan Url gambar yang korang nak letak.
Macam mana nak dapatkan Url gambar korang ??.Caranye korang klik kanan
pada gambar korang nak letak tue pastu pilih Properties Pastu copy Url kat
address atau location .






Contoh


body {
background-image: url('http://i921.photobucket.com/albums/ad54/nurulsue/Cartoon/emo-1-1.png');
-----
-----
}


Note:Untuk membuatkan gambar background korang tidak repeat atau berulang - ulang korang
leh letakkan no-repeat.

Contoh


body {
background-image: url('http://i921.photobucket.com/albums/ad54/nurulsue/Cartoon/emo-1-1.png');
background-repeat:repeat;
-----
-----
}


Note: Pada highlight ungu itu korang tukarkan ngan jenis repeat yang korang mahu

JENIS - JENIS REPEAT :-


Mendatar
background-repeat: repeat-x;

Menegak
background-repeat: repeat-y;

Tiada repeat
background-repeat:no-repeat;

Repeat keseluruhan
background-repeat:repeat;

5.Preview dan Save tempplate heheyahoo:okay:



Via - Muncet





Tinggalkan Komen Anda Disini