ब्लॉग का प्रभावी डिज़ाइन: करिए एक सुगम प्रयोग ब्लॉगर पर | Simple and effective blog design on Blogger (in Hindi)

यह पोस्ट उन साथियों के लिए है जिन्होंने या तो अभी अभी ब्लॉग खोला है / ब्लॉग खोलने की सोच रहे हैं, या उन्हें सुनने को मिलता है कि उनके ब्लॉग का डिज़ाइन फूहड़ है, या फिर उन्हें खुद लगता है कि उनके ब्लॉग पर सामग्री तो बहुत है लेकिन शायद लोग मुख पृष्ठ से उस सामग्री तक नहीं पहुँच पाते.

अगर आप इनमें से कोई हैं या फिर आप अपने ब्लॉग से संतुष्ट हैं लेकिन कोशिश में रहते हैं कि इसे कैसे और ज़्यादा उत्कृष्ट बनाया जाए, तब भी यह पोस्ट आपके लिए है.

Top Hindi blogs
ऋतु का ब्लॉग:
पूरा बन जाने के बाद
वेबसाइट डिज़ाइन ( web design) के बारे में कई अवधारणाएं पैदा होती रही हैं जो रिसर्च, सर्वे आदि से या तो बलवती होती गईं या फिर टूट गईं. उन सब में नहीं उलझते, लेकिन एक-दो बातें जो वेबसाइट डिज़ाइन के बारे में गाँठ बाँधने लायक हैं, उनका ज़िक्र ज़रूरी है:
  • एक तो यह कि डिज़ाइन ऐसा होना चाहिए जिससे साइट में उपलब्ध सामग्री तक पहुँचने में मदद मिले.
  • दूसरा यह कि जो सामग्री बहुत महत्वपूर्ण है उसे सामने लाया जाए.
  • तीसरा ये कि वेबसाइट में सामग्री व्यवस्थित हो, न कि बिखरी हुई.
  • रंगों का प्रयोग ब्लॉग के विषय, ब्लॉग में आने वालों की उम्र और पसंद, पठनीयता जैसे कारकों को ध्यान में रखकर किया जाए. रंग प्रायः कम हों और आँखों को न चुभें.
  • और अंततः, वेबसाइट एक लाइब्रेरी या रुचिपूर्ण तरीके से सजायी दूकान या घर जैसा लगे, कबाड़ख़ाने जैसा नहीं.

यह तो हुई डिज़ाइन पर त्वरित चर्चा. अब चलते हैं एक फ्री ब्लॉग बनाने जिसमें इन बातों का पूरी तरह ध्यान रखा गया है.

हम तो यह कहेंगे कि अगर आपके अभी के ब्लॉग में इतनी सारी पोस्टें और गैजेट नहीं हैं जो एक सीधे-सादे ब्लॉग में नहीं समा सकते तो इस ब्लॉग को भी नए रूप में ढालने की सोचिए. अगर ऐसा करना है तो पहले अपने अभी के ब्लॉग को स्टोर (बैकअप) कर लीजिये ताकि अगर कोई गलती हुई तो अभी का ब्लॉग ख़राब न हो जाए. इसके लिए क्या करना है वह इस पोस्ट के अंत में दिया हुआ है.

हो जाइए तैयार हमारे साथ सरल लेकिन प्रभावी ब्लॉग (simple but effective blog) बनाने के लिए.

हम आपको ब्लॉगर (Blogger) पर ब्लॉग बनाना बताएंगे (वर्डप्रेस (Wirdpress.com) पर उम्दा ब्लॉग बनाना भी उतना ही आसान है.) हमने पहले भी ब्लॉगर पर नया ब्लॉग खोलने की विधि बताई है लेकिन इस नई पोस्ट का मक़सद उससे आगे का है: वेब डिज़ाइन के सिद्धांतों को समझ कर ब्लॉग को सजाने-संवारने का.

ब्लॉगर  के साथ यह बहुत बड़ी बात है कि बिना पोस्ट, विजेट (या गैजेट) आदि को खोए हुए आप कभी भी ब्लॉग का डिज़ाइन क़रीब-क़रीब पूरी तरह बदल सकते हैं.

अगर शुरू से चलें तो आपको इतनी चीजों की ज़रुरत होगी:
  • गूगल अकाउंट
  • लैपटॉप या डेस्कटॉप
  • इंटरनेट कनेक्शन
