Blog Design Customise tutorial in hindi 2023

बहुत से ऐसे ब्लॉगर है जो अभी भी फ्री प्लेटफार्म ब्लॉगर.कॉम इस्तेमाल करते है जैसा की सभी को मालूम है की ब्लॉग्स्पॉट फ्री प्लेटफार्म है तो इसके बहुत से लिमिटेशंस है जिसमे रहा कर ही इस्तेमाल करना पड़ता है आज का समय है “जो दिखता है वही बिकता है टिकता है ” ऐसे मे ये अतिआवश्यक है की ब्लॉग चाहे फ्री वाला हो या फिर paid वाला दोनों का डिज़ाइन अच्छा होना चाहिए डिज़ाइन तभी अच्छा होगा ज़ब उस ब्लॉग के फॉण्ट, विजेट विड्थ, हाइट, आदि सही हो

Blogspot Blog Customization tutorial in Hindi

लेकिन ब्लॉगर पर ऐसा नहीं होता ब्लॉगर के लिए template तो लाखो है लेकिन उन सभी का डिज़ाइन अलग – अलग होता है width, फॉण्ट आदि अलग – अलग होता है ऐसे मे वे चाहते है की उन Template को कस्टमाइज करके उसे बढ़िया यूजर फ्रेंडली बनाया जाए लेकिन यहाँ एक परेशानी है की कैसे Template Customise kare क्योंकि Blogspot blog मे जो template होता है उसे सिर्फ – और – सिर्फ कोडिंग के जानकार ही कस्टमाइज कर सकते है ऐसा ब्लॉगर कतई नहीं कर सकते जिन्हे कोडिंग का ज्ञान नहीं लेकिन इस पोस्ट के जरिए मैं बिना कोडिंग नॉलेज के template कस्टमाइज कैसे करें यही बता रहा हूँ blog User friendly kaise banaye ताकि हर कोई आसानी से किसी भी blogger template को कस्टमाइज कर सके.

Blog Customision क्यों जरुरी है

ब्लॉगर पर यूज़ होने वाले template डिफाल्ट होते है उनमे बहुत से एक्स्ट्रा Widgets होते है जिनमे से कुछ ही जरुरी होता है बाकि के widgets का कोई काम नहीं ऐसे मे उन्हें रिमूव करना ही अच्छा होता है इसके अलावा Font Size, Font Space, Font Name footer header, background Color, भी कस्टमाइज करके एक बढ़िया डिज़ाइन बना सकते है

Blog Customision के क्या फायदे है

जैसा की मैंने ऊपर बताया की जो दिखता है वही टिकता है ठीक यहां भी है एक परफेक्ट design website आपको वो सब कुछ दिला सकता है जो आप पाना चाहते है

  1. वेबसाइट का डिज़ाइन अच्छा होगा तो कंटेंट भले ही यूजर को अच्छा ना लगे लेकिन डिज़ाइन के कारण वो आपके साइट पर हमेशा विजिट करते रहेंगे
  2. एक सही डिज़ाइन वाले वेबसाइट को google bot easily crawl करता है वैसे तो Seo के लिए डिज़ाइन उतना महत्त्व नहीं रखता Seo के अनुसार वेबसाइट का Layout, design बिलकुल Clean होना चाहिए जिससे google bot / Search engine bot वेबसाइट के interface को आसानी से समझ सके वैसे डिज़ाइन से Seo का कोई लेना – देना नहीं,.. !.
  3. प्रसिद्धी मिलेगी कमाई बढेगा,
  4. यदि वेबसाइट डिज़ाइन बेहतर होगा तो साइट ब्रांड बन सकता है और भी बहुत से फायदे है वेबसाइट डिज़ाइन का so’ आपको अपने वेब मे कस्टमाइज करने की आवश्यकता होती है

क्या Free Blogger Template को कस्टमाइज कर सकते है

