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
