WIDGETS: CUSTOMIZE BLOGGER LABEL CLOUD V1

Turn Random Cloud display into Blocks

A blogger original features called with TAG or CATEGORY widget can be customised. Here is how to customise the Blogger's label widget about editing some CSS code. See the detail below.

Tutorial modifying Category Label for Blogger

• Blogger Settings Layouts
• Add a gadget choose Labels
• Inside the settings make sure to choose the cloud display.
• Edit html Proceed

CSS code labels settings

Put this CSS code on the CSS's area, or if you already have one, just changed the perspective tag.

.label-size{
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;
color:#666;
}
.label-size: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);
filter: progid:DXImageTransform.Microsoft.Matrix(
M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand');
zoom: 1;
}
.label-size a {
text-transform: uppercase;
float:left;
text-decoration: none;
}
.label-size a:hover {
text-decoration: none;
}

Customize Labels Cloud in Blogger

Other optional that is we can choose to display at most about 25 labels. Because if we have much category, it's really confusing, especially on homepage. Try to make our homepage or our showcase at the best.