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 में जाके इस code को Paste करदेना है
सबसे पहले नीचे👇👇 दिऐ गए code को copy करले
<form><textarea rows="5" cols="40" onClick=select() readonly>Your Code Text Paste.</textarea></form>
- आपको जिस blog post में code box add करना है उस पोस्ट में जाके HTML पर Click करें
- अब आपको अपनी पोस्ट में जहां पर code box लगाना है वहां ये code paste कर दीजिए
- "Your Code Text Paste" की जगह अपना Code Paste कर दिजिए
2. Style Code Box
Style Code Box में आप अपने visitors को आसानी से समझाने के लिए अपने code को कुछ शब्दों को Color करके समझा सकते जेसे मेने ऊपर दिए गए code में आपको समझाने के लिए "Your Code Text Paste" को color किया है चलिए अब जानते है की Style Code Box कैसे लगाएं
Step 1 :
सबसे पहले आपको नीचे 👇👇दिए गए Code को Copy कर लेना
/* css Code Box of hindiuser.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; }
- अब आपको अपने Blog के Dashboard में जाके Theme पर Click करना है
- Theme पर click करने के बाद आपको edit html पर click करना है
- अब कही भी click कर लेना है
- Click करने के बाद आपको CTRL+F Keyboard Button दबाइए जिससे search box open हो जाएगा और search box में ]]></b:skin> search कीजिए कि जगह।
- अब आपको ]]></b:skin> इस Code के ऊपर copy किया हुआ code Paste कर देना है बिल्कुल ऊपर दिखाई गए photo की तरह
- अब आपको save theme पर click करके theme save कर लेना है
Step 2 :
आपको नीचे 👇👇 दिए गए Code को copy करना है
<div class="code">Your Code Text Paste</div>
- अब आपको अपनी blog post में जाना है।
- अब आपको जहां पर code box add करना है वहा पर ये code add कर दिजिए
- "Your Code Text Paste" की जगह अपना Code Paste कर दिजिए
आप Blogger Post में Code Box लगाने के लिए आप हमारा यह Video देख सकते है और Video पसंद आये तो चैनल को SUBSCRIBE जरुर करे
जरुर पढें : 👇👇👇
- Free Blog और Website कैसे बनाए
- Blog और Website से पैसे केसे कमाए? Blog और Website से पैसे कमाने के Top 7 तरीके
- Blogger Blog Ki Template Ko Change OR Upload Kaise Kare
- Blogger के लिए Best Template Download करने की Top 10 Websites
- Blogger Vs WordPress : Which is Better Platform In Hindi - हिन्दी में जानकारी
आखरी और Important बात इस आर्टिकल की
दोस्तों मुझे आशा है कि मेने आप लोगों को Blog Me Code Box Kaise Add Kare - Post Me Code Box Kaise Add Kare इसके बारे में पुरी जानकारी आपको हमारे आर्टिकल से मिल गई होगी आपको हमारा आर्टिकल अच्छा लगा है तो नीचे अपना Gmail ID डालकर हमारे Blog को अभी Subscribe करले जीसे मे कोई भी नई पोस्ट डालु इसकी Notification आपको सबसे पहले मिले
यदि आपको इस पोस्ट के सम्न्बंधित कोई भी प्रश्न आपके मन में है तो मुझे Comment Box में बताइए में उसका Solution देने की पुरी कोशिश करुंगा
यदि आपको मेरा यह पोस्ट अच्छा लगा है और इससे आपको कुछ सिखने को मिला है तो आप इसे Social Media जैसे कि WhatsApp, Facebook, Twitter, Massage, Telegram, Reddit, LinkedIn, और इत्यादि पर आग की तरह Share कीजिये जिससे अन्य Blogger को इसकी जानकारी मिले और वो भी अपने Blog Post में Code Box लगा सके. धन्यवाद!
"जय हिंद, वन्देमातरम"
आपकी Website बहुत अच्छी है। में ने आपकी Website को bookmark करके रखा है। आपके article भी काफी Useful है। Thanks for sharing very useful knowledge
ReplyDeleteThanks Mere Bhai
DeleteNice information
ReplyDeleteNice article sir...
ReplyDeleteThank You Sunny Sharma
DeleteThanks for the code bro
ReplyDeleteWelcome Niraj Kumar
DeletePost a comment