0

Add Simple CSS Labels Cloud Widget in Blogger








Tested in> Firefox 4, Safari 4, Chrome 13, Opera 10, IE 8

How to Add Labels Widget in Blogger

  • Go to Blogger >> Layout>>Add Gaget
  • Choose “Labels” Widget.
  • Change Settings Like The Image Below


Add Simple CSS Labels Cloud Widget in Blogger



  • Go to Blogger >> Template >> Edit HTML
  • Now Find ]]></b:skin> ( Press Ctrl+F button from keyboard to find)
  • Copy and Paste The Following Code Above ]]></b:skin>


/--------BLOGGERPLANET.COM —————- */
.Label a{
padding-left:20px;
background:#365B84;
padding:0 20px;
color:#fff!important;
border-radius:5px;
-moz-border-radius:100px;
height:25px;
line-height:25px;
text-transform:uppercase;
text-decoration:none;
border:none !important;
-webkit-transition:all .3s ease-in-out !important;t: 30pxt: 30px;
float:left;
margin-left:5px;
margin-top:5px;
font-size:11px;
text-decoration:none !important;
font-family: 'Oswald', Arial, Helvetica, sans-serif !important;
letter-spacing: 1px; }
.Label a:hover{
color:#365B84 !important;
background:#ff0; }

Costimization:

Font-size: 11px; = This is the Font Size of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice.

Color: #365B84; = This will change the Text Color of Labels/Tags that is displayed on your blogger. You can easily customize its font with your own choice. You may generate colors from HEX wheel color generator or use our HTML color generator tool to generate color codes own your desires.

If you have any doubt in your mind, you may ask via comments or contact form.

DON'T FORGET TO "SUBSCRIBE" or"LIKE" FOR FURTHER UPDATES


TAGS:>
label widget for ,blogger label widget,free custom labels,colorful labels,label widget for ,blogger label widget,free custom labels,colorful labels,label widget for blogger, label widget,free custom labels,colorful labels,



Comment below, let me know what do you think?

Post a Comment

 
Top