आज की इस पोस्ट में आपको ब्लॉग पोस्ट में Code Boxकैसे लगाते है इसके बारे में बताने वाला हूँ क्योकि अगर आप 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 लगा सकते है तो चलिए जानते है ।
ब्लॉग के पोस्ट में Code Box कैसे लगाये
हम यहाँ आपको 2 प्रकार के Code Box के बारे में बताने वाले है ।
- Simple Code Box
- Style Code Box
आपको ऊपर दिए गए Code Box में से जो भी Code Box का उपयोग करना है वो कर सकते है लेकिन चलिए जानते है के इन दोनो Code Box के बारे में इन्हें कैसे इस्तेमाल करतें है ।
1. Simple Code Box
Simple Code Box लगाना बहुत ही आसान है ।
सबसे पहले आप नीचे दिए गए कोड को कॉपी कर ले...
<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 में बताया है वैसे
- अब आपको अपनी पोस्ट में जहां पर 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 हो गया है आप नीचे Photo में देख सकते है ।
- अब आपको 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 :
- अब आपको अपने Blog के Dashboard में जाना है और Theme पर Click करना है
- उसके बाद आपको Edit HTML पर Click करना है ।
- अब आपको कहीं भी Click कर लेना है और CTRL+F दलाना है जिससे Search Box Open हो जाएगा
- उसके बाद आपको Search Box में ]]></b:skin> यह Search करना है ।
- अब आपको ]]></b:skin> के बिल्कुल ऊपर Step 1 में दिया गया Code Paste करना है नीचे दिखाएं गए Photo कि तरह
- Paste करने के बाद आपको Theme को Save कर लेना है ।
Step 3 :
- अब आपको नीचे दिए गए कोड को कॉपी कर लेना है और
जैसे हमने 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 देने की पुरी कोशिश करुंगा ।