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.
Its Done enjoy new labels in blogger
kindly share it with others
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
Now save the template#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;}
Its Done enjoy new labels in blogger
kindly share it with others