Tutorial : Post title & sidebar MY STYLE.

Okey, ini tutorial yana ,buat sendiri, so sape2x nk share boleh tapi pastikan CREDIT yaaa. ;) .

post title

1.Dashbourd -> Design -> Edit html->Search this :

.post-title {

2.Copy code dibawah pastekan dibawah  .post-title {  tadi.

border-bottom: 6px double #6E6E6E ;
text-align:center;
background: url( BACKGROUND URL);
margin:0.5em;
padding:3px;
font: normal 12px century gothic;
color: #A4A4A4;
}
.post-title:hover {
background-image:url(ICON URL);
background-color: #F2F2F2;
border-top-left-radius: 75px 15px;
border-top-right-radius: 55px 15px;
border-bottom-left-radius: 5px 7px;
border-bottom-right-radius: 20px 15px;
-webkit-transition-duration: 1s;
background-position:bottom right;
background-repeat:no-repeat;
}

3. #6E6E6E = Colour border
   BACKGROUND URL= background url post title
   #A4A4A4= warna tulisan post title
   ICON URL= icon url 
   #F2F2F2= background colour selepas cursor menyentuh


4.pastekan di bawah  .post-title {  okey? ,Preview. jadi? Save!


Sidebar


1.Dashbourd -> Design -> Edit html->Search this :

.sidebar h2 {

 2.Copy code dibawah pastekan dibawah .sidebar h2 {  tadi.

border-bottom: 6px double #6E6E6E ;
text-align:center;
background: url( BACKGROUND URL);
margin:0.5em;
padding:3px;
font: normal 12px century gothic;
color: #A4A4A4;
}
.sidebar h2:hover {
background-image:url(ICON URL);
background-color: #F2F2F2;
border-top-left-radius: 75px 15px;
border-top-right-radius: 55px 15px;
border-bottom-left-radius: 5px 7px;
border-bottom-right-radius: 20px 15px;
-webkit-transition-duration: 1s;
background-position:bottom right;
background-repeat:no-repeat;
-webkit-transition-duration: 2.4s;
}

3.PASTEKAN DI BAWAH  .sidebar h2 {   TADI.


4. #6E6E6E = Colour border
   BACKGROUND URL= background url post title
   #A4A4A4= warna tulisan post title
   ICON URL= icon url 
   #F2F2F2= background colour selepas cursor menyentuh