How Add colorful Flat Awesome label cloud widget for Blogger?

PUT YOUR PARSED ADSENSE CODE HERE

I am going to discuss New Stylish colorful Flat Awesome label cloud widget for Blogger. This Label Widget look Gorgeous And Cool. This Widget Is multi Colour label Special Created only For Blogger. I hope you have got seen Wind - The longest social media gadget created for blogger that too with hover effects. It makes your web log a bit completely different and vibrant instead of the straightforward and clean single coloured label widgets. By default, we are able to add the label gadget from the gadget section. afterward we are able to customise the label gadget consistent with our desires victimisation CSS. The CSS ought to be accessorial in guide. this can be solely effective whereas victimisation the labels gadget as clouds.

How Add colorful Flat Awesome label cloud widget for Blogger?

How Add colorful Flat Awesome label cloud widget for Blogger.

Don't Miss: How Add Stylish Custom Labels Cloud widget for Blogger

• Go To Blogger >> Layout
• Now, Add the Labels Cloud Widget .
• Change the settings according to the image shown below.
• Now go to >> Template >> Edit HTML
• Find ]]></b:skin>
• Just Above it paste the following CSS Code given below .

How Change BLogger Label Widget in Blogger

Css Code colorful Flat Awesome label cloud widget.

/* Flat Awesome Labels Cloud -------------------------------------- */
.sidebar .label-size {
position:relative;
text-transform: uppercase;
text-decoration:none;
font-size:13px;
font-family:Open Sans;
color:#fff!important;
}
.sidebar .label-size a {
color:#fff!important;
font-weight:bold;
padding:8px 10px;
margin:0 6px 6px 0;
float:left;
display:block;
-moz-transition: all 0.4s ;
-o-transition: all 0.4s;
-webkit-transition: all 0.4s ;
-ms-transition: all 0.4s ;
transition: all 0.4s ;
}
.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}
.sidebar .label-size-1 a:hover {background:#16a085;}
.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}
.sidebar .label-size-2 a:hover {background:#2980b9;}
.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}
.sidebar .label-size-3 a:hover {background:#27ae60}
.sidebar .label-size-4 a {background:#9b59b6;border-bottom:3px solid #74398E;}
.sidebar .label-size-4 a:hover {background:#8e44ad}
.sidebar .label-size-5 a {background:#e74c3c;border-bottom:3px solid #922C20;}
.sidebar .label-size-5 a:hover {background:#c0392b}

Hope You Like This Label Widget And Enjoy After installing In Blogger.

Do you Like this story..?

Get Free Email Updates Daily!	Follow us!