Css3 Green Cloud Label Widget For Blogger 2013

   Live Demo

How to use label Widget :

1. Log in to blogger account and Click drop down. 
2. Now select "Template" Like Below.
3. Now you can see Live on blog, Click EDIT HTML Button"
4. Now click Proceed button.                                                                                                              
5. Find this tag by using Ctrl+F    ]]></b:skin>
6. Paste below code Before ]]></b:skin> tag 

Css Style Code : 

/* The CSS Code for the menu starts here digitalhubinc.com */

#Label1 a{outline: 1px rgba(255,255,255,0.4) dashed;
    border: 1px rgba(0,0,0,0.3) dashed;
    padding: 4px 10px 4px 20px;
    text-decoration: none;
    color:#000000;
    white-space: nowrap;
font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    position: relative !important;
    background: #8dc63f;
    float: left;
    padding: 5px 3px;
    margin: 0 5px 5px 0;
   border-radius:4px 4px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; -webkit-border-radius:4px 4px 4px 4px; border-radius:4px 4px 4px 4px;
}
#Label1 a:hover{color: rgba(0,0,0,0.5);}
.label-size{line-height:1.5;align:left;}

7. Now Click  Save Template.

End.