Sunday, August 12, 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.


Bricks-label-style

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/AVvXsEjn0e_KvffKHiZBmFsm2GmcpzJiTA0yT7fMlHpmW9R7cQN_iJtifpPV7Q9UjdmyiHNIGZfNcOolhhzGQhK3P_qpNp02_2sg44SC-5NbfkDuggBDtYud_GtBL37U0PArnKxE9PMdStogJtk/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:

Post a Comment