blogger blog me code box kaise add kare

मित्रो यदि आपका ब्लॉग ब्लागस्पोट पर बना हुआ है और आप अपने ब्लॉग पर कोडिंग से रिलेटेड कोई ब्लाग पोस्ट पब्लिश करते है तो ऐसे में आपको ब्लाग पोस्ट में  एचटीएमएल कोड का ही प्रयोग करना चाहिए।  क्योकि यदि आप किसी कोड को सीधा ही ब्लॉग पोस्ट में एड कर देते है। तो ऐसे में विजिटर को आपके ब्लाग या वेबसाइट बहुत समस्या होता है।  जिससे उसे यह समझ में नहीं आता है की कौन सा कोड है और किसे कापी करना है। यही नही इससे आपके ब्लाग पोस्ट की बनावट भी खराब हो सकती है। यही वजह होता है कि हमे हमेशा किसी भी कोडंग को कोड बाक्स में ही एड करके शेयर करना चाहिए।  क्योकि इससे आपका कोड आपकी ब्लॉग पोस्ट से बिल्कुल अलग प्रदर्शित होता है। जिससे आपके ब्लॉग के विजिटर को कोड कापी करने में आसानी होता है।  इसी के साथ आपका ब्लाग या वेबसाइट एकदम से प्रोफेशन लुक मिलता है। और ब्लॉग का डिजाईन भी अच्छा हो जाता है। 

तो मित्रो आज हम आप लोगो को ब्लॉग में स्क्रॉलिंग कोड बॉक्स एड करने की विस्तार पूर्वक जानकारी देने जा रहे है। हम आप लोगो को दो प्रकार की स्क्रॉलिंग कोड बॉक्स एड करने की जानकारी उपलब्ध करायेगे। 

स्टाईल  डिजाइन संख्या-01

ब्लॉगर ब्लॉग में स्क्रॉलिंग कोड बॉक्स कैसे ऐड करें ?

मित्रो ब्लाग या वेबसाइट में यदि आप ब्लाग में स्क्रॉलिंग कोड बॉक्स एड करना चाहते है तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा। जिससे आपको ब्लाग या वेबसाइट में ब्लाग में स्क्रॉलिंग कोड बॉक्स लगाने में आसानी हो सके। 

स्टेप संख्या -01

यदि आप ब्लॉगर ब्लॉग में स्क्रॉलिंग कोड बॉक्स के कोड को वायरस मुक्त कापी करना चाहते है। तो इसके लिए आप  डाउनलोड बाटम पर क्लिक कर ब्लॉगर ब्लॉग में स्क्रॉलिंग कोड बॉक्स  के कोड को डाउनलोड कर ले। 

• [[ स्क्रॉलिंग कोड बॉक्स डाउनलोड करें ]]

स्टेप-02

• सबसे पहले आप ब्लागर डेशबोर्ड में लागिंन करे। 
• अब आप Theme पर क्लिक करे। 
• अब आप Customize पर क्लिक करे। 
• अब आप EDIT HTML  पर क्लिक करे इसके बाद एक नया पप अप विंडो ओपन होगा ।

नोट -इसके बाद अब आपके सामने टेम्पलेट का सभी कोड ओपेन हो जायेगा,जिसे आप आसानी के साथ एडिट कर सकते है। 

स्टेप-संख्या-03

सबसे पहले आप नीचे दिये गये  ब्लॉगर ब्लॉग में स्क्रॉलिंग कोड बॉक्स के कोड को ]]> </b: skin>  में लगाने के लिए कापी पेस्ट कर ले । 

textarea { white-space: pre; overflow-wrap: normal; overflow-x: scroll; width: 100%; height: 80px; padding: 12px 20px; box-sizing: border-box; border: 2px solid #0B2DEC; border-radius: 4px; background-color: #ABEBC6; resize: none; font-size:14px; }  

• अब Search Box में (CTRL + F)  दबाकर आप ]]> </b: skin> tag  को सर्च करें ।
• अंत में मार्कअप की लाइन का अनुसरण करें और इसे ]]> </b: skin> के ठीक ऊपर पेस्ट करें ।
• इसके बाद अब आपको save template पर क्लिक करके सुरक्षित सेव कर लेना है। 

