NAK DAPAT DUIT ?? JOM JOIN NIH..

[Image: contestbanner2.png]

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

2 comments:

Chibi_DayaChan said...

Nak gune ntok post title tau ! thankss~
Btw, sorie ye klau sye ubh2 sket coding dy? jgn marh tau ! :)

❤ Bambam fiQah aLzikry❤ said...

best tuto nh dear :) thx . da menjadik lh .