How to Create a Multicolour Label Widget in Sidebar

Zetmedia - Do you want your blog to appear beautiful? you can beautify your blog by installing colorful label widget. With a colorful label, will attract the attention of visitors and existing categories on your blog will be easily known, also helps visitors to find all the posts that exist on your blog.

To create a colorful label can follow the steps below:
1. Please you go to Template> Edit HTML
2. Copy & Paste CSS Code Label Cloud follows from the above code </ b: skin> or </ style>

 /* Sidebar Label Cloud */  
 .sidebar .cloud-label-widget-content {margin:0; padding-left:20px!important;}  
 .sidebar .label-size a {color:#fff!important;background:#222;padding:8px 22px;margin:0 3px 3px 0;float:left;display:block;  
 -moz-transition: all 0.2s ease-out;  
 -o-transition: all 0.2s ease-out;  
 -webkit-transition: all 0.2s ease-out;  
 -ms-transition: all 0.2s ease-out;  
 transition: all 0.2s ease-out;  
 }  
 .sidebar .label-size-1 a {background:#FF8000}  <!-- Change color -->
 .sidebar .label-size-2 a {background:#D7DF01}  <!-- Change color -->
 .sidebar .label-size-3 a {background:#B40404}  <!-- Change color -->
 .sidebar .label-size-4 a {background:#298A08}  <!-- Change color -->
 .sidebar .label-size-5 a {background:#084B8A}  <!-- Change color -->
 .label-size-1 a:hover, .label-size-2 a:hover, .label-size-3 a:hover, .label-size-4 a:hover, .label-size-5 a:hover {  
 background:#2288bb; color:#fff; text-decoration:none}  
 .sidebar .label-size span {  
 background:#2288bb;  
 color:#fff;  
 padding:8px 22px;  
 margin:0 0 3px;  
 clear:both;  
 float:left;  
 }  
 .sidebar .label-size {  
 position:relative;  
 text-transform: uppercase;  
 text-decoration:none;  
 font-size:16px;  
 font-family:'Oswald', sans-serif;  
 color:#fff;  
 }  
 .sidebar .label-size a, .sidebar .label-size a:visited {color:#fff;text-decoration: none;}  

 

3. Save Template!

Now the CSS code for the labels Colorful already installed and will appear in the sidebar of your blog.

 

 

Location:

Share :