How To Add Code Box In Blog Post In Hindi

How To Add Code Box In Blogger Post In Hindi

हेलो दोस्तो आज मैं आपको बताने वाला हु की Blog पोस्ट में Code बॉक्स कैसे Add किये जाते हैं। इस Code Box को अपने Blog पोस्ट में लगाने से ये फायदा होता यह होता है कि अगर Blog Widget जैसे कोई भी पोस्ट लिखते है, तो आपको Code बॉक्स की जरूरत होती है जिससे Visitor को Code Copy करने में आसानी हो तो चलिए चलते हैं,अपने टॉपिक की ओर

Blog Post Me Code Box Kaise Lagate Hai

यहा पर मैं आपको Code Box के  दो तरीके बताने वाला  इसमे से आपको जो भी अच्छा लगे उसे आप Use कर सकते हैं।

यह भी पढ़े :-

■ Backlink Kya Hai High Quality Backlink Kais Banaye

1. Simple And Easy Code Box

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

ये बहुत आसान है इसके लिए बस आपको ये कोड Copy करना है। और Blog पोस्ट में HTML Section में जाकर इस कोड को आप जहा लगाना चाहते है वहाँ Paste कर दे।

1. Blogger के पोस्ट में जाये उसको Edit करे  और HTML पर Click कर दे।
2. अब आपको जहा पर Code Box Add करना है वह पर ये Code पेस्ट कर दे।
3. इसके बाद "Paste Your Code Here" की जगह अपना कोड  डाल देना है।

यह भी पढ़े :-

■ Blog Banane Ke Bad Google Adsense Ke Liye Kab Aur Kaise Apply Kare


2. Stylish And Css Code Box

How To Add Code Box In Blog Post In Hindi

ये Code Box काफी बढ़िया है और दिखने में भी इसका Look काफी अच्छा है। सबसे पहले आप नीचे दिए गए Code को Copy करे।

body ::selection {background:#eafdb7;color:#000;} .code { background: #A9A9A9; background-repeat:no-repeat; border: solid #FF1493; border-width: 1px 1px 1px 20px; color: #00008B; font: 16px ‘Georgia’, Times, serif; line-height: 20px; margin: 10px 0 10px 10px; max-height: 200px; min-height: 25px; overflow: auto; padding: 30px 16px 16px; width: 90%; } .code:hover { background-repeat:no-repeat; }

1. अब Blogger.Com में आपको लॉगिन होना है लॉगिन होने के बाद कुछ ऐसा पेज आपको देखने को मिलेगा।
2. अब आपको Theme  वाले ऑप्शन पर क्लिक कर देना है इसके बाद Edit HTML पर क्लिक कर देना है।

यह भी पढ़े :-

■ Top 10 Keyword Research Tool Blogger Ke Liye

3. अब आपको करना यह है कि अपने Computer में CTRL+F  दबाये अब आपके सामने एक Search Box Open हो जाएगा।

4.अब Search Box में आपको ]]></b:skin> ये लिखकर Enter पर Click कर देना है।
5. अब आपको ]]></b:skin> के ठीक ऊपर कॉपी किया गया कोड को पेस्ट कर देना है। और Save पर Click कर देना है।

How To Add Code Box In Blog Post In Hindi

यह भी पढ़े :-

■ Blogger Me Contact Us Page Kaise Banaye



6.  अब आपको Blogger पोस्ट में आना है और उस पोस्ट को Edit करना है और इस नीचे दिए गए Code को Copy करना है। और Paste Code Here की जगह अपना Code डाल देना है।

<div class="code">Paste Your Code Here</div>

तो आप सिख चुके है Blog Post Ke Bich Me Code Box Kaise Lagate Hai अब आपके Blog Post में Code Box Add हो चुका है। अगर आपको अपने Blogger में  Code Box Add करते वक़्त कोई Problem आ रहा है तो आप सीधे Comment Box में आकर बताये।