दो और बातें.
  • हम नहीं चाहते कि ब्लॉगर हिंदी में खुले. ऐसा करने से आपको कई जगह अटपटे अनुवाद मिल सकते हैं जिनका न सर होता है न पैर. इसलिए हमने ब्लॉगर को इंग्लिश में ही रख छोड़ा है. 
  • दूसरे, आपको शुरुआत में ही कई जगह हिंदी में लिखना पड़ेगा, जैसे कि ब्लॉग का शीर्षक. इसके लिए आप किसी भी हिंदी टूल से हिंदी लिखकर कॉपी करके दी गई जगह में चिपका सकते हैं (=पेस्ट कर सकते हैं).  अगर आपको और कोई टूल नज़र नहीं आ रहा तो इधर क्लिक करें:  Try Google Hindi Input Tools.
  • हाँ, आपको यह तो पता होगा ही कि Blogger पर पोस्ट हिंदी में लिखनी हो तो पोस्ट एडिटर में 'अ' या 'A' लिखे हुए लिंक पर क्लिक करके आप हिंदी में टाइप कर सकते हैं.

अपने ब्राउज़र (इंटरनेट एक्स्प्लोरर / मोज़िल्ला फायरफॉक्स / क्रोम) में गूगल अकाउंट  खोल लीजिये.
एक नई टैब में blogger.com खोलिए. ब्लॉग का नाम पता भरने के बाद Simple डिज़ाइन चुनिए और आगे बढ़िए. आपके ब्लॉग तैयार है. अगर यहाँ तक पहुँचने के लिए मदद चाहिए तो इस पोस्ट पर जाइए (लिंक: How to start a blog: Hindi)

हम एक-एक करके ये काम करेंगे:
  • मुख्य कॉलम और साइडबार की संख्या और इनकी चौड़ाई तय करेंगे.
  • सादगी वाले फोटो या रंग की पृष्टभूमि बनाएंगे.
  • ब्लॉग को शीर्षक देंगे और उसके पीछे रंग भरेंगे.
  • ब्लॉग के ऊपरी हिस्से में मेनू-बार लगाएंगे.
  • साइडबार में ज़रूरी गैजेट रखेंगे.
  • सामग्री को व्यवस्थित करने के किए उनमें टैग लगाना तय करेंगे.

ब्लॉग का शीर्षक और परिचय देना Giving title and description to the blog


इन सबके लिए हमें ब्लॉग के मुख्य मेनू [चित्र 1] में जाना है जो ब्लॉगर खोलने के बाद ब्लॉग के नाम में क्लिक करने पर आता है.
Blogging in Hindi
चित्र 1

क्लिक करिए Settings पर, फिर Title के आगे Edit को खोलकर पसंदीदा शीर्षक दे डालिए.  इसके नीचे Save Changes का बटन दबाइए . इसके नीचे Description के Edit को खोलकर ब्लॉग का छोटा सा परिचय दीजिए (क़रीब 4-5 शब्दों में). इसके नीचे Save Changes का बटन दबाइए.

Title और Description को बहुत सोच-समझ कर बनाएं क्योंकि ब्लॉग पर आने वाले लोग और Google इनसे इस बात का पता लगाने की कोशिश करते हैं कि ब्लॉग किस विषय पर है और इसकी सामग्री कितनी अच्छी है.

साइडबार / कॉलम की चौड़ाई घटाना बढ़ाना Changing the width of sidebar/ columns

 
क्लिक करिए Template या Theme पर और फिर Customize पर. अगली विंडो में क्लिक करिए Layout पर. इसमें चित्र 2 की तरह के ऑप्शन को क्लिक कर लीजिए.
best Hindi blog design
चित्र 2

अब क्लिक करिए Adjust widths पर. ऊपर के स्लाइडर को दाँए -बाँए करके 1050 पर लाइए. नीचे के स्लाइडरों को 230 और 250 पर रखिए.

ब्लॉग की पृष्ठभूमि में चित्र लगाना या रंग भरना Putting an image or filling color as blog background

Hindi web designs
चित्र 3

