दोस्तों आज की इस पोस्ट में आपको Blog Post Me Code Box Kaise Lagaye इसके बारे में बताने वाला हु क्युकी अगर आप Blogging के Related पोस्ट लिखते हैं तो आपको कभी तो अपनी पोस्ट में Code को Add करना पड़ता है और Code Add करने के लिए Code Box कि जरुरत पड़ती है क्युकी अगर आप ऐसे ही Code को Post के बिच में डाल देते है तो Visitor को समझने में तकलीफ पड़ेगी और Code Copy करने में भी तकलीफ पड़ेगी और

अगर आपकी वेबसाइट WordPress पर है तो आप Plugin कि मदद से Code Box लगा सकते है लेकिन अगर आपकी वेबसाइट blogger.com पर है तो आपको Code Box लगाने के लिए कोई Plugin नहीं मिलेगा लेकिन निराश होने की जरूरत नहीं क्युकी आज में आपको बताने वाला हु कैसे आप blogger कि पोस्ट में बिना Plugin के Code Box Kaise Lagaye तो चलिए जानते है

Blog Post Me Code Box Kaise Lagaye

Blog Post Me Code Box Kaise Lagaye

हम यहा आपको 2 Type के Code Box बताने वाला हु
  1. Simple Code Box
  2. Style Code Box
आपको ऊपर दिए गए Code Box में से जो भी Code Box Use करना है वो कर सकते है लेकिन चलिए जानते है के इन दोनो Code Box के बारे में

1. Simple Code Box

Simple Code Box लगाना बहुत ही आसान है

सबसे पहले आप नीचे दिए गए Code को Copy कर ले
<form><textarea rows="5" cols="40" onClick=select() readonly>Your Code Text Paste.</textarea></form>
Simple Code Box पोस्ट में Add कैसे करें
  • सबसे पहले आपको जिस पोस्ट में Code Box लगाना है उस पोस्ट में आजाना है
  • उसके बाद आपको पेन्सिल(Pencil)✎ Icon पर Click करके HTML View पर Click करना है Photo में बताया है वैसे
Blogger Ki Post Me Code Box Kaise Add Kare
  • अब आपको अपनी पोस्ट में जहां पर Code Box लगाना है वहा यह Code Paste कर देना है और
  • "Your Code Text Paste" की जगह आपको जो Code अपने Code Box में Add करना है वो Code Add कर देना
  • अब आप < >  पर click करके Compose View पर Click करके देख सकते है कि 
Blogger Ki Post Me Code Box Kaise Lagaye
  • आपकी पोस्ट में Code Box लग गया है और आप Code Box में जो Code Add करना चाहते थे वो Add हो गया है आप नीचे Photo में देख सकते है
How To Add Code Box In Blogger Post In Hindi
  • अब आपको Save पर Click करके Publish कर देना है पोस्ट को

2. Style Code Box

Style Code Box में आप आसानी से Visitors को समझा सकते है कि आपने जो Code दिया है उसमें उसे क्या-क्या change करना है और उसकी जगह पर क्या लगाना है

Example : 

जैसे कि मेने आपको समझाने के लिए ऊपर दिए गए Simple Code Box के Code में "Your Code Text Paste" को Red Color का किया जिससे आप समझ गए कि आपको यहां पर अपना Code Paste करना जो आपको Code Box में लगाना है

आप नीचे दिए गए Steps को Follow करके Style Code Box लगा सकते है

Step 1 : सबसे पहले तो आपको नीचे दिए गए Code को Copy कर लेना है

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

Step 2 : 
  1. अब आपको अपने Blog के Dashboard में जाना है और Theme पर Click करना है
  2. उसके बाद आपको Edit HTML पर Click करना है
Blogger Me Code Box Kaise Lagaye
  • अब आपको कहीं भी Click कर लेना है और CTRL+F दलाना है जिससे Search Box Open हो जाएगा
  • उसके बाद आपको Search Box में ]]></b:skin> यह Search करना है
  • अब आपको ]]></b:skin> के बिल्कुल ऊपर Step 1 में दिया गया Code Paste करना है नीचे दिखाएं गए Photo कि तरह
  • Paste करने के बाद आपको Theme को Save कर लेना है
how to create code box in blogger

Step 3 :
  • अब आपको नीचे दिए गए Code को Copy कर लेना है और
<div class="code">Your Code Text Paste</div>
    जैसे हमने Simple Code Box के Code को Post में लगाया था वैसे ही Paste कर देना है
    • सबसे पहले आपको जिस पोस्ट में Code Box लगाना है उस पोस्ट में आजाना है
    • उसके बाद आपको पेन्सिल(Pencil) Icon पर Click करके HTML View पर Click करना है 
    • अब आपको अपनी पोस्ट में जहां पर Code Box लगाना है वहा यह Code Paste कर देना है और
    • "Your Code Text Paste" की जगह आपको जो Code अपने Code Box में Add करना है वो Code Add कर देना
    • अब आप < > पर click करके Compose View पर Click करके देख सकते है कि आपकी पोस्ट में Code Box लग गया है और आप Code Box में जो Code Add करना चाहते थे वो Add हो गया है
    • अब आपको Save पर Click करके Publish कर देना है पोस्ट को

    अगर आप Mobile से Blogging कर रहे और HTML को Edit करने में आपको तकलीफ पड़ रही है तो आप नीचे दिए गए Download Button पर Click करके App को Download कर सकते है और आसानी अपने Mobile से HTML Edit कर सकते है


    आपको Code Box Add करने में कोई तकलीफ पड़ती है तो आप मुझे Comment Box में Comment करके बताएं में उसका Solution देने की पुरी कोशिश करुंगा

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

    यह जरूर पढ़े :-

    Blog Post Me Code Box Kaise Use Kare 

    दोस्तों मुझे आशा है कि Blog Post Me Code Box Kaise Lagaye इसके बारे में पुरी जानकारी आपको हमारे आर्टिकल से मिल गई होगी। फिर भी अगर आपको इसके संबंधित कोई भी जानकारी चाहिए तो आप मुझे नीचे Comment Box में पुछ सकते है जितना हो सके इतनी मे आपको Help करने की पुरी कोशिश करुंगा। अगर आपको हमारा यह आर्टिकल अच्छा लगा है तो उसे आप Social Media पर Share करे अपने दोस्तों और अन्य लोगों के साथ जिससे इसके बारे में और भी लोगों को पता चले और वो भी जान सके Blogger Me Code Box Kaise Lagaye

    चलिए मिलते है ऐसी ही एक Interesting Post के साथ तब तक के लिए आप हमारे Email Newsletter मे अपनी Email डालके हमारे Newsletter के सदस्य बन जाएं जिससे आपको हमारे New Post की Notification हम आपको Email के द्वारा दे सके धन्यवाद!

    हमे Social Media पर जरुर Follow करे में वहां पर बहुत सारी छोटी छोटी जानकारी देता हूं जो मे ब्लॉग पर नहीं दे सकता और आप हमे Social Media पर सवाल भी पुछ सकते है में आपको वहा जल्द ही Reply दुंगा

    आप हमे नीचे दिए गए Social Media के नाम पर Click करके हमें उस Social Media पर Follow कर सकते है

    Post a Comment

    Previous Post Next Post