Tutorial : Background sidebar / post tittle

  

hye pembaca blog Atyn ..o^____^o..

nak cantikkan sidebar korang ? jom ikut tutorial neyh

BACKGROUND AT SIDEBAR

1. Sign In > Dashboard > Design > Edit HTML > Tick Expand Widget

2. Cari code dibawah :

nak senang cari ---> tekan CTRL + F serentak / tekan F3

h2 {

3. Copy code di bawah ini then , paste di BAWAH code no 2 tadi :

text-align: center;

-moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

-top-right-radius: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom: 5px solid #000000;

background: #FFFFFF;

font-size: 14px;

padding: 2px;

margin: 5px;

}

4. Preview dulu , dah jadi baru SAVE oke

IMPORTANT ! !

123 : korang boleh tukar center / right / left

123 : ketebalan border bawah , ikut citarasa korang lah nak berapa

123 : korang boleh tukar jadi solid / dashed / dotted 

123 : warna border bawah

123 : warna background sidebar title

BACKGROUND AT POST TITLE

1. Sign In > Dashboard > Design > Edit HTML > Tick Expand Widget

2. Cari code dibawah :

nak senang cari ---> tekan CTRL + F serentak / tekan F3

h3.post-title, .comments h4 {

kalau tak jumpa try code ni :

h3.post-title {

tak jumpa jugak , cari code ni :

h3.post-title, h4 {

3. Copycode di bawah ini , then paste di BAWAH code no 2 :

text-align: center;

-moz-border-radius-topleft: 20px;

-moz-border-radius-topright: 20px;

-webkit-border-top-left-radius: 20px;

-webkit-border-top-right-radius: 20px;

-top-right-radius: 20px;

border-top-left-radius: 20px;

border-top-right-radius: 20px;

border-bottom: 5px solid #000000;

background: #FFFFFF;

font-size: 14px;

padding: 3px;

margin: 20px;

}

4. Preview dulu , dah jadi baru SAVE oke

IMPORTANT ! !

123 : korang boleh tukar center / right / left

123 : ketebalan border bawah , ikut citarasa korang lah nak berapa

123 : korang boleh tukar jadi solid / dashed / dotted 

123 : warna border bawah

123 : warna background post title

 TAMBAHAN : kalau nak letakkan background bergambar , cuma gantikan code background: #FFFFFF dengan code ni ---> background: url(URL BACKGROUND);

GOOD LUCK ^.^

---

THANKS SUDI MEMBACA ^.^

---