TUTORIAL TIPS LIRIK LAGU
ღ | ATYN PHOTOLOVER | ღ: Tutorial : Background sidebar / post tittle

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 ^.^

0 00 orang nak cakap:

This blog since September 2011. ©Copyrighted by Atyn Photolover. Please do not copycate this oke !