New stylish labels for blogger

Css3  label  for  blogger
Today i,m going to teach you that how to add stylish labels in blogger blog actually, we are not adding new script we are just add some css code with which your older label are look like new i found this hack In the internet and i decide to share it with you so are you ready .
you can easy use it with any version of blogger templates this code is very small and it is not effect on your blogs loading time so be happy and also share these tips with others . this is first version of this hack soon i add some new hacks about labels in blogger
its really simple and easy just follow my steps and its done.


Steps

  • Goto blogger.com
  • open your blogs dashboard
  • now goto design
  • edit html
  • proceed it 
  • now find this code  ]]></b:skin>
  • Paste below code just above ]]></b:skin> this line

Css Code

#Label1 a{
color:#333;
padding:2px 8px;
line-height:24px;
margin:0 2px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWwY895p8dZ0BcwhR4BXrLyykJnp4JJIqeAxjoBi-XG02lyznaMEU5ydIsXCq-cw3W4jap5kk49Q7ZF3RUHe_0_Uwfz0CIanAQdSU9reWlJt45SG_Ss22eIokDQkFHN2I9PGCz9iQExiU/s1600/bricks.png) center center repeat-x;
border:1px solid #ddd;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
font-size:10px !important;
text-decoration:none;}
#Label1 a:hover{
color:#666;
background:none #fff;
text-decoration:none;}
Now save the template
Its Done enjoy new labels in blogger
kindly share it with others 

Share this

Related Posts

Previous
Next Post »