Blogger Me Colorful Label Kaise Use Karte Hai

Blogger Me Colorful Label Kaise Use Karte Hai 

 Hello Blogger, meri humesha koshish rahti hai ki mai aapke liye kuch behtar kar saku. so aaj hum blogger ke ek new feature ke bare me janenge. hum jo blog me label (tag) use karte hai. wo labels agar rangeen ho to visitors ki nazar use ingore nahi kar sakti, so aaj me is tutorial me aapko blog me rangeen label use karna sikha raha hu. maine apni site me ise pahle use kiya hua hai. aap chahe meri site ke right side me iska Demo bhi dekh sakte hai.

Blogger Me Colorful Label Kaise Use Kare?

maine isse pahle ek post ki huyi hai color generator ke naam se, usi generater ki madad se maine ye widget banayi hai. agar aapko lagta hai ki aapke visitors rangeen label ko pasand karenge to aap apne blog me colorful label use kar sakte ho. blogger ke liye widget, template, banana koi kathin kaam nahi hai, bas ek bar aap blogger ki coding sikh jao to aapke liye ye kaam nahut aasan hai. to dosto ek bar is trick ko try jarur kare. blog ki traffic badhane me ye trick bahut kaam ki hai.

Step 1

1. apne blog ke Dashboard >> Layout par click kare.

2. Ab jaha aap colorful label use karna chahe waha Add a Widget par click kare.

3. ab ek popup window khulegi usme "Labels" par click kare.

1. Cloud par tick kare

2. ab Save button par click kare.

Step 2

1. Ab blog ke Template >> Edit HTML par jaye.

2. html box me kahi bhi click kar ke Ctrl+F dabaye or  ]]></b:skin> code search kare.

3. ab ye code paste kare or ]]></b:skin> ke upar (above) paste kare.

/* css color label start by LOVE4ME-LOVE2ME.BLOGSPOT.COM */

.sidebar .label-size {

  position:relative;

  text-transform: uppercase;

  text-decoration:none;

  font-size:13px;

  font-family:Open Sans;

  color:#fff!important;

  }

.sidebar .label-size a {

  color:#fff!important;

  font-weight:bold;

  padding:8px 10px;

  margin:0 6px 6px 0;

  float:left;

  display:block;

  -moz-transition: all 0.4s ;

  -o-transition: all 0.4s;

  -webkit-transition: all 0.4s ;

  -ms-transition: all 0.4s ;

  transition: all 0.4s ;

}

.sidebar .label-size-1 a {background:#1abc9c;border-bottom:3px solid #127F69;}

.sidebar .label-size-1 a:hover {background:#16a085;}

.sidebar .label-size-2 a {background:#3498db;border-bottom:3px solid #226693;}

.sidebar .label-size-2 a:hover {background:#2980b9;}

.sidebar .label-size-3 a {background:#2ecc71;border-bottom:3px solid #1F8C4C;}

.sidebar .label-size-3 a:hover {background:#27ae60}

.sidebar .label-size-4 a {background:#1831E8;border-bottom:3px solid #0724FC;}

.sidebar .label-size-4 a:hover {background:#040B44}

.sidebar .label-size-5 a {background:#EC29CC;border-bottom:3px solid #FD06D5;}

.sidebar .label-size-5 a:hover {background:#6C045B}

/* css color label end by LOVE4ME-LOVE2ME.BLOGSPOT.COM*/

 

Code copy kar ke ]]></b:skin> ke upar (above) paste kare.

agar samajh nahi aaye to image ko follow kare.

  4. finaly Save Template par click kare. bas puri settings ho chuki hai. ab aap apne blog ko open kar ke labels ka look check kar sakte ho. frnds post achi lage to share jarur kare.