in ,

Blog Post Me Code Box Kaise Add Kare?

Blog Post Me Code Box Kaise Lagaye?

हेलो दोस्तों आज हम लोग इस ब्लॉग पोस्ट में जानेंगे कि आप Blog Post Me Code Box Kaise Add Kare? अगर आप ब्लॉगर पर ब्लॉगिंग करते हैं और आप अपने ब्लॉग पोस्ट में कोड बॉक्स ऐड करना चाहते हैं ताकि Visitors को कोड कॉपी करने में और समझने में तकलीफ ना हों |

WordPress पर  Plugin की मदद से आप कोड बॉक्स को ऐड कर सकते हैं लेकिन ब्लॉगर में आपको खुद से कोड बॉक्स को ऐड करना होता है | अगर आप किसी ब्लॉग पोस्ट में किसी भी कोड को बिना कोड बॉक्स के ऐड करते हैं तो आपके users को परेशानी हो सकती है | blogger ke blog post me code box ko add karne ka tarika बहुत ही आसान है | तो आइए जानते हैं कि Blogger ke blog post me code box kaise add kiya jata hai 

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

Blogger की Post में आप 2 तरह की Code Box लगा सकते है (1). Simple Code Box और (2). Style Code Box

तो आइए अब जानते है 2 तरह के code box के बारे में आपको यहाँ जो भी code box अच्छा लगे वो code box अपने blog में लगा सकते हैं |

1. Simple Code Box

Simple Code Box को लगाना बहुत ही आसान है इसके लिए आपको नीचे दिए गए code को copy करना और फिर blog post के html section में जाकर आप जहाँ चाहे इस कोड को paste करके लगा सकते हैं |

सबसे पहले नीचे 👇👇दिए गए code को copy कीजिए

Note- इस code को copy करने के लिए इस code में कहीं भी click करके इस code ऊपर में copy करने का बटन आएगा उस पर क्लिक करके code को copy कर सकते है |

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

Simple Code Box Blog Post में कैसे Add करें |

Blog Post Me Code Box Kaise Lagaye?

1. अब आप अपने Blog post में जाकर HTML Mode में Open कीजिए।

2. अब आप जहाँ पर भी code box add करना चाहते है वहाँ पर यह code paste कर दीजिए।

3. “Paste Your Code Text” की जगह अपना code add कर दीजिए।

2. Style Code Box

Step 1.

सबसे पहले नीचे दिए गए code को copy कीजिए |

Note- इस code को copy करने के लिए इस code में कहीं भी click करके इस code ऊपर में copy करने का बटन आएगा उस पर क्लिक करके code को copy कर सकते है |
/* css Code Box of techifyideas.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; }

1. अब आप Blogger.com website पर जाइए और log in कीजिए।

2. इसके बाद Blog के Dashboard में जाइए और Theme पर Click कीजिए |

3. Theme पर click करने के बाद आपको edit html पर click करना है |

4. आपके सामने एक code box open हो जाएगा अब आप इस code में कही भी click कीजिए।

5. Click करने के बाद आपको CTRL+F Keyboard Button दबाइए जिससे search box open हो जाएगा और उस  search box में ]]></b:skin> लिखकर search कीजिए |

Blog Post Me Code Box Kaise Lagaye?

6. अब आपको ]]></b:skin> इस Code के ऊपर आपको उस CSS code को Paste करना है जो आपने ऊपर से कॉपी किया था बिल्कुल ऊपर दिखाई गए photo की तरह |

7. अब आपको save theme पर click करके अपने theme को save कर लेना है |

Step 2.

सबसे पहले नीचे 👇👇दिए गए code को copy कीजिए |

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


1. अब आपको अपने Blog Post में जाना है और html में open करना है |

2. इसके बाद आपको जहाँ पर भी Code Box Add करना है वहाँ पर यह Code Add कर दीजिए |

3. “Paste Your Code Text” की जगह अपना Code Paste कर दिजिए |

अब आप Compose View में आकर अपने Blog Post को Publish कर सकते हैं |

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

Blog Post Me Code Box Kaise Lagaye?

अब आपके Blog के Post में Code Box Add‌ हो गया है | यदि आपको code box add करने में कोई भी problem होती है तो comment box में comment करके अपनी problem बताएं मैं उसका Solution देने की पुरी कोशिश करुंगा |

Conclusion

उम्मीद करता हूँ कि आपको Blog Post Me Code Box Kaise Add Kare? इसके बारे में पुरी जानकारी आपको हमारे आर्टिकल से मिल गई होगी। अगर आपका कोई Friend है और वो भी अपने Blog Post में Code Box Add करना चाहते है और उन्हें पता नहीं है की Blog Ke Post Me Code Box Kaise Add Karte hai तो आप ये स्टेप्स अपने Friend को बता सकते है और उनकी मदद कर सकते है।

अगर आप इससे सम्बन्धित कुछ पूछना चाहते हैं या फिर आपके पास कोई सुझाव है तो आप हमें Comment Box में बता सकते हैं | आगे भी ऐसी ही महत्वपूर्ण जानकारी प्राप्त करने के लिए बने रहे Techify ideas पर, धन्यवाद!

What do you think?

33 Points
Upvote Downvote

Written by Ravi Ranjan

Hello friends, मेरा नाम Ravi Ranjan हैं और मैं Blogging करने के साथ-साथ Youtuber भी हूँ | इस Blog में मैं Tech news, Blogging, SEO, Internet, Earn money, Job और Facebook जैसे अनेक Topic पर पोस्ट लिखता हूँ | blogger पर मेरा मेन मकसद है कि मैं आपको अच्छे से अच्छे जानकारी दूँ ताकि आप Technology के क्षेत्र में पीछे ना रहें |