Thursday, 29 November 2012



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.....

1 comment:

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. You Can add HTML CODE in comments.
2. You can always Test the tutorial.
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Saeed Aquib Ahmed :)

Member
Blogger Widgets

Grab This Gadget »

Powered by Tricks Donor
Subscribe
emailSubscribe to our mailing list to get the updates to your email inbox...
Delivered by FeedBurner | powered by Tricks Donor
  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube