दोस्तों आज की इस पोस्ट में आपको 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 तो चलिए जानते है
Contents
Blog Post Me Code Box Kaise Lagaye
हम यहा आपको 2 Type के Code Box बताने वाला हु
- Simple Code Box
- 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 में बताया है वैसे
- अब आपको अपनी पोस्ट में जहां पर 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 :
- अब आपको नीचे दिए गए Code को Copy कर लेना है और
<p class="code">Your Code Text Paste</p>
जैसे हमने 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 देने की पुरी कोशिश करुंगा
यह जरूर पढ़े :-
- फ्री में Blog Website कैसे बनाएं?
- Blogging से पैसे कैसे कमाएं?
- SEO Friendly Blog Post कैसे लिखें
- SEO क्या है और कैसे करते है
- Google AdSense क्या है और कैसे काम करता है?
- Backlink क्या है और High Quality Backlinks कैसे बनाएं?
- Robots.txt File क्या है और Robots.txt File कैसे बनाएं
- अपने Blog पर Traffic कैसे बढ़ाएं?
- Domain Name क्या है और Domain Name कितने प्रकार के होते है?
- Domain Name कैसे खरीदें? (GoDaddy, Bigrock और Namecheap) से
- Best Free Keyword Research Tool
- Blogging क्या है और Blog क्या है
- Google Adsense Account Approval Trick
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