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;

    }




www.anytimehelp7.com

3 COMMENTS

LEAVE A REPLY