ब्लागर पोस्ट में कोड बाक्स को कैसे SHOW करते है ?

01- आपको जिस भी पोस्ट में कोड बाक्स लगाना है उसमें पोस्ट को लिखते समय एचटीएमएल ( HTML ) पर क्लिक करे।

02- इसके बाद आप इसे <textarea readonly=>Your code here</textarea>  अपनी पोस्ट में पेस्ट कर दीजिए जहां आपको अपना कोड ( code) प्रदर्शित करना है।

इसके बाद अब आप Compose पर क्लिक करके देख सकते है की एक Stylish Code Box Blog Post में सुरक्षित Add हो चुका है,अब आप ब्लॉग पोस्ट को पब्लिश कर सकते है।

स्टाईल  डिजाइन संख्या-02

ब्लॉगर  में स्क्रॉलिंग कोड बॉक्स कैसे ऐड करें ?

मित्रो ब्लाग या वेबसाइट में यदि आप ब्लाग में स्क्रॉलिंग कोड बॉक्स एड करना चाहते है तो आपको इसके लिए दिये गये स्टेप को फालो करना होगा। जिससे आपको ब्लाग या वेबसाइट में ब्लाग में स्क्रॉलिंग कोड बॉक्स लगाने में आसानी हो सके। 

स्टेप-संख्या-01

यदि आप ब्लॉगर ब्लॉग में स्क्रॉलिंग कोड बॉक्स के कोड को वायरस मुक्त कापी करना चाहते है। तो इसके लिए आप  डाउनलोड बाटम पर क्लिक कर ब्लॉगर ब्लॉग में स्क्रॉलिंग कोड बॉक्स  के कोड को डाउनलोड कर ले। 

• [ SCROLLING CODE BOX- DOWNLOAD ]

स्टेप-संख्या-02

इसके लिए आप सबसे पहले ब्लागर ब्लाग के डेशर्बोड में ईमेल पासवर्ड सबमिट कर लागिंन करे।

ब्लागर ब्लाग में लागिंन करने के बाद अब आप जिस पोस्ट में कोड बाक्स एड करना चाहते है उसे आप एडिट करे। परन्तु यदि आप किसी नये पोस्ट में कोड बाक्स एड करना चाहते है। तो आप उसके लिए न्यू पोस्ट लिखे और जहां आपको कोड बाक्स की जरूरत महसूस हो उस जगह आप HTML एचटीएमएल पर क्लिक करे जिससे आपके ब्लाग पोस्ट की सभी कोडिंग ओपेन हो जाये।

इसके बाद अब आप Compose पर क्लिक करके देख सकते है की एक Stylish Code Box Blog Post में सुरक्षित Add हो चुका है,अब आप ब्लॉग पोस्ट को पब्लिश कर सकते है।

मित्रों अब आप कोड बॉक्स के द्वारा आप आसानी से अपने ब्लॉग के विजिटर के साथ ब्लॉग पोस्ट के रूप में Css Coding,Java script आदि प्रकार की Coding आसानी से Share कर सकते है। इससे आपके ब्लॉग के विजिटर आसानी से कोड  को कापी  भी कर सकेगे.और इससे उनको ब्लॉग पोस्ट पढने में कोई परेशानी भी नहीं होगी। क्योकि यदि हम बिना किसी कोड बॉक्स के Coding Share करते है तो विजिटर को ब्लॉग पोस्ट पढने में समस्या हो सकती है।

मित्रो अब मुझे उम्मीद है कि  आप लोगो ने ब्लॉग में स्क्रॉलिंग कोड बॉक्स ऐड करें ?  यानि की कैसे वेबसाइट में स्क्रॉलिंग कोड बॉक्स को  अच्छे से एड कर लिया होगा। परन्तु इसे आप एक बार अपने पेज को क्लिक कर ओपेन करने के उपरान्त अवश्य चेक कर ले की आपके  ब्लाग में पोस्ट विजेट ठीक प्रकार से कार्य कर रहा है या नही। यदि आप ब्लागर ब्लॉग में स्क्रॉलिंग कोड बॉक्स एड करने  के लिए दिए गये तकनीकों को सीखते हैं, तो कृपया नीचे टिप्पणी करें, या दूसरों की मदद करने के लिए इस लेख को साझा करें।