Add Beautiful Label Cloud Widget In Blogger

 

Add a beautiful and stylish effect in Blogger labels. By this you can give a beautiful CSS effect to your Blogger  Labels. By default Blogger cloud widget  is not well beautiful but we can make it

more beautiful and stylish CSS effect to your labels. It can make a good  impression to you blog readers and this will appear on the right side of you site template. For this cause today i am making a post on Labels Widget so lets start our work.

   

• Also check Custom Label Widget In Blogger

How To Add Label Cloud Widget In Blogger?

To add this widget follow these simple steps:-

• Go to Blogger > Template > Edit HTML
• Now search for ]]></b:skin> using ctrl+f
• Paste the following code above ]]></b:skin>

.label-size{
margin:0;
padding:0;
position:relative;
}
.label-size a{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
margin-bottom: 9px;
margin-left:20px;
padding:0 10px 0 12px;
background:#0089e0;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
}
.label-size a:before{
content:"";
float:left;
position:absolute;
top:0;


......after do tha just save it