Background पर क्लिक करिए. चित्र 3 की तरह आप चाहें तो किसी हलके रंग के ड्राइंग को चुन लें और Done पर क्लिक करें. या फिर कोई ड्राइंग नहीं चुनें. नीचे की विंडो में देखते रहे और रंगों / ड्राइंग / चित्रों से प्रयोग करते रहें  जबतक आपको ब्लॉग के रंग बहुत मनभावन न लगें. हमारी राय है की हलके नीले (या फिर मटमैले) रंग ज़्यादातर ब्लॉगों पर फबते हैं. अगर फैशन / थिएटर / सिनेमा / बागवानी / फोटोग्राफी जैसे विषयों पर, बच्चों के या  किसी रंगीन लम्हे पर ब्लॉग बना रहे हों तो ज़रूर बहुरंगी और चटकीले ड्राइंग चुनें. इस तरह के विषयों पर तो आप अपनी किसी फोटो को भी चुन सकते हैं. इसके लिए चित्रों की लिस्ट के ऊपर Upload image [ देखें चित्र 3] पर क्लिक करें.

top Hindi blogs
चित्र 4

शीर्षक के पीछे चित्र लगाना Putting image behind blog title


सबसे ज़्यादा समय हम लगाएंगे Layout  मेनू पर जैसा चित्र 4 में दिखाया गया है. इसको खोलते ही आपको अपने ब्लॉग का नक्शा दीखता है, याने क्या वस्तु कहाँ पर लगी है. टॉप में देखिए Header को. इसपर लिखे Edit को खोलिए. आपने जो शीर्षक और ब्लॉग-परिचय पहले दिए थे वह नई विंडो में दिख रहे होंगे. इसके नीचे लिखा है Image और उसके सामने Upload. इसे क्लिक करके कम्प्यूटर से एक फोटो चुनकर यहां लगानी है हमें.


हमने जो ब्लॉग यहां पर दिया है (ऋतु का ब्लॉग), उसमें हमने एक पट्टी लेकर उसपर कपड़ों, किताबों आदि की छोटी फोटोएं चिपका दीं: ऋतु के ब्लॉग की पट्टी

इस विंडो में Image के नीचे लिखा है Behind title and description. इसपर क्लिक करें, फिर save पर. आप edit से बाहर आ गए? 
Blog layout design in Hindi
चित्र 5

ब्लॉग के पृष्ठों को मेनूबार में लगाना Linking blog pages on the menu bar

 
अब Cross-Column के नीचे लिखे Add a Gadget को खोलिए और Pages गैजेट को चुन लीजिए. यहां पर हम Pages गैजेट लगाएंगे ताकि हमारे Pages मेनू-बार की तरह शीर्षक के नीचे आ जाएं. (ब्लॉगर में डायरी के पृष्ठ की तरह लिखे जाने वाले लेखों को post और स्थाई रूप में लिखे जाने वाले पृष्ठों को page कहते हैं.) इसके लिए Select all पर क्लिक करें, फिर save कर लें [चित्र 5].  अगर अभी ब्लॉग में Pages नहीं हैं तो एक-दो पेज बनाकर इस मेनू पर फिर से आइएगा.

उपयोगी गैजेट्स का समावेश Putting useful widgets on the blog

 
अब हम एक-एक करके उपयोगी गैजेट्स (या widgets)  को ब्लॉग के साइडबार में लगाते जाएंगे [चित्र 5].

Layout मेनू में बाँए साइडबार में बारी-बारी से इन गैजेट्स को लगा कर save करते चलिए: Contact Form, Archives, Labels, Favorite Posts

अब Layout मेनू में ही दाँए साइडबार में इन गैजेट्स को लगा कर सेव करिए: Blogroll, AdSense.

इन कॉलम में आप अपने पसंदीदा गैजेट लगा सकते हैं. इस layout में ब्लॉग के नीचे वाले हिस्से में कई गैजेट्स के लिए जगह है, उनमें आप बैज या कोई और गैजेट लगा सकते हैं. AdSense गैजेट तभी काम करती है जब गूगल ने आपका AdSense खता मंज़ूर कर दिया हो. इससे आपके ब्लॉग में विज्ञापन आते रहते हैं और अगर आपका ब्लॉग मशहूर हो गया हो तो स्वतः ही आपकी कमाई होती रहती है. (ऋतु के ब्लॉग में हमने एक AdSense गैजेट दाहिने कॉलम में सब ऊपर और एक पोस्टों के बाद लगा रखी है.)