बहुत से लोग कहते है ब्लॉगर का free template है इसमें ये एडिट नहीं होता तो वो नहीं होता, तो इसके लिमिटेशन बहुत है लेकिन ऐसा कुछ नहीं है सभी कुछ आप free blogger template मे कर सकते है हालांकि इसके लिए कोडिंग की आवश्कता होती है जिनको कोडिंग की जानकारी नहीं वो यहाँ दिए गए कोड इस्तेमाल करके वेबसाइट मे बदलाव कर सकते है

और हां free template को ही बहुत अच्छे से डिज़ाइन कर सकते है

Free Blogger template को Customise kaise kare

Free Blogger template मे लगभग आप हर एक विजेट फीचर्स को कस्टमाइज कर सकते है मैं यहाँ कुछ इम्पोर्टेन्ट कस्टमाइजेसन के बारे मे बता रहा हूँ आपको किसी और भी widgets / features को कस्टमाइज करना हो और उसमे कोड की आवश्यकता हो तो आप कमेंट के जरिये यही पूछ सकते है

तो चलिए शुरुआत करते है थीम कस्टमाइजेसन एक बाद का ध्यान रखे आपको कोडिंग का ज्ञान नहीं हो तो कोड को एडिट ना करें नहीं थी साइट मे बहुत से एरर आ सकता है नतीजन साइट मे नेगेटिव Imapact पड़ सकता है जो एक वेबसाइट के लिए खराब माना जाता है मैं यहाँ या बताया है की कहाँ क्या Change करना है उसके अलावा कोई Changes नहीं करें

Website Customise kaise kare

1. Template

सबसे पहले आप कोई भी एक थीम free/premium ( template ) सेलेक्ट करें फिर डाउनलोड करें Xml File मे Extract करें और उसे ब्लॉगर मे अपलोड करें Template download kaise kaha se kare

2. Widgets

अपलोड हो जाने के बाद वेबसाइट को विजिट करें वहां देखे की कौन – कौन से widgets है सभी को ध्यान से देखे उनमे से कौन जरुरी है और कौन नहीं ये भी देखे और वापस ब्लॉगर डैशबोर्ड मे आ जाए

3. Remove Extra Widgets

Layout पर क्लिक करें यहाँ आपको Header, Sidebar, Footer सभी मे जितने widgets होंगे दिख जायेंगे वहाँ से महत्वपूर्ण widgets को छोड़ कर सभी को ” Remove ” कर दे

4. Logo

ज़ब आप किसी साइट को विजिट करते है तो उस साइट मे सबसे ऊपर उस साइट का नाम इमेज के रूप मे दिखता है उसे Logo कहते है ये साइट की ब्रांडिंग के लिए बहुत जरुरी है और डिज़ाइनिंग के लिए भी

Widgets Remove करने के बाद ब्लॉगर डैशबोर्ड को ऐसे ही रहने दे और साइट के लिए एक बढ़िया लोगो बना ले वैसे ये आप बाद मे भी कर सकते है लेकिन Customision प्रक्रिया का हिस्सा है इसलिए यहाँ बताया Logo बनाने के बाद उसे अपलोड करें Logo kaise banaye

5. Favicon

Facebook, Twitter, Youtube, google इन सभी वेबसाइट की एक पहचान है और वो है Favicon ज़ब भी कोई साइट विजिट करते है तो साइट यूआरएल के पास left side मे Pad lock से पहले एक Icon show होता है उसे Favicon कहते है

ब्लॉग के लिए favicon बहुत बहुत जरुरी है Favicon आप ऑनलाइन टूल जनरेटर से बना सकते है यदि आपको फोटो एडिटिंग आती है तो पिक्सआर्ट की मदद से Favicon generate कर सकते है favicon बनाने के बाद उसे अपलोड करें इसका ऑप्शन आपको blogger dashboard मे Layout Section मे First मे मिल जाएगा

6. Primary Navigation Setup

Navigation-design

