Friday, June 8, 2012

Tutorial Cara Mencantikkan Post Title Background

Assalamualaikum wbt dan hai hai hai semua :)

Hari ini, Ieyza nak ajar korang macam mana nak letak background dekat post title. Macam kat dalam gambar nie :)

  1. Log in blog > Design > Edit Html
  2. (Tekan Ctrl+F atau F3) Cari keyword  .post h3 {  kalau takde, cari ini  h3.post-title {
  3. Kalau tak jadi kod yang kat atas nie. korang boleh paste kod di bawah ini kat bawah h4 }
  4. Copy and paste kod nie di bawah  .post h3 {  ataupun dibawah  h4 }
 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. Bagi sesiapa yang mencari kod ini >>  h3.post-title {

Korang paste kod ini di bawah kod yang korang carikan tu :)



 border: 3px solid #C0C0C0; background: url(URL BACKGROUND); 




Yang tulisan warna merah tu, korang gantikan dengan URL background yang korang suka. Cari kat sini pon boleh http://glitter-graphics.net/graphics/


4. Preview dulu !
5. Then, Save template! 


Selamat Mencuba :)


0 jejari komen: