Its Me.


post title and sidebar part 4
23/06/2012 | 0 comment(s)
Hari nih Ika nak ajar post title and sidebar macam bawah nih
klik untuk memperbesarkn
  1. go to dashboard > design > edit html
  2. carik code .post-title { untuk title post
font-weight: bold;
font: 12px 'Short Stack'; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMr9mteIyv69HEAAM1UzLSZNutLaZLXpezMX5t3ZW-KqctcaHSqLcn3bjAXSdUruPzathLtZLgX2j9jG3XHDNkPWINmIcgTzyrVbkwr7ITYChrPxTh5pi5tWzmjZ1ojCRSzYWAL69F9M/s1600/linepattern.png);
color:#515151;
text-align:center;
border-bottom: 4px double #FFD7EB;
}
.tit:hover {
color: #FF73BC;
border-top: 3px double #C3C3C3;
text-decoration: none;
-webkit-transition: 0.5s;
}

  1. lepastuh carik code .sidebar h2 { untuk sidebar title
font-weight: bold;
font: 12px 'Short Stack'; 
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMr9mteIyv69HEAAM1UzLSZNutLaZLXpezMX5t3ZW-KqctcaHSqLcn3bjAXSdUruPzathLtZLgX2j9jG3XHDNkPWINmIcgTzyrVbkwr7ITYChrPxTh5pi5tWzmjZ1ojCRSzYWAL69F9M/s1600/linepattern.png);
color:#515151;
text-align:center;
border-bottom: 4px double #FFD7EB;
}
.sidebar:hover {
color: #FF73BC;
border-top: 3px double #C3C3C3;
text-decoration: none;
-webkit-transition: 0.5s;
}
.sidefooter {
margin-top: 7px;
margin-bottom: 3px;
margin-left: 1px;
margin-right: 1px;
color:#5A5A5A;
letter-spacing:2px;
padding-left: 2px;
padding-right: 2px;
padding-top: 2px;
padding-bottom: 2px;
font-family: verdana;
line-height: 15px
font-size: 11px;
line-height:17px;
border-radius: 5px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIMr9mteIyv69HEAAM1UzLSZNutLaZLXpezMX5t3ZW-KqctcaHSqLcn3bjAXSdUruPzathLtZLgX2j9jG3XHDNkPWINmIcgTzyrVbkwr7ITYChrPxTh5pi5tWzmjZ1ojCRSzYWAL69F9M/s1600/linepattern.png);
}
korang tukarlah code yang warna tuh ek.






Older Post . Newer Post