Support Me India

  • ब्लॉग
  • ब्लॉग्गिंग
    • वर्डप्रेस
    • ब्लागस्पाट
    • वेब होस्टिंग
    • ऐडसेन्स
    • एफिलिएट मार्केटिंग
    • ईमेल मार्केटिंग
    • डोमेन रजिस्ट्रेशन
  • एसईओ
  • टेक्नोलॉजी
  • लाइफ सक्सेस
  • पैसा कैसे कमायें
  • अधिक
    • इन्टरनेट
    • बिज़नस स्टार्टअप
    • यूट्यूब
    • एजुकेशन
    • दिलचस्प तथ्य
    • सोशल मीडिया
    • सिक्यूरिटी टिप्स
  • सवाल पूछें
मुख्यपृष्ठ / ब्लॉग / ब्लॉग्गिंग / Blog Me Code Box Kaise Use Kare - Post Me Code Box Kaise Add Kare

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

By: जुमेदीन खानLast Updated: 07 Jun, 2018

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 करते हैं?
      • 1. Simple Code Box
  • Simple Code Box Blog Post में कैसे Use करें?
    • 2. Style Code Box

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

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

  • ये भी पढ़े :- Blogger में Colorful Label कैसे Use करते हैं 

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 Images में Pin It Hover Button कैसे Add करें

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

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

शेयर
  • Share on Facebook
  • Tweet on Twitter

लेखक: जुमेदीन खान

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

आपको ये भी पढना चाहिए

  • Google Official SEO Factors

    Google द्वारा शेयर किये गए 3 Official SEO Factors

  • What is a Blog, Blogger and Blogging?

    Blog Kya Hai? Blogger Kya Hai? Blogging Kya Hai? Full Gudie in Hindi

  • Website Copyright Content Checker Top 10 Free Tools

    Website Copyright Content Check Karne Ki Top 10 Tools

Reader Interactions

टिप्पणियाँ ( 41 )

