07 March 2010
Trasparent Background
hak milik
Sue
Korang boleh membuat image atau warna background korang tranparent di main wrapper dan juga sidebar wrapper .Korang nak tahu macam mana hasilnye korang cuba ar buat dan korang akan nampak perubahannye .
1. Login ke Blogspot .
2. Klik Layout - Edit HTML (tandakan pada kotak Expend widget)
3. Cari kod seperti di bawah
body {
background-color: #FFFFFF;
-----
-----
}
ATAU KOD YANG INI( SALAH SATU YANG ADA DI BLOG KORANG )
body {
background-image: url('http://backgroundimage.jpg');
-----
-----
}
4. Pastekan kod di bawah ini
background-color: yellow;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
CONTOH PENUH DI BODY BACKGROUND
body {
background-color:#FFFFFF;
background-image: url(http://yourbackgroundimage.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
}
5. Preview dan Save Templatejika tiada error
Note: Highlight merah - kod background transparent , Highlight ungu - Digunakan untuk background image statik(tidak bergerak) , Highlight hijau - Posisi yang digunakan untuk background image
Via - Muncet
1. Login ke Blogspot .
2. Klik Layout - Edit HTML (tandakan pada kotak Expend widget)
3. Cari kod seperti di bawah
body {
background-color: #FFFFFF;
-----
-----
}
ATAU KOD YANG INI( SALAH SATU YANG ADA DI BLOG KORANG )
body {
background-image: url('http://backgroundimage.jpg');
-----
-----
}
4. Pastekan kod di bawah ini
background-color: yellow;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
CONTOH PENUH DI BODY BACKGROUND
body {
background-color:#FFFFFF;
background-image: url(http://yourbackgroundimage.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
opacity:.80;
filter: alpha(opacity=80);
-moz-opacity: 0.80;
}
5. Preview dan Save Templatejika tiada error
Note: Highlight merah - kod background transparent , Highlight ungu - Digunakan untuk background image statik(tidak bergerak) , Highlight hijau - Posisi yang digunakan untuk background image
Via - Muncet
