Hello Blogger आज मैं आपको बताने वाला हूँ की blog post में code box add कैसे करते हैं क्युकी अगर आप अपने blog पर blog widget से related post करते हो तो आपको code box की knowledge होनी चाहिए इससे हमारे visitors को code copy करने और समझने में आसानी होती है तो चलिए जानते हैं की blog post में code box कैसे add करते हैं।
Blog Post में Code Box कैसे Add करते हैं?
यहाँ मैं आपको 2 तरह के code box के बारे में विस्तार से बताने वाला हूँ आपको जो अच्छा लगे आप उसे follow कर सकते हो।
- ये भी पढ़े :- Blogger में Colorful Label कैसे Use करते हैं
1. Simple Code Box
ये बहुत आसान है इसके लिए आपको बस ये code copy करना है और blog post के html section पर click कर के आप जहा चाहे paste कर सकते हैं।
Code copy कर लीजिए।
<form><textarea rows="5" cols="40" onClick=select() readonly>Your Text Here.</textarea></form>
Simple Code Box Blog Post में कैसे Use करें?
- Blog post जाइए और HTML पर select कीजिए।
- अब आपको जहा पर code box add करना है वहा ये code paste कर दीजिए।
- “Your Text Here” की जगह अपना code addकर दीजिए।
2. Style Code Box
Step 1
सबसे पहले ये code copy कर लीजिए।
/* css Code Box of supportmeindia.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; }
- अब blogger.com website पर जाइए और log in कीजिए।
- Blog के dashboard जाइए और अपने लिए अच्छी सी template select कर लीजिए।
- अब Edit HTML पर click कीजिए।
अब कही भी click कर दीजिए।
- अब CTRL+F keyboard button दबाइए और search box में ]]></b:skin> search कीजिए।
- ]]></b:skin> की जगह code paste कर दीजिए।
- अब Save पर click कीजिए।
Step 2
- अब blog post में जाइए और HTML select कर लीजिए।
- जहा आपको code add करना है वहा ये code add कर दीजिए।
- “Paste Your Code” की जगह पर अपना code add कर दीजिए।
अब आपके blog में code box add हो चूका है और अगर आपको अपने blog में कोड बॉक्स add करने में कोई problem होती है तो आप comment में अपनी problem मुझे बता सकते हैं।
- ये भी पढ़े :- Blogger Images में Pin It Hover Button कैसे Add करें
अगर आपका blogger या internet से related कोई सवाल है तो हमारे सवाल जवाब forum ask.https://www.supportmeindia.com में अपना सवाल पूछ सकते हैं।
I hope आपको ये post अच्छी लगी होगी अगर हाँ तो इस post को social media पर share जरुर करना।
