ceriteranya..: gambar tepi tajuk post & sidebar..

gambar tepi tajuk post & sidebar..

Author: _nissa_

Sunday, May 31, 2009

kali ni nk cite cane aku wt ade gmbr luv kt tepi tajuk post ngan sidebar.aku wt tutorial ni sb iqmal ade tanye ari 2.sori klu lmbt ye iqmal..baru ade pluang utk online..

1. klik kt layout, pastu pilih edit html..

2. (ctrl + f) utk cari h2...

3. lps dah cari, akn jumpe coding ni..

/* Headings
----------------------------------------------- */

h2 {
margin:1.5em 0 .75em;
font:$headerfont;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;}

4. pd coding tu, tambah code supaya jd macam ni..

h2 {
background-image: url(masukkan URL bagi image yg dipilih);
background-repeat:no-repeat;
border: 0px double #FFFFFF;
margin-bottom: 5px;
padding: 2px 3px 2px 28px;
font:$headerfont;
font-weight: bold;
line-height: 2.0em;
text-transform:uppercase;
letter-spacing:.2em;
color:$sidebarcolor;
}

5. lps tu, boleh la preview n then save..slmt mencuba!

**pastikan image tersebut saiznya x besar dr 20 pixel dan save sbg .png, .gif, ataupun .jpg file.