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

दोस्तों आज मैं आपको बताने वाला हुं कि Blogger Blog Post Me Code Box Kaise लगाते है। आप Blogging के Related Post लिखते है और आपकी website या ब्लॉग blogger पर है तो आपको 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 Me Code Box Kaise Add Kare.

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

Blog post में Code box add करने के 2 तरीके है।जिनमें आप Simple code box व Stylish code box दोनों में से एक लगा सकते हैं।

अगर आपका ब्लॉग साधारण हे जैसा मेरा हे तो आप Simple code box add कर सकते हैं, अगर स्टाइलिश ब्लॉग हे तो Stylish code box add कर सकते हैं।

1.  Blog Post में Simple Code Box लगाना

Simple code box बहुत आसान है इसके लिए अपने blogger के post में जाना होगा और Html पर क्लिक करना होगा फिर जहां भी कोड लगाना उस जहग को चुनें व नीचे दिया हुआ Code copy करके Code paste कर दें। व अपना कोड उस कोड के अंदर डाल दें। पूरा Process नीचे Screenshorts के माध्यम से बताया गया है।

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

सबसे पहले यह कोड कॉपी कर लीजिए।

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

Blogger में जाकर अपना ब्लॉग खोलिए।

अब जिस पोस्ट में कोड लगाना है उसे Edit कीजिए व Html सेशन में जाइए।

अब जिस जगह पर कोड डालना हे उस जगह को Select करिए व इस कोड को कॉपी करके उस जगह पर पेस्ट कर दें व "Paste Your Code" की जगह पर अपना कोड डाल दें व Save कर लें।

2.  Style Code Box Blog Post Me Kaise Use Kare? in Hindi

Step 1:

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

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

अब blogger.com website पर जाइए और log in कीजिए।अपने Blog के dashboard में जाइए और Theme section में जाकर Edit HTML पर click कीजिए।


अब ]]></b:skin> search कीजिए और ]]></b:skin> के नीचे कॉपी किया code paste कर दीजिए।अब Save पर click कीजिए।

Step 2:

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


Last words:

दोस्तोंअगर आपको कोडिंग की थोडी-बहुत नॉलेज है, तो आप आसानी से Blogger code box add कर सकते हैं अगर कोडिंग की नॉलेज नहीं भी हे तो भी मैंने Scree Screenshots लगाए हे जिनकी मदद से आपका काम आसान हो जाएगा फिर भी कोई परेशानी आए तो कमेंट करके जरुर बताएँ मैं आपका दोस्त आपकी मदद के लिए हमेशा तैयार हूँ।

• Tweet
• Share
• Share
• Share
• Share