Tutorial | Cara Letak Background Pada Post Title

Tutorial | Cara Letak Background Pada Post Title

Kalau korang rasa nak cantikkan blog ataupun letak gambar bunga-bunga atau apa apa sahaja di belakang post title korang. Korang boleh ikut cara ini.

Perempuan suka lah hias-hias blog ni. :)

Tutorial | Cara Letak Background Pada Post Title

Sebelum apa-apa, backup dulu template blog korang.

1. Log in --> Template --> Edit Html


2. Tekan Ctrl+F Cari kod  .post h3 {  atau  h4 }

3. Copy kod dibawah.
border:0px dashed #cc99cc;

text-align: center;
margin:.5em 0 .5em;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.2em;
background:url(URL BACKGROUND);
color:$titlecolor;
}

4. Letakkan kod yang korang copy tadi dibawah kod  .post h3 {  atau  h4 }

Yang ni cara lain pulak. 

5. Sekiranya korang tak jumpa kod di atas. Korang  Tekan Ctrl+F Cari kod h3.post-title { 

6. Letakkan kod dibawah ini dibawah kod h3.post-title { 
border: 3px solid #C0C0C0;
background: url(URL BACKGROUND);
7. Gantikan url bacground itu dengan gambar atau latar belakang yang korang suka.

8. Preview dulu. Kalau okey, tekan save. 

2 comments


EmoticonEmoticon