Blogger Me Colorful Label Kaise Use Karte Hai

Hello Friends मेरी हमेशा कोशिश रहती है की में आपके लिए कुछ बेहतर कर सकू so आज हम blogger के एक new feature के बारे में जानेगे हम जो blog में label (tag) use करते है वो labels अगर रंगीन हो तो visitors की नज़र उसे ignore नहीं कर सकती इसलिए आज में इस tutorial में आपको blog में रंगीन label use करना सिखा रहा हूँ मेने अपनी website में पहले use किया हुआ है आप चाहे मेरी website के right side Demo भी देख सकते है।

Blogger Me Colorful Label Kaise Use Karte Hai

मैंने इससे पहले एक post लिख रखी है color generator के नाम से उसी generator की मदद से मैंने ये widget बनायीं है

अगर आपको लगता है की आपके visitors रंगीन label को पसंद करेंगे तो आप अपने blog में colorful label use कर सकते हो। blogger के लिए widget template बनाना कोई कठिन काम नहीं है बस एक बार आप blogger की coding सिख जाओ तो आपके लिए ये काम बहुत आसान है तो friends एक बार इस trick को try जरुर करें blog की traffic बढ़ाने में ये trick बहुत काम की है।

Blogger में Colorful Label कैसे use करें?

Step 1

  1. अपने blog के Dashboard >> Layout पर click करें।
  2. अब जहाँ आप colorful label use करना चाहे वहाँ Add a Widget पर click कीजिये।
  3. अब एक popup window open होगी उसमे “Labels” पर click कीजिये।

select label in blogger layout

  1. अब Cloud पर tick करें।
  2. अब Save button पर click करें।

Step 2

  1. अब blog के Template >> Edit HTML पर जाये।
  2. html box में कहीं भी click कर के Ctrl+F dabaye or  ]]></b:skin> code search करें।
  3. अब ये code paste करें और ]></b:skin> के ऊपर (above) paste करें।
/* css color label start by OHMH.IN*/

.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 OHMH.IN*/

अब आप Code copy कर के ]]></b:skin> के ऊपर (above) paste करें।
friends अगर आपको यहाँ coding समझ नहीं आये तो आप निचे इस emage को follow कीजिये।

paste colorful label code to blogger html

4. finally Save Template पर click करें अब आपकी पुरी settings हो चुकी है अब आप अपने blog को open कर के labels का look check कर सकते हो।

For You

दोस्तों अगर आपको इस post में किसी भी तरह की problem आये तो आप मुझे comment कर बता सकते है मुझे आपकी help करने में बहुत खुशी होगी और अगर आपको Blogger या Internet से related कोई भी जानकारी चाहिये तो comment में बता सकते है।

अब आप अपने browser में https://www.supportmeindia.com type कर के हमारी website पर आ सकते है।

friends अगर आपको ये post अच्छी लगे तो इसे अपने दोस्तों के साथ social media पर share जरुर करें ताकी आपकी help से आपके friends और दुसरे people भी इस post को पढ़ सके।

Avatar for Jumedeen Khan

by: Jumedeen Khan

मैं इस ब्लॉग का संस्थापक और एक पेशेवर ब्लॉगर हूं। यहाँ पर मैं नियमित रूप से अपने पाठकों के लिए उपयोगी और मददगार जानकारी शेयर करता हूं। ❤️

Comments ( 63 )

  1. Temlet ki problem jisko bhi he vo xml ki jagah pe .jpg extension lagakar uplood kare sol ho jayegi

    Reply
  2. Agar ]]skin nahi mil raha to sirf skin> search karo, template me ayse 2-3 code hote hai. Second code ke upar code paste karna hai.

    Reply
  3. Sir ye cod ]]skin search me nahi aata templet me aisa koi cod hi nahi hai.

    Reply
  4. Mai samjha nhi mtlb kisi or blog ka url ?

    Reply
  5. maine template send kar di hai aap check kar sakte ho.

    Reply
  6. wo email galat tha. ab send karo.

    Reply
  7. maine aapko meri site wala template send kar diya hai gar aapko nahi lagta to meri template ka naam hai minima 3 aap download kar lo.

    Reply
  8. Sir ek bar phir she apna wala template send kaeiye mai bahut der she paeesan meri help kariye na

    Reply
  9. apne blog me kisi bhi blog ka url set mat kiya karo. apni email id btao mai template send karta hu.

    Reply
  10. Bro aap koi accha sa template send kar skte ho mujhe mer blog par menu set karne me problem ho rahi hai samajh nahi aa raha k apna menu kaise set karu uspar

    Reply

Leave a Comment