Blogger Professional Label Cloud Design

Blogger label is working like category. Its also not looking good while we are using in a simple style. Now after a long period of time to testing many scripts i lastly got an normal design label Cloud widget for bloggers. Its much more helping other to showing her labels in a professional manner. Now i am not discussing other things now going to discussing the original trick that how to you can easily using styles in your blogger label Cloud widget. Mainly for adding the label could style in your blog need to follow my steps.

Professional CSS design Blogger label Cloud widget

First go to Blogger Dashboard

Then go to blogger Design section.

Then select "Edit HTML section".

Now find below code using Ctrl + F.

]]></b:skin>

Now paste the below code just above it

.cloud-label-widget-content span a{
margin:0 2px 6px 0;
padding: 3px;
text-transform: uppercase;
border: solid 1px #C6C6C6;
border-radius: 3px;
float:left;
text-decoration: none;
font-size:10px;
}
.cloud-label-widget-content span a:hover {
border:1px solid #6BB5FF;
text-decoration: none;

-moz-transition: all 0.5s ease-out; 
-o-transition: all 0.5s ease-out; 
-webkit-transition: all 0.5s ease-out; 
-ms-transition: all 0.5s ease-out; 
transition: all 0.5s ease-out;
-moz-transform: rotate(7deg); 
-o-transform: rotate(7deg); 
-webkit-transform: rotate(7deg); 
-ms-transform: rotate(7deg); 
transform: rotate(7deg); 

}

Now save your template.

Now visit your Design > Edit HTML section

Now select Add a Gadget.

Now select label widget.

Now like below image create label Cloud widget.

save the widget.

then save your template.

Now visit your blog.

Bingo! you are done!