Wednesday, July 11, 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/AVvXsEjyLTUV9TfJLcoU84Fyt679tdVbP7cTARr-uvFcNauw_E1WuuCgne6TEg1LykxA6YIm71m6Ffz0fz-FXfShsEF27KIBFjUOqnoj3esSx31MFXPh3F4y1VMW3-wZ2bzvwfrhL2-wokLU-UM/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...

6 comments: