Post Title Customization for blogger

Salam.....hai semua sihat ker, mudah2an sihat yer hehe....mood nak bloging is coming so nak share la pasal tajuk atas nun....kat situ nanti boleh letak background yang kiut2 yg korang suka kat title post tu, nak garisan ker nak tukar tulisan ker apa2 lagi la...hehe

contohnya macam ni la....expend this pic kalau nak clear yer kengkawan...eehehe~

Sebelum apa2 terjadi kat blog korang, macam biasa selamatkanlah blog korang dulu yer...buat backup!!!

Tanpa membuang masa jom terjahhhh zassssss!!!!

Semua pun ada CSS style kan dlm blog, kalau xada cari sampai dapat hehe....Okeh cari code dibawah

.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

.....Attention:

• this example is made in Minima Blogger default template, so your actual code may differ a bit
• it's important to find the part ".post h3", or if you have custom template, the find the part that "carries" the style for your Post Title...

STYLE 1 :  BACKGROUND PICTURE IN POST TITLE 

LAYOUT > EDIT HTML 

gantikan code diatas tadi dengan code dibawah 

.post h3 {
background: url(URL BACKGROUND KORANG); background-repeat:no-repeat;
height:55px;  (penambahan untuk height background)
margin:.25em 0 0;
padding:14px 40px 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

STYLE 2 : COLORS & BORDERS IN POST TITLE

LAYOUT > EDIT HTML 

gantikan code diatas tadi dengan code dibawah 

.post h3 {
background:#9fddea;
border:1px inset #000000;
margin:.25em 0 0;
padding:0 5px 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

STYLE 3 : UNDERLINE POST TITLE 

LAYOUT > EDIT HTML 

gantikan code diatas tadi dengan code dibawah

.post h3 {
border-bottom:1px solid #000000;
margin:.25em 0 0;
padding:0 5px 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:$titlecolor;
}

credit blogbulk