07 March 2010
Background Image
hak milik
Sue
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
Via - Muncet
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
Via - Muncet
