ब्लॉगर टेम्पलेट डिज़ाइनर का प्रयोग करके कस्टम सीएसएस डालना

विज्ञापन

In this article we will learn how to use Blogger template designer to add custom CSS. By adding custom CSS you can change in Blogger design, look and feel. In many Blogger tutorials you have seen the developer’s method to add custom CSS to Blogger template by using Blogger template editor. Using Blogger template designer is simpler than template editor. No knowledge of HTML and CSS is required to use Blogger template designer. So have a look at this article for details.

एक नये ब्लॉगर के तौर पर अपने ब्लॉग टेम्पलेट की डिज़ाइन में बदलाव करना बहुत मुश्किल काम होता है। यही एक कारण है कि आप मुफ़्त ब्लॉगर टेम्पलेट “Free Blogger template” प्रयोग करने से बचते हैं और प्रीमियम टेम्पलेट “Premium template” ख़रीदना चाहते हैं क्योंकि प्रीमियम टेम्पलेट में ब्लॉग टेम्पलेट की डिज़ाइन में बदलाव करने और उस पर तकनीकि मदद “Technical Support” बहुत आसानी से मिल जाती है। आज अनेक ब्लॉगर सम्बंधित ब्लॉगों पर अनेक ऐसे लेख उपलब्ध हैं जिनसे आप ब्लॉग डिज़ाइन में मनचाहे परिवर्तन कर सकते हैं। ब्लॉगर टेम्पलेट में बहुत से बदलाव मात्र सीएसएस कोड “CSS code” के द्वारा ही किये जा सकते हैं। इसके लिए आवश्यक है कि आपको यह पता हो कि ब्लॉगर के टेम्पलेट एडिटर “Template editor” में जाए बिना ही कैसे ब्लॉग टेम्पलेट में सीएसएस कोड डाला जा सकता है। ब्लॉगर में टेम्पलेट एडिटर की ही भाँति टेम्पलेट डिज़ाइनर “Template designer” होता है जिसकी सहायता से सीएसएस कोड को आसानी से ब्लॉगर टेम्पलेट में डालकर टेम्पलेट डिज़ाइन में बदलाव किये जा सकते हैं।

Blogger template designer

डिवेलपर विधि
Developer’s Method

जैसा कि आप आज तक सभी ब्लॉगों पर पढ़ते आये हैं जब भी सीएसएस कोड ब्लॉगर टेम्पलेट में डालनी होती है तब आप से कहा जाता है कि –
1- ब्लॉगर डैशबोर्ड से टेम्पलेट टैब पर जायें
— On Blogger Dashboard » click on Template tab

2- एडिट एचटीएमएल बटन पर क्लिक करें
— Click on Edit HTML button

3- टेम्पलेट एडीटर में ]]></b:skin> टैग की खोज करें
— Search for ]]></b:skin> in template editor

4- अब ठीक इसके ऊपर दिये गये सीएसएस कोड को पेस्ट करें और प्रीव्यू देखें
— Paste given CSS and see the preview

5- अगर सब कुछ ठीक दिखे तो टेम्पलेट में किये गये बदलाव सहेज दें
— Save the changes if everything goes right

ऐसा करने के बाद जब आप अपना ब्लॉग देखते हैं तो किये गये परिवर्तन दिखने लगते हैं। किंतु नये ब्लॉगरों से अगर कोई त्रुटि हो जाये तो डाला गया कोड या उसका कुछ हिस्सा ही ब्लॉग पर दिखने लगता है।

ब्लॉगर टेम्पलेट डिज़ाइनर का प्रयोग
Use of Blogger Template Designer

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

ब्लॉगर टेम्पलेट डिज़ाइनर का प्रयोग करने की विधि
Method to use Blogger Template Designer

1- ब्लॉगर डैशबोर्ड से टेम्पलेट टैब पर जायें
— On Blogger Dashboard » click on Template tab

2- कस्टमाइज़ बटन पर क्लिक करें
— Click on Customize button

3- अब जहाँ एडवांस लिखा है वहाँ क्लिक करें
— Click on Advance option

4- अब जहाँ ऐड सीएसएस लिखा है वहाँ क्लिक करें
— Now click on Add CSS option

5- अब आपको ऐड कस्टम सीएसएस का बॉक्स दिखने लगेगा
— Now you can see Add Custom CSS box

6- इस बॉक्स में दिया गया कस्टम सीएसएस कोड पेस्ट करके अप्लाई टू ब्लॉग बटन पर क्लिक कर दें
— Paste the given code in this box and click on Apply to Blog button

ब्लॉगर टेम्पलेट डिज़ाइनर सहायता चित्र
Blogger Template Designer Help Pictures

Blogger template designer customize button
Blogger template designer add custom button

अब जैसे ही आप अपना ब्लॉग खोलते हैं तो आपको किये गये परिवर्तन दिखने लगते हैं।

बधाइयाँ, आप चाहे डिवेलपर हैं या सिर्फ़ ब्लॉगर, हम आशा करते हैं कि सीएसएस कोड को ब्लॉगर टेम्पलेट में किस प्रकार डाला जाता है इस काम में यह लेख आपकी पूरी मदद करेगा। यदि आप हमसे इस विषय में कोई सहायता चाहते हैं तो कमेंट करके प्राप्त कर सकते हैं।

Keywords: Blogger Template Editor, Blogger Template Designer, Add Custom CSS to Blogger template

document.title = “Use Blogger Template Designer to Add Custom CSS”;

Previous articleवेबसाइट पर फ़ॉन्ट साइज़ बढ़ाने घटाने के टिप्स
Next articleइंटरनेट स्पीड बढ़ाने के तरीके
Founder, Tech Prevue. Doing Pro Blogging Since 2008.

LEAVE A REPLY

Please enter your comment!
Please enter your name here