Customize Label Widget In Blogger

Blogger is a huge platform to customize   sites and make changes what you want.   You can easily change all widgets in   Blogger. By default in blogger templates   label widgets also including with simple   effect but you can change this style   because Blogger provide to customize   all widgets and blogger template with html   and css. For this cause i am now sharing this beautiful label widget. Add this in your site / blog by following the below steps.

How To Add Label Widget In Blogger?

To add label widget follow these steps:-

• First go to Blogger Dashboard
• Now click on  Layout > Add a Widget
• Now look for Label widget and select it
• Click on cloud as showing bellow

• Now click on save and you are done !

How To Customize Label Widget?

Now its time to customize it you just need to follow the instructions:-

• Now go to Blogger > Template
• Click on Edit HTML
• Search for ]]></b:skin> and paste the following code above it

.Label a{
padding-left:20px;
background:#000;
padding:0 20px;
color:#fff!important;
border-radius:100px;
-moz-border-radius:100px;
height:32px;
line-height:32px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:14px; }
.Label a:hover{
color:#000 !important;
background:#ff0; }

• Click on save button and you are done!
• View your site to see the result

Tweet