आपने दूसरे ब्लॉग/वेबसाइट पर देखा होगा हो ब्लॉग के सबसे ऊपर ( Header ) मे three line होता है उसे Toogle कहा जाता है पुरे एरिया को Navigation menu कहाँ जाता है यदि आप Google adsense के लिए ब्लॉग बना रहे है तो Navigation Menu Setup करना बहुत जरुरी है इसके अलावा ये Seo के लिए भी इम्पोर्टेन्ट है

लगभग blogger template मे आप Layout Section से ही menu edit कर सकते है वही कुछ थीम मे एडिट करना पड़ता है मैं कोडिंग वाला तरीका बता रहा हूँ Because Layout section वाला तो आप easily कर ही सकते है

theme >> Click 3 dot >> Select Edit html after थीम मे नीचे दिया गया कोड Find करें Find करने के लिए Ctrl+ f का उपयोग करें

आपके सामने Menu की पूरी कोडिंग खुल जाएगी वहां आप अपने “Category Name” और “Category Link” Add कर सकते है केटेगरी लिंक की जगह # होगा उसे Remove के से और वहाँ केटेगरी का लिंक peste कर दे इसी तरह आप सभी केटेगरी को ऐड कर सकते है Category Name, Category Link

7. Footer Navigation Setup

Footer-design

किसी भी साइट पर उपलब्ध पेज उस साइट की पूरी जानकारी Google और users को बताता है ऐसे मे उन पेजेज का ब्लॉग मे होना जरुरी है

वैसे तो पेज आप साइट मे कही भी ऐड कर सकते है Header, Sidebar, Footer आदि, लेकिन Footer/bottom मे रहने से साइट का डिज़ाइन सही रहता है ये website design का एक हिस्सा है आप पेजेज को Easily ब्लॉग Footer मे ऐड कर सकते है Footer me page add kaise kare

8. Add Author Box

ब्लॉग पोस्ट के नीचे या फिर Footer, sidebar कही भी ऐड कर सकते है इससे आपको रीडर्स को ये पता चलता है की आप कौन है आप अपने ब्लॉग पर किस प्रकार की जानकारी साझा करते है क्यों करते है आदि Author Box को Short about us Widgets कहा जा सकता है

और लगभग सभी ब्लॉग मे आपने देखा भी होगा वो ब्लॉग छोटा हो चाहे बड़ा क्योंकि ये डिज़ाइन का हिस्सा भी है तो इसे ऐड करना जरुरी है आप इसे आसानी से ऐड कर सकते है सभी पोस्ट के नीचे author box kaise add kare

10. Add Email Newsletter Form

Email Marketing – वैसे तो अब Push Notification आ जाने से इसका इस्तेमाल ब्लॉगर बहुत कम करने लगे है लेकिन ये Blog promotion का सबसे best way है और बड़े – बड़े ब्लॉगर आज भी इसका इस्तेमाल करते है

यदि आप इस्तेमाल नहीं करते तो आपको करना चाहिए इसके आपको इंटरनेट पर बहुत से अलग – अलग डिज़ाइन मिल जायेंगे यदि मेरे ब्लॉग पर Subscribe box add करना चाहते है तो पोस्ट देखे Proffessional Subscribe box blogspot me kaise add kare

11. Add Push Notification Service

आज के समय मे इसका इस्तेमाल काफ़ी तेज़ी से हो रहा है ब्लॉग छोटा हो या बड़ा सभी इसका इस्तेमाल कर रहे है

यहाँ User को खुद की कोई जानकारी नहीं साझा पड़ता है जैसे की Email id Name आदि बल्कि Email marketing मे Email Share करना पड़ता है फिर उसे कन्फर्म करना पड़ता है But, push Notification मे ऐसा नहीं होता वहाँ सिर्फ Allow करना होता है उसके बाद आपके साइट पर होने वाले अपडेट उनको आसानी से मिल जाती है

और किसी प्रकार की पर्सनल इनफार्मेशन भी शेयर नहीं करना पड़ता है

12. Social media Follow button

