Blog Me Code Box Kaise Use Kare - Post Me Code Box Kaise Add Kare

Hello Blogger आज मैं आपको बताने वाला हूँ की blog post में code box add कैसे करते हैं क्युकी अगर आप अपने blog पर blog widget से related post करते हो तो आपको code box की knowledge होनी चाहिए इससे हमारे visitors को code copy करने और समझने में आसानी होती है तो चलिए जानते हैं की blog post में code box कैसे add करते हैं।

add code box in blogger post

Blog Post में Code Box कैसे Add करते हैं?

यहाँ मैं आपको 2 तरह के code box के बारे में विस्तार से बताने वाला हूँ आपको जो अच्छा लगे आप उसे follow कर सकते हो।

1. Simple Code Box

ये बहुत आसान है इसके लिए आपको बस ये code copy करना है और blog post के html section पर click कर के आप जहा चाहे paste कर सकते हैं।

Code copy कर लीजिए।

<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.</textarea></form>

Simple Code Box Blog Post में कैसे Use करें?

code box html code

  1. Blog post जाइए और HTML पर select कीजिए।
  2. अब आपको जहा पर code box add करना है वहा ये code paste कर दीजिए।
  3. "Your Text Here" की जगह अपना code addकर दीजिए।

2. Style Code Box

Step 1

सबसे पहले ये code copy कर लीजिए।

/* css Code Box of supportmeindia.com */ .code { background:#f5f8fa; background-repeat:no-repeat; border: solid #5C7B90; border-width: 1px 1px 1px 20px; color: #000000; font: 13px 'Courier New', Courier, monospace; line-height: 16px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 16px; overflow: auto; padding: 28px 10px 10px; width: 90%; } .code:hover { background-repeat:no-repeat; }
  1. अब blogger.com website पर जाइए और log in कीजिए।
  2. Blog के dashboard जाइए और अपने लिए अच्छी सी template select कर लीजिए।
  3. अब Edit HTML पर click कीजिए।

code box

अब कही भी click कर दीजिए।

  1. अब CTRL+F keyboard button दबाइए और search box में ]]></b:skin> search कीजिए।
  2. ]]></b:skin> की जगह code paste कर दीजिए।
  3. अब Save पर click कीजिए।

Step 2

  1. अब blog post में जाइए और HTML select कर लीजिए।
  2. जहा आपको code add करना है वहा ये code add कर दीजिए।
  3. "Paste Your Code" की जगह पर अपना code add कर दीजिए।

अब आपके blog में code box add हो चूका है और अगर आपको अपने blog में कोड बॉक्स add करने में कोई problem होती है तो आप comment में अपनी problem मुझे बता सकते हैं।

अगर आपका blogger या internet से related कोई सवाल है तो हमारे सवाल जवाब forum ask.https://www.supportmeindia.com में अपना सवाल पूछ सकते हैं।

I hope आपको ये post अच्छी लगी होगी अगर हाँ तो इस post को social media पर share जरुर करना।

Continue Reading
Avatar for Jumedeen Khan

by: Jumedeen Khan

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

41 Comments

