Sunday, 23 September 2012

Change Blogger Label Links As Brick / Box Style

In this tutorial im going to explain, how to add brick or box style for label gadget in blogger. Actually,this is a cool style for your blog. Most of your visitors like it. And view your more categories.You can apply it to your blog with easy steps, you can try it. 





 1. Log in to blogger account & Go to Design >> Edit HTML
2. Find this code  by using Ctrl+F  ]]></b:skin>
3.Paste below code Before ]]></b:skin> code
 #Label1 a{
color:#333;
padding:2px 8px;
line-height:24px;
margin:0 2px;
background:#eee url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIGzQp_R5Jyd2sg73SsgstHdet6_H2O-zLUs_WD9gs6lt2QiTqn4Ecq3O_ScnXJmULFtSgASsdufDG0VlhizjBS0G1U25PGymhxqa1WFcAmn3pxGIhgxMSavv3MdIchOlfaM0voVySsRE/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;}
 4. Now Click  Save Template.
    You are done...

No comments: