Blogger Me Colorful Label Kaise Use Karte Hai

by Jumedeen Khan March 13, 2023

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

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

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

Table of Contents

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

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

Step 1

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

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

Step 2

अब blog के Template >> Edit HTML पर जाये।
html box में कहीं भी click कर के Ctrl+F dabaye or ]]></b:skin> code search करें।
अब ये 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 कीजिये।

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 को पढ़ सके।

by: Jumedeen Khan

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

63 Comments

Comments ( 63 )

dheeraj

hello naya blog mai page numbers kaise aayega
Reply
- Jumedeen Khan
  
  Jab aapke blog par 10 se jyada post ho jayegi.
  Reply
sajan

bro mobile main colourfull lables show nhi ho rahy pc main to ho rahay hai
Reply
- Jumedeen Khan
  
  Jab pc me ho rahi hai to simle hai mobile me bhi hogi. aap mobile borwser ki history delete kar ke blog open karo.
  Reply
sajan kumar

bro meray labels pc main colourfull show ho rahay hai but mobile view main nahi what should i do
Reply
- Jumedeen Khan
  
  Mobile me chromerowser me blog open karo.
  Reply
INDER

HELLO JUME DEEM SIR MERE SE BLOG MAIN COLURR LABEL NAHI HO RAHA MEANS WAHA OPTION NAHI AATA KYU BATAna.
Reply
- Jumedeen Khan
  
  maine post me jo tarika btaya hai. use ache se follow karo.
  Reply
surendra

Help my bro, Mere paas 4 -8 code hai
1) Meta tag
2) Bing verify
3) yandex verify
4) alexa
Lekin sabhi code ke niche paste karne hai. Lekin tamplate me sirf ek Hi jagha par ka option hai. Ab agar mai ke niche meta tag add karu toh baki ke code kha aor kaise add karu??????
Reply
- Jumedeen Khan
  
  aa sare verify code head> ke niche add karo.
  Reply
ashutosh singh

Mera blog jub serarch me aata hai tab uska title nahi
aata hai sirf blog ka title aata hai aur post kis title par hai wo title nahi aata hai aur kabhi kabhi sirf uska date hi aata hai title ke rup me me mai kya kare
Reply
- Jumedeen Khan
  
  Apne blog ka complete SEO set karo. problem solve ho jayegi. iske liye aap humari SEO se related post pado.
  Reply
Vanessa Taylor

Well I truly liked reading it. This subject provided by you is very useful for correct planning.
Reply
Faisal Khan

Janab Android Mein Blogspot Karo To Layout Nhai Milta...Kha Milega
Reply
- Jumedeen khan
  
  Blogger.com par ja kar log in karo or dashboard me jao
  Reply
Romeo

label ko deleate kaise karte h.....
Reply
- Jumedeen Khan
  
  blogger dashboard>>posts>>edit post par jao o right sidebar me sabse upar labels ka option hai. waha se jo label delete karni hai kar do.
  Reply

Bro...social sharing Buttons ka CSS code yahi par bta doplz.

<style> */http://www.softechnogeek.com*/ .rr-mod.module-rightrail-social-widget{margin:0 0 10px 0 !important;}#rr-social-widget-chiclets div{width:40px;height:32px;display:inline-block;margin:0 4px 0 0;}#rr-social-widget-chiclets a{width:32px;height:32px;display:block;background:url(http://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png) no-repeat;}@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (-o-min-device-pixel-ratio:4/3), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#rr-social-widget-chiclets a{background-image:url(http://3.bp.blogspot.com/-xl5U9JSHLTM/UNxNmOxJ9qI/AAAAAAAAB6Q/cuSzXh2aD-M/s1600/rr-social-icons.png);background-size:248px 32px;}}#rr-social-widget-chiclets-facebook a{background-position:0 0;}#rr-social-widget-chiclets-twitter a{background-position:-36px 0;}#rr-social-widget-chiclets-googleplus a{background-position:-72px 0;}#rr-social-widget-chiclets-linkedin a{background-position:-108px 0;}#rr-social-widget-chiclets-youtube a{background-position:-180px 0;}#rr-social-widget-chiclets-rss a{background-position:-216px 0;} </style> <div class="rr-mod module-rightrail-social-widget" id="module-rightrail-social-widget"> <div class="configuration-neighbor"> <div id="rr-social-widget-chiclets"> <div id="rr-social-widget-chiclets-facebook"><a href="http://www.facebook.com/supportmeindia" onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_facebook';"></a></div> <div id="rr-social-widget-chiclets-twitter"><a href="http://www.twitter.com/supportmeindia" onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_twitter';"></a></div>
<div id="rr-social-widget-chiclets-googleplus"><a href="http://plus.google.com/+supportmeindia1" onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_googleplus';"></a></div>
<div id="rr-social-widget-chiclets-linkedin"><a href="http://www.linkedin.com/jumedeenkhan" onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_linkedin';"></a></div>
<div id="rr-social-widget-chiclets-youtube"><a href="http://www.YouTube.com/supportmeindia" onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_YouTube';"></a></div>
<div id="rr-social-widget-chiclets-rss"><a href="http://feedburner.google.com/fb/a/mailverify?uri=supportmeindia" onclick='window.open(this.href, &apos;windowName&apos;, &apos;width=550, height=600, left=24, top=24, scrollbars, resizable&apos;); return false;' rel="nofollow" target="_blank" onclick="s_objectID='rr_sm_icons_rss';"></a></div>
</div> </div> </div>

Blogger Blog Ko Speed up Kaise Kare - 18 Best Tips 2023

By Jumedeen Khan, Published On: March 13, 2023

Blog jitna fast loading hoga utni hi better uski SEO ranking hogi. Is post me main blogger or blogspot blog ko speed up kaise kare? blogger blog ko speed up karne ki best tips btaunga. Jinhe follow karke aap apne blogger blog ka loading time improve kar sakte ho. Chalo…

BlogSpot

Blogspot Blog Ka Email Address (Log in ID) Kaise Change Kare

By Jumedeen Khan, Published On: March 13, 2023

Jab hum first time blog banante hai to jahir hai sabse koi na koi galati ho jati hai. Unhi galatiyo me se ek galati hai extra email address se blog banana. Or jab hume iske bare me pata chalta hai to hum apne blog ki log in ID change karna chahate…

BlogSpot

Blogger Me Custom Redirect Error 404 (Page Not Found) Kaise Set Kare

By Jumedeen Khan, Published On: March 13, 2023

Jab koi user aapki site ke url ko browser me open karta hai to url me thodi si mistake hone par blogger Error 404 page not found msg show karta hai. iski wajah se wo user aapki site ko chod kisi or site par chala jata hai. aaj mai aapko…

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

Step 1

Step 2

For You

by: Jumedeen Khan

Comments ( 63 )

Leave a Comment Cancel reply

Blogger Blog Ko Speed up Kaise Kare - 18 Best Tips 2023

Blogspot Blog Ka Email Address (Log in ID) Kaise Change Kare

Blogger Me Custom Redirect Error 404 (Page Not Found) Kaise Set Kare