Blogger में Code Box कैसे लगाते हैं? Stylish Script Box In Blogger

Post a Comment

Blogger Me Code Box Kaise Lagate Hain | Code Box | HTML Code Box

नमस्कार दोस्तों, हिंदी टेक बुक में आपका स्वागत है। आज हम बात करने वाले हैं कि Blogger Me Code Box Kaise Lagate Hain? यदि आप एक नए ब्लॉगर हैं और किसी ऐसी Niche पर Blog बनाकर Online Earning करना चाहते हैं, जिसमे आप यूजर्स को किसी टाइप का Code या Scripts प्रोवाइड करते हों तो आप Confuse हो जाते हैं कि मैं स्क्रिप्ट या कोड को किस तरह से Show करूं।

इस पोस्ट में हम आपकी समस्या का हल लेकर आए हैं, जिससे आप एक Simple Code का इस्तेमाल करके अपने ब्लॉग पोस्ट में एक अच्छा सा Code Box बना सकते हैं। जिसके अंदर आप अपनी स्क्रिप्ट या कोड को रख सकते हैं। यह देखने में यूजर्स के लिए Attractive और Easy लगेगा। तो चलिए शुरू करते हैं कि Blogger Blog Me Code Box Kaise Banate Hain हिंदी में


और पढ़ें:





Blogger Me Code Box Kyon Lagate Hain?
Blogger में Code Box कैसे लगाते हैं? Stylish Script Box In Blogger
Blogger में Code Box कैसे लगाते हैं? Stylish Script Box In Blogger

यदि आप Code Box के माध्यम से अपने यूजर्स को कोई स्क्रिप्ट या कोड Provide करते हैं तो इसकी वजह से यूजर्स आसानी से उन Codes को कॉपी कर सकते हैं। कोड बॉक्स के माध्यम से प्रोवाइड किया गया कोड, दिखने में User-Friendly होता है।

इससे यूजर को यह समझ में आ जाता है कि इस कोड का Starting Point और Ending Point कौन सा है। Users इन कोड को आसानी से पढ़ सकते हैं। इसलिए मैं यही Recommend करूंगा कि आप किसी भी स्क्रिप्ट को प्रोवाइड करने के लिए हमेशा कोड बॉक्स का ही इस्तेमाल करें।

यह भी पढ़ें:




Blogger Post Me Code Box Kaise Lagaye?

यदि आप एक Wordpress User तो आप किसी भी Plugin का यूज करके अपने ब्लॉग में कोड बॉक्स को बहुत ही आसानी से लगा पाते हैं। लेकिन इसी कोड बॉक्स को ब्लॉगर में लगाने के लिए कोई भी प्लगइन उपलब्ध नहीं होता है। इसके लिए आपको CSS और जावास्क्रिप्ट की जरूरत पड़ती है। जिनको आप ब्लॉगर के टेंप्लेट में इंस्टॉल करके अपने किसी भी ब्लॉग पोस्ट के लिए एक अच्छा सा कोड बॉक्स Easily बना सकते हैं।

इस पोस्ट को ध्यान से पढ़ें ताकि आप अपने ब्लॉग में आसानी से Code Box लगा पाएं। तो चलिए हम विस्तार से जानते हैं कि Blog Post में Code Box किस तरह लगाएं?


Blogger Post Me code Box Lagane Ka Tarika

यदि आप अपने ब्लॉग पोस्ट में Code Box लगाना चाहते हैं तो इसके लिए दो तरीके हैं। इनमें से आप किसी भी तरीके का यूज कर सकते हैं। चलिए हम ब्लॉगर पोस्ट में Code Box लगाने का तरीका स्टेप बाय स्टेप जानने की कोशिश करते हैं।

1. Blogger Post Me Code Box Lagane Ka Tarika Using Blogger Theme

Step1. ब्लॉग पोस्ट में कोड बॉक्स लगाने के लिए सबसे पहले Blogger के डैशबोर्ड में जाएं। इसके बाद Theme के ऑप्शन पर क्लिक करें।