आज सोशल मीडिया लोगो के जीवन का एक महत्वपूर्ण हिस्सा बन चूका है ऐसे मे लोग एक दूसरे से जुड़ने के लिए सोशल मीडिया का इस्तेमाल करते है जाहिर सी बात है Blogger से जुड़ने के लिए भी वे सोशल मीडिया का ही इस्तेमाल करेंगे इसके अलावा अच्छे Follow की संख्या भी एक ब्लॉगर के लिए फायदेमंद है

वैसे और भी बहुत से फायदे है तो इसका इस्तेमाल आपको जरुर करना चाहिए

13. Web Font Size

ब्लॉगर थीम मे ये सबसे biggest issue होता है font Size By default Template मे फॉण्ट का साइज 15/16 px होता है जो की बहुत से रीडर्स को पढ़ने मे परेशानी होती है ऐसे मे उन्हें फॉण्ट का साइज बढ़ाना होता है

Website-font

Blogger template मे फॉण्ट साइज कई तरह से बढ़ा सकते है जैसे थीम के एडिट सेक्शन से, Html से या फिर Direct Css add करके, यदि आप css से करना चाहे तो नीचे दिए गए Css को

14. Web Line Space in Content

By default Blogger Template मे लाइन space बहुत कम होता है जिससे कंटेंट भद्दा – सा दिखता है ऐसे मे line Space बढ़ा दे तो पोस्ट काफ़ी अट्रैक्टिव दिखने लगती है

आप नीचे दिए गए Css से Font Line Space बढ़ा सकते है

p {
   margin-bottom:1.5em
}



p {
  line-height: 2 ;
}

15. Change website Font

वैसे तो ब्लॉगर थीम मे जो फॉण्ट होता है वो काफ़ी अच्छा होता है लेकिन फिर भी आप बदलना चाहते है तो उसके लिए Google font वेबसाइट पर जाए वहाँ Font सेलेक्ट करें फिर + plus icon पर क्लिक करें और Font Name पर क्लिक करें वहाँ से आप Font Code copy कर ले और कोड को थीम मे ऐड कर दे आप चाहे तो यहाँ दिए गए css से भी Body का font बदल सकते है

16. Footer background Color Change

सभी ब्लॉग का सबसे आकर्षक डिज़ाइन Footer होता है ऐसे मे वे फुटर का Background color change करना चाहते है ताकि वेबसाइट के matching Color का फुटर बना सके, इसके अलावा यदि फुटर मे text ( link ) का कलर बदलना चाहते है तो उसका भी Css दिया गया है उसे आप इस्तेमाल कर सकते है

आप नीचे दिए गए css से फुटर का बैकग्राउंड कलर बदल सकते है

.site-footer {
  background-color: #fff;
  color: #000;
}

.site-footer a {
  color: #000;
}

वैसे तो कस्टमाइज करे तो तो पूरी Template के डिज़ाइन को बदला जा सकता है लेकिन ये जो मैंने बताया है ये महत्वपूर्ण है और इतना कर लेने के बाद Template मे कुछ और कस्टमाइज करने की जरुरत नहीं Because एक ब्लॉग मे जो होना चाहिए वो सभी मैंने बताया है फिर भी आपको लगता है की इसमें और कुछ ऐड करना चाहिए तो आप अपना सुझाव हमें कमेंट के माध्यम से दे सकते है उस उसे इस पोस्ट मे ऐड कर देंगे

इसके अलावा आप चाहते है किसी और प्रकार के Widgets / design साइट मे ऐड करना तो हमारे साइट के पोस्ट पढ़े वो सभी USEFUL है और उससे आपको बहुत ज्यादा फायदा मिलेगा

उम्मीद करता हूँ आपको हमारा ये पोस्ट पसंद आया आपको लगे की ये पोस्ट वास्तव मे उपयोगी है तो इसे सोशल साइट्स पर शेयर जरूर करें

Share on:

My Name is manish i am the founder of this successbranch blog. the main objective this blog is to promote hindi in the world . for this, i share all kinds of information here in hindi Learn More

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.