एक टिप्पणी जोड़ें
  1. Sunny Sharma

    16 Aug, 2020 at 11:56 am

    Aapne bahut sundar article post kiye hain.
    Thanks

    जवाब दें
  2. Gaurav

    23 Oct, 2018 at 7:03 pm

    bhai code box ke content copy nahi ho rahe .. saare code use kar chuka hun par code box ke

    content copy nahi ho rahe .. mera blog blogspot me hai

    जवाब दें
    • Jumedeen khan

      26 Oct, 2018 at 5:09 pm

      code ke liye user-select enable karo is tarah se

      code{user-select:all;}

      जवाब दें
  3. Rakesh Razz

    21 Sep, 2018 at 1:31 pm

    Thanku,

    ❤️❤️Nice Post❤️❤️

    Mai Isi Post Ko Dhoonds Raha Tha

    जवाब दें
  4. Pradeep Tripathi

    04 Aug, 2018 at 5:09 pm

    Sir code box to add ho jata hai mager right click copyright band hone ke karan code copy nhi hota hai. Please help sir mai kafi dino se iska jawab dhundh rha hu.

    जवाब दें
    • Jumedeen khan

      04 Aug, 2018 at 6:43 pm

      Niche ki comment check karo iska solution already bta chuka hu.

      जवाब दें
  5. Suresh bukeliya

    05 May, 2018 at 10:09 pm

    Bhai mene ak post likhi hai code kaise lagaye ke bare
    Mane blog me right click disable kar diya hai
    Ab problem ye aati hai me code box me code dalta hu to wo aadha aata hai

    Itna code aata hai

    Your Text here

    Bhai itna hi aata hai

    जवाब दें
    • Jumedeen khan

      06 May, 2018 at 9:51 pm

      Iske liye aap ye css code use karo.

      code, pre {
      -webkit-user-select: text;
      -moz-user-select: text;
      -ms-user-select: text;
      -o-user-select: text;
      user-select: text;
      }

      जवाब दें
  6. Anand Kumar

    21 Dec, 2017 at 10:27 am

    Main blogger par koi bhi post likhta hoon aur jab uske HTML section ko open karta hoon to poore post mein bahut jagah par ye code likha hua milta hai...
    &
    Ye kis chij ka code hota hai aur iska kaam kya hai? Kya is code ko HTML section se remove kar dena chahiye?

    जवाब दें
    • Jumedeen Khan

      21 Dec, 2017 at 8:54 pm

      Space ka nahi ise hatane ki jarurat nahi hai.

      जवाब दें
  7. Anand Kumar

    07 Nov, 2017 at 11:30 am

    Blog post ke 2 word ke bich gapping badhane ke liye kaun-sa code add karna hoga?

    जवाब दें
    • Jumedeen Khan

      07 Nov, 2017 at 2:23 pm

      <br>

      जवाब दें
  8. Rohit kumar

    08 Oct, 2017 at 8:19 am

    very useful trick sir mai bahut dino se is code ko khoj rha tha apne blog me use karne ke liye par mil nhi tha par aapke blog par mil gya thanks sir

    जवाब दें
  9. Sultan singh

    04 Jul, 2017 at 11:07 am

    sir mere blog per ek problem aha rhi hai me jiase khoi html code ko blog me post karta hu to wo blog me show ho jata hai.
    mtlb agar me blog ke recent post ka code blog me post kar hu to wo post me result kar rha hai.
    ishe kase tik kiya ja skate hai.

    जवाब दें
    • Jumedeen Khan

      05 Jul, 2017 at 5:54 pm

      Aap post me code dalte time htmp section par click karke code dala karo.

      जवाब दें
  10. raj

    17 Feb, 2017 at 11:39 am

    bhai past your code ka html code kaha hai.

    जवाब दें
    • Jumedeen Khan

      17 Feb, 2017 at 1:45 pm

      Yaha aapko apna html code dalna hai.

      जवाब दें
  11. VIJENDRA SINGH

    31 Jan, 2017 at 8:00 am

    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.....

    जवाब दें
    • Jumedeen Khan

      31 Jan, 2017 at 10:30 am

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

      जवाब दें
  12. sandip

    24 Jan, 2017 at 12:24 pm

    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?

    जवाब दें
    • Jumedeen Khan

      24 Jan, 2017 at 8:35 pm

      iske liye aap domain site se security lock buy karo.

      जवाब दें
  13. sandip

    24 Jan, 2017 at 2:15 am

    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

    जवाब दें
    • Jumedeen Khan

      24 Jan, 2017 at 10:56 am

      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.

      जवाब दें
  14. Rusheek

    19 Jun, 2016 at 7:59 pm

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

    जवाब दें
    • Jumedeen Khan

      19 Jun, 2016 at 9:42 pm

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

      जवाब दें
  15. Rashid

    11 Jun, 2016 at 8:54 pm

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

    जवाब दें
    • Jumedeen Khan

      11 Jun, 2016 at 9:03 pm

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

      जवाब दें
      • Rashid

        11 Jun, 2016 at 10:30 pm

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

        जवाब दें
        • Jumedeen Khan

          12 Jun, 2016 at 6:13 am

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

          जवाब दें
  16. Md Arshad Noor

    09 Mar, 2016 at 10:37 am

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

    जवाब दें
    • Jumedeen Khan

      10 Mar, 2016 at 9:58 am

      Aap code syntax plugin use karo.

      जवाब दें
      • Md Arshad Noor

        10 Mar, 2016 at 4:27 pm

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

        जवाब दें
        • Jumedeen Khan

          10 Mar, 2016 at 4:59 pm

          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.

          जवाब दें
  17. साहिल कुमार

    14 Feb, 2016 at 7:04 pm

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

    जवाब दें
    • Jumedeen Khan

      14 Feb, 2016 at 7:34 pm

      Thanks sahil

      जवाब दें
  18. mayank thapliyal

    14 Nov, 2015 at 8:19 am

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

    जवाब दें
    • Jumedeen Khan

      14 Nov, 2015 at 8:33 am

      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

      जवाब दें
  19. dharmsing

    25 Oct, 2015 at 1:11 pm

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

    जवाब दें
    • Jumedeen Khan

      25 Oct, 2015 at 1:46 pm

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

      जवाब दें
  20. dharmsing

    19 Oct, 2015 at 8:42 pm

    apna code consa hota h

    जवाब दें
    • Jumedeen Khan

      19 Oct, 2015 at 8:46 pm

      aap ye code use kar sakte ho.

      <form><textarea rows=”5″ cols=”40″ onClick=select() readonly>Your Text Here.</textarea><form/>
      जवाब दें

