Blog Me Code Box Kaise Add Kare | Post Me Code Box Kaise Add Kare

हैलो दोस्तो आज मे आपको बताने वाला हुं कि केसे आप 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 Me Code Box Kaise Add Kare

Blog Me Code Box Kaise Add Kare

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

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

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 करना है

<p class="code">Your Code Text Paste</p>
  • अब आपको अपनी 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 देने की पुरी कोसीस करुंगा

आप Blogger Post में Code Box लगाने के लिए आप हमारा यह Video देख सकते है और Video पसंद आये तो चैनल को SUBSCRIBE  जरुर करे

जरुर पढें : 

मुझे आशा है कि आपको Blog Me Code Box Kaise Add Kare इसके बारे में जानकारी आपको हमारे आर्टिकल से मिल गई होगी

यदि आपके मन में कोई सवाल है तो Comment करके जरूर बताएं में उसका जवाब देने की पुरी कोशिश करुंगा और आपको हमारा यह पोस्ट केसा लगा यह भी Comment करके बताना मेरा आप लोगों से Request है कि

यदि आपको मेरा यह पोस्ट अच्छा लगा है और इससे आपको कुछ जानने को मिला है और लगता है यह जानकारी अन्य लोगों को भी मिलनी चाहिए है तो इसे आप Social Media पर जरुर Share कीजिये जिससे इसकी जानकारी और भी लोगों को और वो भी जान सके कि Post Me Code Box Kaise Add Kare

7 thoughts on “Blog Me Code Box Kaise Add Kare | Post Me Code Box Kaise Add Kare”

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

    Reply

Leave a Comment