Blog Me Code Box Kaise Add Kare - Post Me Code Box Kaise Add Kare - Hindi User


हैलो दोस्तो आज मे आपको बताने वाला हुं कि केसे आप Blogger की पोस्ट में Code Box लगा सकते है। आप Blogging के Related Post लिखते है और आपको website blogger.com पे है तो आपको Code Box की बहुत जरूरत पड़ती होगी है क्युकी wordpress पर तो आपको Code Box Add करने के लिए Plugin का इस्तमाल कर सकते हो लेकिन Blogger पर Plugin होता नहीं है अगर आप अपने blog में direct code Paste करते है तो visitors को Code Copy करने में और समझने में तकलीफ पड़ती है इसलिए आप Blog में Code Box का Use करें जिससे visitors को Code Copy करने में और समझने में तकलीफ ना पड़े। चलिए अब जानते है की blog post में code box केसे add करते है।

Blog Post में Code Box कैसे Add करते है?
Blogger की Post में हम 2 तरह की Code Box लगा सकते है (1). Simple Code Box और (2). Style Code Box

चलिए अब जानते है 2 तरह के code box के बारे में आपको जो भी code box अच्छा लगे वो code box अपने blog में लगाना

Blog Me Code Box Kaise Add Kare

1. Simple Code Box

Simple Code Box लगाना बहुत ही आसान है आपको नीचे दिए गए code को copy करले ना है और अपने blog के post में html में जाके इस code को Paste करदेना है

सबसे पहले नीचे👇👇 दिऐ गए code को copy करले

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

blogger me code box kaise lagaye,

  • आपको जिस blog post में code box add करना है उस पोस्ट में जाके HTML पर Click करें
  • अब आपको अपनी पोस्ट में जहां पर code box लगाना है वहां ये code paste कर दीजिए
  • "Your Code Text Paste" की जगह अपना Code Paste कर दिजिए
blogger post me code box kaise lagaye


2. Style Code Box

Style Code Box में आप अपने visitors को आसानी से समझाने के लिए अपने code को कुछ शब्दों को Color करके समझा सकते जेसे मेने ऊपर दिए गए code में आपको समझाने के लिए "Your Code Text Paste" को color किया है चलिए अब जानते है की Style Code Box कैसे लगाएं

Step 1 :

सबसे पहले आपको नीचे 👇👇दिए गए Code को Copy कर लेना

/* css Code Box of hindiuser.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; }


  • अब आपको अपने Blog के Dashboard में जाके Theme पर Click करना है
  • Theme पर click करने के बाद आपको edit html पर click करना है
  • अब कही भी click कर लेना है
blog post me code box kaise use kare

  • Click करने के बाद आपको CTRL+F Keyboard Button दबाइए जिससे search box open हो जाएगा और search box में ]]></b:skin> search कीजिए कि जगह।
  • अब आपको ]]></b:skin> इस Code के ऊपर copy किया हुआ code Paste कर देना है बिल्कुल ऊपर दिखाई गए photo की तरह
  • अब आपको save theme पर click करके theme save कर लेना है


Step 2 :

आपको नीचे 👇👇 दिए गए Code को copy करना है

<div class="code">Your Code Text Paste</div>

  • अब आपको अपनी blog post में जाना है।
  • अब आपको जहां पर code box add करना है वहा पर ये code add कर दिजिए
  • "Your Code Text Paste" की जगह अपना Code Paste कर दिजिए
अगर आप Mobile  से Blogging करते है तो तो HTML Edit करने के लिए यह App Download करे ➡ HTML Edit App Download


अब आपके Blog में Code Box Add‌ हो गया होगा और यदि code box add करने में कोई problem होती है तो comment box में comment करके अपनी problem बताएं में उसका solution देने की पुरी कोसीस करुंगा

जरुर पढें : 👇👇👇


आखरी और Important बात इस आर्टिकल की

दोस्तों मुझे आशा है कि मेने आप लोगों को Blog Me Code Box Kaise Add Kare - Post Me Code Box Kaise Add Kare इसके बारे में पुरी जानकारी आपको हमारे आर्टिकल से मिल गई होगी आपको हमारा आर्टिकल अच्छा लगा है तो नीचे अपना Gmail ID डालकर हमारे Blog को अभी Subscribe करले जीसे मे कोई भी नई पोस्ट डालु इसकी Notification आपको सबसे पहले मिले

यदि आपको इस पोस्ट के सम्न्बंधित कोई भी प्रश्न आपके मन में है तो मुझे Comment Box में बताइए में उसका Solution देने की पुरी कोशिश करुंगा

यदि आपको मेरा यह पोस्ट अच्छा लगा है और इससे आपको कुछ सिखने को मिला है तो आप इसे Social Media जैसे कि WhatsApp, Facebook, Twitter, Massage, Telegram, Reddit, LinkedIn, और इत्यादि पर आग की तरह Share कीजिये जिससे अन्य Blogger को इसकी जानकारी मिले और वो भी अपने Blog Post में Code Box लगा सके. धन्यवाद!

 "जय हिंद, वन्देमातरम"

Post a Comment

3 Comments

  1. आपकी Website बहुत अच्छी है। में ने आपकी Website को bookmark करके रखा है। आपके article भी काफी Useful है। Thanks for sharing very useful knowledge

    ReplyDelete