Metro Style Blogger Labels

5/15/2013 CSS , Metro Style , Widgets 0 Comments

How much different topics you have in your blog?,are they more or less?,do you want all these different tags or labels be in an awesome design so then you are at the right place all you have to do is to just do as below.
 From your Blogger dashboard, go to Design and then Template.
Choose Edit HTML
Using Ctrl+F, look for ]]></b:skin> in your blog’s template code.
Copy/paste the following code below right above it.

/*---  Custom Label Cloud --- */
.Label a{
padding-left:10px;
background:#0090D5;
padding:0 10px;
color:#fff!important;
height:26px;
line-height:26px;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:1px;
margin-top:1px;
font-size:13px; }
.Label a:hover{
background:#69625A;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: px;
}     

 And save your template.

And DoNe.