Layout मेनू में ही विंडो के ऊपरी भाग में दिए हुए Save Arrangement बटन को दबाकर View Blog पर क्लिक करिए. अगर आपको ब्लॉग के किसी भाग में परिवर्तन करना है, कि आपकी रुचि के मुताबिक़ ब्लॉग बहुत ज़्यादा ही सादगी वाला लगता हो या आपको कुछेक और गैजेट्स की ज़रूरत लग रही हो, तो ऊपर किए गए तरीके से फिर Template / Theme और Layout मेनू में जाकर मनपसंद रंगों, पृष्ठभूमि की फोटो आदि में आवश्यक परिवर्तन कर लें. हो गया आपका ब्लॉग तैयार!

पोस्टों पर टैग/ लेबल लगाना Putting tags/ labels on blog posts


ब्लॉग में जब पोस्टें जुड़ती जाती हैं तो सामान्य तौर पर दिनांक के हिसाब से लगती रहती हैं - पुरानी पोस्ट नीचे जाती रहती हैं  और नई पोस्टें उनके ऊपर लगती  हैं. लेकिन जब कोई आपकी पुरानी पोस्टों को पढ़ना चाहता है तो वह ये नहीं जानना चाहता कि 5 साल पहले जनवरी की 2 तारीख को आपने क्या लिखा था, उसको चाहिए कि किसी एक विषय पर आपने क्या लिखा है. इसके लिए हम पोस्टों पर टैग या लेबल लगा देते हैं और फिर उन लेबल्स को सामने रख देते हैं जैसा कि हमने ऋतु के ब्लॉग में किया है: इसमें  बाईं ओर 'विषय-वार पोस्ट संग्रह' के नीचे जो विषय हैं उनपर क्लिक करेंगे तो उन-उन विषयों की सारी पोस्टें आपको दिख जाएंगी.

अगर आप इस बारे में नहीं जानते तो आपको एक उदाहरण देते हैं. हमारी मुख्य वेबसाइट पर जाएं: IndianTopBlogs अब शीर्षक के नीचे दिए हुए बटनों में से SOCIAL MEDIA को दबाएं. आपको जो पोस्टें दिख रही हैं वो सब सोशल मीडिया पर हमारी पोस्टें हैं.

मोबाइल पर आपका ब्लॉग Your blog on mobile phones


जब आपका ब्लॉग साफ़-सुथरा होता है तो मोबाइल पर बहुत सुन्दर और साफ़ दिखता है और उसे पढ़ना आसान होता है. साथ में दिया हुआ चित्र देखिए.

Hindi quality blog on mobile
मोबाइल पर ऋतु का ब्लॉग:
कितना साफ़-सुथरा!

ब्लॉग की सामग्री को सुरक्षित रखना Securing your blog's assets

 
ब्लॉग को स्टोर (बैकअप) करना ज़रूरी है अगर आप अपने पुराने ब्लॉग में बड़े बदलाव ला रहे हैं, जैसे कि उसकी html में परिवर्तन कर रहे हैं या कोई code जोड़ रहे हैं.  ब्लॉग का layout बहुत बदल रहे हैं (तीन कॉलम के बदले एक या दो ही कॉलम रख रहे हैं) तो भी पुराने ब्लॉग को सम्हाल कर रखना ज़रूरी है. अगर ब्लॉग को export / import करना हो तब भी ब्लॉग को बैकअप कर लें.

ब्लॉग की template/ theme को सेव करने के लिए आपको Theme  मेनू [चित्र 2] में दाहिनी ओर Backup/ Restore बटन दबाना है. अगर काम करते करते कोई ऎसी गलती हो गई  कि सब कुछ अगड़म-बगड़म हो गया तो इसी बटन की मदद से सेव की हुई template को फिर से लगा सकते हैं.

हालांकि यहाँ हम ऐसा कुछ नहीं कर रहे हैं जिससे Template या फिर ब्लॉग की सामग्री को कोई नुक्सान पहुँच रहा हो, लेकिन जब बात चली है ब्लॉग को सुरक्षित रखने की तो बता दें की ब्लॉगर पर सारी पुरानी पोस्टों को एक स्टेप में स्टोर कर सकते हैं. इस पोस्ट पर हमने इसे विस्तार से बताया है: Saving a Blog अगर संक्षेप में कहें तो Settings [चित्र 1] और फिर Other पर जाकर Export Blog को क्लिक करना है.

आशा है आपको इस पोस्ट से अपना ब्लॉग संवारने में मदद मिली होगी.