Comments ( 41 )

  1. Hello sir
    me WordPress per new hu aapki help chahiye-
    1.aap jo code box ke liye code use karte kya sir de sakte hai plz sir me blogger post me jo code use karta tha wo
    WordPress me work nahi kar raha hai plz send my email.
    2.WordPress me stats kaha dekhte hai ki kitane logo ne site veiw ki kya iske liye plugin install karni hogi
    and code jarur send kare plz.sir.....

    Reply
    • 1. Ok comment m nahi de sakta mail kar dena send kar dunga.Check footer link.
      2. analytics ya jetpack plugin use karo.

      Reply
  2. jumedin bhainakamajdur.com ye mari websait hai jab mai sarch karta hu to sarch resilt me ye bhi dikhta hai nakamajdur.com domain information – WSChanges – muzh privet infarmeshn sher nahi karni hai is ke liye kay karna chahiye
    on January 24, 2017 blog me setting hai to konsa opton hai ples bhi?

    Reply
    • iske liye aap domain site se security lock buy karo.

      Reply
  3. jumedin bhai muzhe mere
    blog post me collam lagana hai meri websait naka majduro ke nam our mobail
    no. sher karti for xzhapal NAME MO. AGE GATEGORI ples halp me

    Reply
    • Iske liye aap HTML and CSS coding ki jarurat hogi comment me btana mushkil hai aap google me search karo "how to add column in blogger" iske bare me kei post mil jayegi unme se code copy kar apne blog ki post ke html section me add karo.

      Reply
  4. Bro वर्डप्रेस में कोंड बॉक्स के लिए आप कौन सा plugin यूज करते हैं और क्या आज तक आपको कोंड बॉक्स में कोंड ऐड करने में प्रॉब्लम हुई है या नहीं क्योंकि मुझे ब्लॉग सपोर्ट पर कई बार कोड बॉक्स में कोड लगाने पर वह कोंड मेरे ब्लॉग में ही काम करने लगता है

    Reply
    • mई इसके लिए कोई प्लगइन उसे नहीं करता आप CSS कोडिंग से आसन इसे कोड बॉक्स बना सकते हो.

      Reply
  5. Sir,
    Html Aur Css Coding Seekhne Ke liye Kaun Sa Cource Better hai (offline)

    Reply
    • Aap iski book kharid sakte ho. iske liye course kare ki jarurat nahi hai.

      Reply
      • Kya Aap Us book Ka name bata sakte ho (with publication).
        Ya Phir 1-2 month ka cource ho to zyada better hai.

        Reply
        • Aap snapdeal me ya google me search karo bahut sari mil jayegi jo pasand ho wo buy kar lo.

          Reply
  6. जुमेदीन भाई ये ब्लॉगर पर जिसका ब्लॉग है उसके लिए है ।अगर जैसे आपका ब्लॉग वर्डप्रेस पर है तो आप कैसे करोगे।
    क्योकि मेरा भी ब्लॉग वर्डप्रेस पर है ।
    इसकी जानकारी आप मुझे ईमेल पर दीजिए।

    Reply
    • Aap code syntax plugin use karo.

      Reply
      • Sir,
        Post me Plugin kaise use karte hai.
        please .aap iske baare me Full Details bataiye.

        Reply
        • Post me pugin use nahi kartye WordPress blog me plugin use karte hai. aap pahle apni site banao. uske bad me iske bare me pata karo. Agar aap pahle hi pata karoge to sari jankari aapke sir ke u-par se jayegi. Aap WordPress par free hosting le kar blog bana sakte ho.

          Reply
  7. bhai aap ne post me form tag ko galat dhang se band kar rakha hai. / aage aayegi

    Reply
    • Thanks sahil

      Reply
  8. bro mera febicon change kiaa h magar vo show ni hora h .or powerd by blogger bi ni hat rha h

    Reply
    • favicon ka size 120x120, 150x150 jaisa hona chahiye. favicon change karne par show hone me thoda time lagta hai. powered by ko remove karne ke liye ye post pado Powered By Blogger Ko Hide/Remove Kaise Kare or post me btaye step ache se follow karo

      Reply
  9. post your text ki jagh apna code dalna h kaise pata kare

    Reply
    • thoda details me btao. taki mai aapki problem ache se samajh saku.

      Reply
  10. apna code consa hota h

    Reply
    • aap ye code use kar sakte ho.

      <form><textarea rows=”5″ cols=”40″ onClick=select() readonly>Your Text Here.</textarea><form/>
      Reply

Leave a Comment

Blogging

Blog Sitemap Ko Google Search Console Me Submit Kaise Kare

Website बनाने के बाद सबसे पहले हमारे दिमाग में एक ही बात आती है की अपनी website को google search engine में show कैसे करें। Starting में website को search engine से connect करना बढ़ा hard महसूस होता है Actually मेरे साथ भी यहीं हुआ था जब मैंने blogging start की थी…
Continue Reading
Blogging

Blog Par Without SEO Ke Traffic Kaise Badhaye - 5 Tarike

Increase website traffic without SEO
Hum sab jante hai ki SEO website ki traffic increase karne ka shandar tarika (brilliant way) hai. But ye 100% true nahi hai hum bina search engine optimizing content ke bhi blog par traffic badha sakte hai. I mean aapki site par SEO friendly articles ke bina bhi high traffic…
Continue Reading
Blogging

10 Important Page Jo Har Blog Par Hone Chahiye (Bahut Jaruri Hai)

10 Important Page Jo Har Blog Par Hone Chahiye
Ye ek beginner guide hai jisme main blog ke liye jaruri 10 most important pages ke bare me btaunga jo har blog par hone chahiye. Agar aapne recently blog start kiya hai to aap check kar le ki ye important page aapke blog par hai ya nahi agar nahi hai…
Continue Reading
t20 win
x