Metro Style Label Widget

Here We Have Brought  Metro Style Label Gadget For Blogger 

Now To Add This Label gadget to Your Blogger Follow Following Steps:

• Go To Your Blogger Dashboard.
• Go to Layout.
• Click On Add Gadgets.
• Select Labels.
• Now Select
  Title = Labels
  Show = All Labels
  Sorting = Alphabetically
  Display = Cloud
  Uncheck Show number of posts per label.
• Now Again Go To Design.
• Choose Edit HTML then click on Proceed.
• Using Ctrl+F, look for ]]></b:skin> Code.
• Now Copy and paste the following code below  above  ]]></b:skin>

Code:

/*--- Allin1-web.blogspot.com Custom Label Cloud --- */
.Label a{ padding-left:10px;
background:#ffa555;
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; }

Now Customize This Widget

• Replace #ffa555(Orange) with the corresponding HEX code of your preferred color. To change the color of the label upon mouseover or on hover, replace #69625A(Black). You can also change 13px t adjust the font size