top 5 stylish labels widget for blogger/ blog me stylish labels widget kaise lagaye janiye hindi me

hello frnds 
aaj ham apko kuch aise labels widgets ke baare me batayenge jo apke blog ko bahut hi beautifull bana denge jaisa ki apne apne blog ke liye badhiya se template laga liya hai lekin apko usko labels style nhi pasand aa rahe hai to apko baar baar template badlne ki jarurt nhi hai apko bas apne blog ki labels style me kuch change karne hai or apke blog ko milega ek bahut h badhiya look  chaliye dekhte hai un sabhi stylish widgets ko apko jo bhi badhiya lage aap apne blog pe us widgets ka use kar sakte hai 


sabse pahle jante hai stylish labels widgets add kaise karte hai?

  1. aap sabse pahle apne blogger dashboard me jaye 
  2. uske baad apko TEMPLATE pe click karna hai
  3. uske baad apko EDIT HTML pe click krna hai
  4. ab apko apne blog ka back up lena hai 
  5. uske baad apke samne jab html box open ho jaye to usme kahi pe bhi click karo 
  6. ab aap CTRL+F press karo ab apko search box milega right hand me uper
  7. ab apko search box me  ]]></b:skin> type karna hai or press karna hai 
  8. aapko janha pe bhi ye code mile uske uper apko niche diye gaye me se koi bhi code peste karna hai 
  9. uske baad apko SAVE TEMPLATE pe click karke apne template ko save kar lena hai 


ab apko stylish labels widgets ke kuch badhiya style dikhate hai apko jabhi acha lage use kar sakte hai bilkul free hai  :)
#style 1:)


.Label a {
 -moz-border-bottom-colors: none;
 -moz-border-left-colors: none;
 -moz-border-right-colors: none;
 -moz-border-top-colors: none;
 background-color: #7FBF4D;
 background-image: -moz-linear-gradient(center top , #7FBF4D, #63A62F);
 border-bottom-right-radius: 30px;
 border-color: #63A62F #63A62F #5B992B;
 border-image: none;
 border-style: solid;
 border-top-left-radius: 30px;
 border-width: 1px;
 box-shadow: 0px 1px 0px 0px #96CA6D inset;
 color: #FFFFFF;
 float: left;
 font: 14px verdana;
 height: 18px;
 margin-bottom: 9px;
 margin-left: 10px;
 padding: 10px;
 position: relative;
 text-decoration: none;
 transition: all 0.5s ease-in-out 0s;
 }

 .Label a:hover {
 background: none repeat scroll 0% 0% orange;
 border-radius: 0px 30px 0px 30px;
 border: 1px solid orange;
 text-shadow: 5px 5px 5px #DCDCDC;
 }

 .Label {
 margin: 0px;
 padding: 0px;
 position: relative;
 }
 .Label li:hover {
 transform: rotate(5deg);
 }
 .Label li {
 float: left;
 font-size: 116%;
 list-style: none outside none;
 transition: all 0.3s ease 0s;
 }




#style 2:)




.Label li {
        background: linear-gradient(to bottom, #6B6B6B 0%, #6B6B6B 4%, #333333 1%, #2B2B2B 100%) repeat scroll 0 0 transparent;
        border: 1px solid;
        border-radius: 6px 6px 6px 6px;
        float: left;
        font-size: 116%;
        list-style: none outside none;
        margin: 2px;
        padding: 4px;
        transition: all 0.3s ease 0s;
    }
.Label li:hover {
    transform: rotate(351deg) scale(1.7);
}
.Label a {
    color: #fff;
    text-decoration: none;
}




#style 3:)






   .Label li:before {

        background-image: -moz-linear-gradient(center top , #1E5799 0%, #207CCA 100%);

        border-bottom: 1px solid #145091;

        border-left: 1px solid #145091;

        content: "";

        height: 1.39em;

        left: -0.69em;

        position: absolute;

        top: 0.2em;

        transform: rotate(45deg);

        width: 1.3em;

        z-index: 1;

    }

    .Label li:after {

        background: none repeat scroll 0 0 #FFFFFF;

        border: 1px solid #3F6893;

        border-radius: 4.167em 4.167em 4.167em 4.167em;

        box-shadow: 0 1px 0 #B5D8FF;

        content: "";

        height: 0.5em;

        left: -0.083em;

        position: absolute;

        top: 0.667em;

        width: 0.5em;

        z-index: 9999;

    }

    .Label li {

        background-image: -moz-linear-gradient(center top , #1E5799, #207CCA);

        border-bottom: 1px solid #145091;

        border-radius: 0 0.25em 0.25em 0;

        border-right: 1px solid #145091;

        border-top: 1px solid #145091;

        box-shadow: 0 1px 0 #CCE4FF inset, 0 1px 1px rgba(0, 0, 0, 0.1);

        color: #996633;

        float: left;

        font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;

        font-size: 0.75em;

        font-weight: bold;

        list-style: none outside none;

        margin: 0 0 7px 20px;

        padding: 0.417em 0.417em 0.417em 0.917em;

        position: relative;

        text-decoration: none;

        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);

        z-index: 1;

    }




Share this

Receive Quality Articles Straight in your Inbox by submitting your Email below.

Related Posts

Previous
Next Post »

3 comments

comments
Anonymous
5 May 2016 at 01:03 delete

Hello sir Plz aap bata sakte hai ki aapne konsi Template ya theme यूज़ ki hai..

Reply
avatar
5 May 2016 at 10:14 delete This comment has been removed by the author.
avatar
5 May 2016 at 10:19 delete

Dear umesh ji
Maine apne blog pe G VISION 2 template use kiya hai

Thankxxx for coomment
Keep visiting this blog for more

Reply
avatar

hello readers
apko comment karne se pahle kuch bata diya jaye

1.ap comment me galat sabd ka prayog nhi karenge
2.ap internet se juda koi bhi sawal puch sakte h
3.ap koi bhi sawal bar bar n puche
agar aap chahte h ki apke comment ko publish nhi kiya jaye to bata dijiye ya ap HAMSE SAMPARK KARE form fill karke send kare
THANKXXXX

Ads Inside Post