Click On Theme
Click On Theme


Step2. अब कस्टमाइज बटन के नीचे ड्रॉप डाउन बटन पर क्लिक करें।

Click On Dropdown Arrow
Click On Dropdown Arrow


Step3. इसके बाद Edit HTML पर क्लिक करें। Edit HTML पर क्लिक करने से पहले टेंपलेट का बैकअप लेना न भूलें।

Click On Edit HTML
Click On Edit HTML


Step4. अब आपके सामने ब्लॉगर टेंप्लेट एडीटर ओपन होगा। जिसमें आपको ]]></b:skin> को सर्च करना है।

Paste Your CSS Code Above Skin
Paste Your CSS Code Above Skin


Step5. ]]></b:skin> सर्च करने के बाद नीचे दिए गए CSS Code को कॉपी करें और ]]></b:skin> के जस्ट ऊपर पेस्ट कर दें।


Step6. अब 3 Dots पर क्लिक करके टेंपलेट को Save कर लें।

Step7. इसके बाद आप ब्लॉगर के डैशबोर्ड में जाएं और Posts के ऑप्शन पर क्लिक करें।

Click On Posts
Click On Posts

Step8. अब वह पोस्ट Open करें जिसमें आप कोड बॉक्स लगाना चाहते हैं। पोस्ट ओपन होने के बाद Pencil के Icon पर क्लिक करके HTML View को Select करें।

Click On HTML View
Click On HTML View

Step9. अब नीचे दिए गए Code को कॉपी करें और उस पोस्ट में आप जिस जगह पर Code Box लगाना चाहते हैं, वहां पर Paste करके पोस्ट को Save कर लें।


Step10. आप जिस कोड को Codebox में रखना चाहते हैं उस कोड से Paste Your Code Here को Replace कर लें।

Blogger Post Me Code Box Lagane Ka Tarika Using Post Editor

यदि आप ब्लॉगर टेंप्लेट को Edit नहीं करना चाहते हैं तो आपके लिए एक आसान सा उपाय है। इसके लिए ब्लॉगर डैशबोर्ड में जाएं और उस पोस्ट को HTML View में ओपन करें जिसमें आप कोड बॉक्स लगाना चाहते हैं।

इसके बाद नीचे दिया गया कोड कॉपी करें और अपने पोस्ट के HTML View  में उस जगह पर पेस्ट करें जहां पर आपको कोड बॉक्स लगाना है। इसके बाद पोस्ट को save कर लें।

<div><textarea rows="5" cols="40"
style="border:5px solid red; width: 100%; border-radius: 1px 35px 1px 35px;"
onClick=select() readonly>Paste Your Code Here</textarea></div>

आप जिस कोड को Codebox में रखना चाहते हैं उस कोड से Paste Your Code Here को Replace कर लें। अब आपके ब्लॉग पोस्ट में कोड बॉक्स Successfully Add हो गया है।

और पढ़ें:

Blogger Url Me Se M=1 Ko Kaise Hataye

Better Blog Post Likhne Ki 7 Secret Tips

Blog Ko Google Mein Jaldi Se Rank Kaise Karaye

Blogger Me HTML Sitemap Page Kaise Banaye Step By Step Guide

Blogger Mein Recent Post Widget Kaise Lagaye Hindi Me Full Guide


Conclusion

आज के पोस्ट में हमने यह सीखा कि Blogger Me Code Box Kaise Lagate Hain? जिसकी मदद से आप ब्लॉगर में कोड बॉक्स को आसानी से लगा पाएंगे। यदि आपको यह पोस्ट पसंद आई हो तो सोशल मीडिया पर अपने दोस्तों के साथ शेयर जरूर करें। इस पोस्ट के बारे में आप अपनी राय कमेंट कर सकते हैं। ब्लॉगिंग या Tech-Related किसी भी प्रकार की क्वेरी को आप कमेंट में पूछ सकते हैं।

धन्यवाद!

Related Posts

Post a Comment