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 read. its really simple and easy just follow my steps and its done.
Click below to view the demo
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/AVvXsEhZfkx-lbGNFSPc-F_AD8rS4sPzg9S9ns0-M_PaScGN1NpAYKKgSf6_0-UqnfPzhj2ZEQ2zCjswPU2w4z6tfafowC_B0H9ADpaxtP7_Jf8cid88ach3C0ixtLbLburrV3bI7jPh4UE76oQ/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.....
Senior once again awesome :)
ReplyDelete