Background Post Title

Tadi ada request daripada seorang blogger ni untuk buat benda ni. Sebenarnya, nak buat benda ni sangat la confuse sebab saya pon buat sampai naik tension. Cuba teka berapa kali buat. 10 n above. Bila dah jadi lega sangat. Ok, tak pa, apa salahnya try. Cara-caranya :

1. Dashboard > Design > Edit HTML
2. Cari kod bawah ni ( tekan ctrl + F )

h3.post-title

3. Kalau tak jumpa cari kod ni

h4 }

4. Lepas tu, copy kod bawah ni pulak ( kod ni hanya untuk yang cari kod h3.post-title )

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

5. Paste di bawah kod  h3.post-title . 


6. Bagi yang cari kod  h4 }, copy kod bawah ni..sama juga pastekan di bawah kod h4 } tu ok.

   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;
    }

7.  Sebelum save, preview dulu...nanti kalau koding salah habis blog u all.
8. Eeeh. Sebentar. Aishah rajin la plak nak tunjuk contoh dari blog aishah ni supaya mudah untuk u all nka tengok kan..... skrg tengok bawah ni

nampakkan..jadilah. ok skrg cuba tengok yang dalam highlight kelabu tu saja. boleh bayangkan tak. 

1. Sebelum u all pastekan kod yang panjang tu  kat bawah kod h3.post-title , dia cuma macam ni ja

h3.post-title, h4 {
  font: $(post.title.font);
  color: $(post.title.text.color);
}

2. Lepas kita copy kod

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

tu kat bawah h3... tu , dia akan jadi macam ni pulak....

 h3.post-title, h4 {
  border: 3px dashed #66FFCC;
  background: url(http://i177.photobucket.com/albums/w223/peetzie/Background/back154.jpg);
  font: $(post.title.font);
  color: $(post.title.text.color);

3. sekarang tu dah selesai...kalau u all nak tukar warna border dia boleh tukar.  u all nampak tak kod ni kat dalam highlight kelabu tadi tu

border: 3px dashed #66FFCC;

ok, yg lepas dashed tu kan ada kod kan. kod tu adalah kod warna. kalau nak tukar kena letak kod warna yg betul la..kalau nak letak kod warna boleh tgk kat sini.

SEMOGA BERJAYA

# yang warna merah tu letak la url bacground yang sesuai ok..sebaik-baiknya jgnlah warna yang terlalu terang ok. background tu boleh dapat di photobucket... pilihlah nak yang jenis macam mana ok. 


Kalau jadi bagi tau, kalau tak faham, comment la..and yang tak jadi pon try lagi