दोस्तों क्या आप अपने Blogger Blog Post में Code Box Add करना चाहते हैं तो आप बिल्कुल सही article पढ़ रहे हैं क्योंकि हम इस लेख में आपको बताएंगे कि How to Add Code Box in Blogger Post?
यदि आप Blogger platform का उपयोग करने वाले Blogger हैं तो कुछ ऐसे तरीके हैं जिनका इस्तेमाल कर आप अपने Blogger Blog Post में Code Box Add कर सकते हैं।
यदि आप अपने blog reader के साथ code snippets share करना चाहते हैं तो Blogger Blog Post में Code Box Add करना बहुत ही उपयोगी होता है।
Blogger Blog Post में Code Box Add क्यों करना चाहिए?
अगर आप अपने ब्लॉग पोस्ट में blog reader के साथ किसी भी प्रकार का कोड (जैसे Html, Javascript, CSS) शेयर करते हैं तो यह आवश्यक हो जाता है कि आप अपने ब्लॉग पोस्ट में Code Box अवश्य add करें।
क्योंकि अगर आप code box का इस्तेमाल नहीं करते हैं तो blog reader को यह पता नहीं चल पाएगा कि कौन सा code है और कौन सा text और अगर code को user copy करना चाहेगा तो वह उस कोड को आसानी से copy नहीं कर पाएगा।
लेकिन अगर आप अपने ब्लॉग पोस्ट में कोड बॉक्स ऐड करते हैं तो जो भी Html, Javascript और CSS code आप यूजर के साथ शेयर करेंगे वह एक बॉक्स में दिखाई देगा। जिसे यूजर आसानी से कॉपी कर पाएगा इसलिए आपको अपने blog पोस्ट में किसी भी कोड को हमेशा code box में हीं देना चाहिए।
Blogger Blog Post में Code Box Add करने से यूजर पर भी सकारात्मक प्रभाव पड़ता है क्योंकि आपका blog प्रोफेशनल दिखाई देता है।
Blogger Blog Post में Code Box Add कैसे करें? ( How to Add Code Box in Blogger Post )
ब्लॉगर ब्लॉग पोस्ट में कोड बॉक्स ऐड करना बहुत ही असान है। यहां पर हम आपको कुछ तरीके बताने वाले हैं जिनका इस्तेमाल कर आप आसानी से अपने पोस्ट में कोड बॉक्स ऐड कर सकते हैं।
सबसे पहले हम आपको एक आसान तरीका बताने वाले हैं जिसका इस्तेमाल कर आप आसानी से कोड बॉक्स को ब्लॉगर पोस्ट में ऐड कर सकते हैं इसके लिए नीचे दिए गए स्टेप्स को फॉलो करें।
Method 1:- Simple Method to Add Code Box in Blogger Post
यहां पर Source code के नीचे बने बॉक्स में वह code पेस्ट करें जो आप अपने ब्लॉगर ब्लॉग पोस्ट में शेयर करना चाहते हैं।
इसके बाद Highlight के बटन पर क्लिक करें।
अब एक नया code create हो जाएगा जिसे आपको html के नीचे बने बॉक्स से copy कर लेना है और ध्यान में रखें कि आपको पूरा html code copy करना है।
अब आपको ब्लॉगर में उस पोस्ट को post editor में open कर लेना है जिस पोस्ट में आप code add करना चाहते हैं।
अब लेफ्ट साइड में pencil के आइकन पर क्लिक कर post को Html View में open कर लेना है।
अब जिस जगह पर आप code box अपने पोस्ट में दिखाना चाहते हैं उस जगह पर कॉपी किए हुए एचटीएमएल कोड को पेस्ट कर देना है।
अब आपको फिर से पेंसिल के आइकन पर क्लिक करना है और Compose view में switch कर लेना है।
अब आप देख पाएंगे कि आपके ब्लॉग पोस्ट में एक code box add हो चुका है और उसमें वह कोड भी आ चुका होगा जिसे आप अपने blogger blog पोस्ट में शेयर करना चाहते थे।
अब कोई भी आपके ब्लॉग पोस्ट पर आने वाला यूजर इस कोड को आसानी से कॉपी कर पाएगा।
Method 2:- Use HTML Code to Add Code Box in Blogger Post
जो तरीका अब हम आपको बताने वाले हैं यह भी बहुत ही आसान है इसमें आपको केवल अपने ब्लॉक पोस्ट एडिटर में एक कोड ऐड करना है और आपके ब्लॉग पोस्ट में कोड बॉक्स ऐड हो जाएगा।
सबसे पहले Blogger Dashboard में login करें।
इसके बाद उस पोस्ट पर जाएं जिस पोस्ट में आप कोड बॉक्स ऐड करना चाहते हैं।
अब पोस्ट एडिटर को HTML View में switch करें और जहां पर आप code box ऐड करना चाहते हैं नीचे दिए गए HTML Code को वहां पर पेस्ट कर दें।
अब पोस्ट को पब्लिश कर दें या preview button पर क्लिक करके आप देख सकते हैं कि एक बहुत ही सुंदर code box आपके पोस्ट में जुड़ चुका होगा।
दोस्तों इस प्रकार से आप ऊपर दिए गए तीनों मेथड का इस्तेमाल कर अपने ब्लॉगर ब्लॉग पोस्ट में code बॉक्स जोड़ सकते हैं।
आज आपने क्या सीखा?
आज के इस लेख में हमने आपको बताया है कि how to add code box in blogger post. अगर आप भी अपने ब्लॉगर ब्लॉग पोस्ट में कोड बॉक्स ऐड करना चाहते हैं तो हम उम्मीद करते हैं कि आपको यह लेख पसंद आया होगा।
अगर आपको यह लेख पसंद आया हो तो इसे अपने दोस्तों के साथ शेयर करें और उन्हें भी बताएं कि blogger blog post में code box कैसे add करते हैं।
अगर आपको कोड बॉक्स add करने में किसी भी प्रकार की दिक्कत का सामना करना पड़ रहा है तो आप हमें कमेंट बॉक्स में कमेंट कर सकते हैं हमें आपकी सहायता करने में खुशी होगी।
Kuljinder Singh जो कि इस website का owner है haryana में एक छोटे से विलेज gledwa से है जो kurukshetra का पास पड़ता है। लाइफ मे कुछ कर गुजरने कि चाहत लेकर 2020 मे reliance jio कि job छोड़कर Blogging को ही अपना carrier बनाया। Read More Click Here
All material appearing on the {inhindiblog.com} website ("content") is protected by copyright under U.S. Copyright laws and is the property of {inhindiblog.com}. You may not copy, reproduce, distribute, publish, display, perform, modify, create derivative works, transmit, or in any way exploit any such content, nor may you distribute any part of this content over any network, including a local area network, sell or offer it for sale, or use such content to construct any kind of database.
