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 बहुत काम की है।
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 कर सकते हो।
- blogger से related और post पढ़ने के लिए यहाँ click करें
- Blog के Sitemap को Google Search Console में Submit कैसे करें
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 को पढ़ सके।
Jumedeen Khan
maine in sabke bare me post ki huyi hai. waha se code copy karo.
Deepak Shrivastav
Ek baat or puchhni hai aapse....aapne jo sawal-jawab ka forum Add kiya hai jo page hai use kaise kiya hai..plz btao. or Aapke social sharing button bhi bahot achhe hai or Read more ka jo Tag aata hai last ke pages me wo bhi bahot achha hai
Jumedeen Khan
aap new page banao bas uska naam sawal jawab rakh do.
Jumedeen Khan
aap is category ke code copy karke isi ke niche paste karo or uske topic change kar do, ha bro bahut siple hai, bas thoda sa dimag lagane ki jarurat hai.
Deepak Shrivastav
Thanx...bro.. ab kuch thoda thoda samajh aane laga hai...HTML ke baare me. HTML ki maine 2,3 commands likh li hai ab pta chal gaya k Alag se page kaise add karna hai...or us wali command ko bta do. jisme aapki category ke menu me sub menu ke aage ek or menu aata hai. or ab check karke dekhna maine jo pehle category add ki thi waha kuch or add kar diya hai.
Deepak Shrivastav
thanx bro, mujhe ek cheez or btana k jaise aapne category ko upar set kiya hai usme pehle website ka link aata hai or uspe aage phir , create website ka link aata hai ...use kaise set kiya hai...uske liye kya command dalni hogi. waise aap mera blog check karna maine usme category theek jagah daali hai lekin jo pehle category daali thi uski command ko delete karne se koi problem to nhi hogi na...
Jumedeen Khan
Home, About, Sitemap ,Contact , Forum sabko delete kar do. aapne jaha category ka topic set kiya hai waha sirf ek hi topic set kar sakte hai, aapke blog me sub menu ka jo topic hai waha menu a, menu b, menu c ki jagah apne topic set karo.
Deepak Shrivastav
thanx...Jume deen bro.
mujhe 2 cheezo me problem ho rahi hai abhi b, 1 to jo sabse upar ki taraf aa raha hai Home, About, Sitemap ,Contact , Forum wo change nhi ho rahe or maine abhi apne abhi thode changes kare hai wo gaye hai lekin jo Category ka upar option dekh raha hai horizontally, usme maine 3 topics set kiye hai , Internet , Android Apps or Make money online lekin sirf Make money ka Sub menu hi show krta hai uske neeche. jbki maine 3no set kiye hai link daal kar. or upar wali cheeze kaise hatengi wo b bta do plz.
Jumedeen Khan
blog ke dashboard ke>>Edit HTML par jao. ab aapke blog ke menu ka koi bhi tpoic search karo. ab us topic ki jagah apni pasand ka topic likho or topic ke samne jaha href="#' likha ho usme # ki jagah apni post ya label jo bhi chaho uska url set kar do. isi tarah aap menu ke sare topic set kar sakte ho.
Deepak Shrivastav
To aap mujhe iske liye kuchh btao....or mai aapke template ko set karna chahta hu apne menu ke hissab se wo b bta skte ho plz... kai mai kaise set karu