Blog Post Me Code Box Kaise Add Kare?

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>

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

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

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

इन्हें भी पढ़े –

☛ Blog Me Social Media Follow Button Kaise Add Kare?
☛ Blogger Ki Har Post Me Author Profile Box Kaise Lagaye

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 कीजिए |

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

इन्हें भी पढ़े –

☛ How To Remove URL ?m=1 In Blogger In Hindi.
☛ Blog Ke Image Ko Optimization Kaise Kare

Conclusion –