Wednesday, January 23, 2013

Css3 Green Cloud Label Widget For Blogger

In this post im gonna explain how to add nice label/ category widget  for blogger.This labes looks great, visitors   can  find  what  category  they  needs. few months  ago i  was  posted   about    Attractive Css3 Labels /  Category   Widget For  Blogger.  However this is also same trick with different style. Im using CSS3 for  this  trick  check blow image for example.Follow below steps to add it to your blog. Its easy.

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
/*-----Custom Labels widget by*/

#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;
    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);}

7. Now Click  Save Template.

    You are done...


  1. I'm a regular follower of your blog.. steps are super easy. please please tell me how to add "shopping cart" to my blog. I want it without "pay pal" because I want to sell few things in Indian rupees. Paypal doesn't allow Indian currency. I just need a simple shopping cart!! please help me soon.thank u

  2. wao what a great yar so beautiful post i like this post. thanks for sharing this information.

  3. Zen cart is a shopping cart that uses rupee currency... plz make a post on how to use that.. I find all these very difficult without your help. Or else a shopping cart without any payment getaway will do.. plz help