Label Cloud

Search This Blog

07 March 2010

online counter Trasparent Background

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:okay:hehe


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





Tinggalkan Komen Anda Disini