अपनी प्रतिक्रिया दें। Cancel reply

Primary Sidebar

शुरुआती गाइड

ब्लॉगिंग के माध्यम से पैसे कमाने के 3 तरीका।
#पहला एक ब्लॉग बनाएँ।
#दूसरा ट्रैफिक बढ़ाएँ।
#तीसरा कमाना शुरू करें।
-: पैसे कमाना शुरू करें :-
सिर्फ ₹99/mo में होस्टिंग खरीदें!

नयी पोस्ट

  • बैंक मैनेजर कैसे बने? इसकी योग्यता, सैलरी कितनी होती है?
  • एलडीसी क्या है और लोअर डिवीजन क्लर्क (LDC) कैसे बने?
  • जेल वार्डर या जेल प्रहरी (Jail Warder) कैसे बने?
  • दोस्तों के साथ खेलने के लिए 10 सर्वश्रेष्ठ ऑनलाइन गेम्स 2021
  • संघर्ष से संबंधित कोट्स - Sangharsh Quotes in Hindi

अपडेटेड पोस्ट

  • बैंक मैनेजर कैसे बने? इसकी योग्यता, सैलरी कितनी होती है?
  • एलडीसी क्या है और लोअर डिवीजन क्लर्क (LDC) कैसे बने?
  • जेल वार्डर या जेल प्रहरी (Jail Warder) कैसे बने?
  • Free Software Download Karne Ke Liye Top 10 Websites 2021
  • Sarkari Result 2020 - सरकारी नौकरी, एडमिट कार्ड और ऑनलाइन फॉर्म की जानकारी

पोपुलर पोस्ट

  • Blog Ke Liye Professional Custom Email Address Kaise Banaye
  • Computer Laptop को Shut Down करने के 5 तरीके
  • YouTube के 10 फीचर्स और टिप्स - जानिये हिंदी में
  • Computer कितने प्रकार के होते हैं? कंप्यूटर के प्रकार इन हिंदी
  • Mobile Phone Me Personal Details Ko Safe Rakhne Ki 5 Best Tips

टॉपिक चुनें

  • इन्टरनेट
  • ईमेल मार्केटिंग
  • एजुकेशन
  • एफिलिएट मार्केटिंग
  • एसईओ
  • ऐडसेन्स
  • टेक्नोलॉजी
  • डोमेन रजिस्ट्रेशन
  • दिलचस्प तथ्य
  • पैसा कैसे कमायें
  • फेस्टिवल
  • बिज़नस स्टार्टअप
  • ब्यूटी टिप्स
  • ब्लागस्पाट
  • ब्लॉग्गिंग
  • मोबाइल मार्केटिंग
  • यूट्यूब
  • रिश्ते-नाते
  • लाइफ सक्सेस
  • वर्डप्रेस
  • वेब होस्टिंग
  • सिक्यूरिटी टिप्स
  • सोशल मीडिया
  • स्वास्थ्य

Footer

थोडा ब्लॉग के बारे में

यह एक हिंदी ब्लॉग है, जिसका मकसद है लोगो को हिंदी भाषा में विभिन्न जानकारी उपलब्ध कराना।

इसके अलावा हमारा एक Ask SMI फोरम भी है, जहाँ हम नए ब्लॉगर्स की मदद करते है।

अन्य महत्वपूर्ण लिंक

  • ब्लॉग
  • फ्री ब्लॉग बनाये
  • डील्स
  • पैसे कैसे कमाए
  • विज्ञापन दें
  • होस्टिंग कहा से लें
  • अस्वीकरण
  • शब्दकोश

ब्लॉग न्यूज़लेटर सब्सक्राइब करें

हमारी नवीनतम पोस्ट की सुचना पाने के लिए अभी ब्लॉग को सब्सक्राइब करे!

Powered by: Mozedia.com

कॉपीराइट © 2015–2021हमारे बारे मेंसम्पर्कगोपनीयता नीतिसाइटमैपवापस जाएँ।