Blogspot Blog बनाने के बाद हमे उसका डिज़ाइन ज़रूर Change कर लेना चाहिए.ब्लॉग को एक अच्छे से Theme के साथ Customize कर देना चाहिए क्योकि इससे ब्लॉग को एक बेहतर लुक मिलती है.आज की इस पोस्ट में भी हम Blog Designing की बात करने जा रहे है जिसमे हम Blogger Blog में Responsive Dropdown Menu Add kaise करते है व Menu Navbar को Edit कैसे करे,इसकी पूरी जानकारी आपको देंगे.
बहुत से नए ब्लॉगर जो अपना ब्लॉग Blogspot पर Create करते है उनको Blog में Navigation Set कैसे करते है या ब्लॉग में Navigation Set करना क्यों ज़रूरी होता है उनको इसकी Knowledge नहीं होती है,जिससे उनके ब्लॉग को विजिट करने वाले Visitors को ब्लॉग को नेविगेट करने में दिक्कत होती है.तो इस पोस्ट में हम आपको ब्लॉग नेविगेशन से सम्बंधित सभी मह्त्वपूर्ण जानकारियाँ देने की कोशिश करेंगे.तो आइये शुरुवात करते है.
Blog Me Responsive Dropdown Menu Add क्यों करना चाहिए ?
देखिये सबसे पहले यह जानते है की Blog में Menu क्या होता है ? Menu किसी भी ब्लॉग में एक Navigation BAR होता है,जिसमें उस ब्लॉग के सभी मुख्य Pages,Category की Links Add होती है,जिसके माध्यम से उस ब्लॉग पर आने वाला हर एक विजिटर ब्लॉग के हर पेज तक आसानी से पहुँच सकता है.
यानि की ब्लॉग पर आने वाले User को ब्लॉग नेविगेट करने में आसानी हो इसके लिए ब्लॉग में मेनू ऐड किया जाता है.आप हमारे ब्लॉग में देख सकते है की ब्लॉग के लोगो के बिल्कुल नीचे हमने Responsive Menu Bar Add किया है.जिसमे About,Contact,Sitemap जैसे सभी मह्त्वपूर्ण पेजेज की Links Add है.जिससे यूजर उन तक आसानी से पहुँच सकता है.
ठीक इसी तरह आपने भी बहुत से ब्लॉग में इस तरह के Navigation Bar को देखा होगा क्योकि यह ब्लॉग को User Friendly Interface प्रदान करता है.इस कारण यदि आपके ब्लॉग में यह Important Widget Add नहीं है तो आपको इसे जल्द से जल्द ब्लॉग में Add कर लेना चाहिए.
Responsive Dropdown Menu Vs Simple Navigation Menu Bar कोनसा Use करना चाहिए ?
हमेसा Responsive Menu ही Add करना चाहिए.क्योकि यह Device के Screensize के अनुसार अपने आप Automatic Width Set कर लेता है.यानि की चाहे आपका ब्लॉग कोई Desktop Computer में Open करे या मोबाइल में यह Properly सही Work करता है.जिससे यूजर को किसी भी तरह की कोई परेशानी नहीं होती है.
Blogspot Blog Me Responsive Dropdown Menu Add Kaise Kare ?
अब उपरोक्त सभी मह्त्वपूर्ण जानकारी प्राप्त करने के बाद हम आपको Step By Step यह जानकारी देने वाले है की kaise आप Dropdown मेनू को ब्लॉग में ऐड कर सकते हो.Blogspot Blog में इसे Add करना बिल्कुल आसान है,आपको बाद यह Simple Steps Follow करने है.
Step 1 - सबसे पहले आप Blogger डैशबोर्ड में लॉग इन करने के बाद Layout वाले आप्शन पर क्लिक करे,
Step - 2 - Layout Option पर क्लिक करने के बाद आपको Header के नीचे Add A Gadget पर क्लिक करना है.Menu को हमेशा हैडर के नीचे ही Set करना चाहिए.इसी कारण हम आपको Header के नीचे Add A Gadget पर क्लिक करने के लिए कह रहे है.क्योकि Layout Page में आपको ADD A Gadget का आप्शन बहुत से स्थानों पर देखने को मिलेगा.
Step 3 - Gadget Windows Open होने के बाद आपको उसमे HTML/JavaScript वाले Widget पर क्लिक करना है.
Step - 4 - HTML/JavaScript पर क्लिक करने के बाद एक नयी विंडो ओपन होगी.इसका आपको कुछ इस तरीके से इस्तेमाल करना है.
1 - Title - इसमें कुछ न लिखे.इसको खाली रहने दे.
2 - Content - इसमें आपको नीचे दिये गए Code Box से Responsive Drodown Menu का Code Copy करके इसमें Paste कर देना है.
3 - Save - Code Paste करने के बाद Save पर क्लिक करके Menu Widget को सेव कर दे.अब यह HTML/Javascript की विंडो आटोमेटिक रूप से बंद हो जाएगी.अब आप अपने ब्लॉग को Open करके देख सकते है की,उसमे Navigation Menu Bar Add हो गया है.आप ब्लॉग को Computer व Mobile दोनों में ओपन करके देख सकते है की यह Dropdown Menu Work कर रहा है या नहीं.
- Coding For Responsive Dropdown Menu -
Very Helpful Post Sir 👍👍👍
ReplyDeleteThanks For Your Comment
DeleteThis comment has been removed by a blog administrator.
ReplyDeleteसर/मैम ,
ReplyDeleteहम लेपटॉप में html coding कर रहे हैं। लेकिन
लेपटॉप में तो interface सही दिख रहा है।
लेकिन मोबाइल में खोल रहे हैं तो,
सही interface नहीं दिखाई दे रहा है।
मोबाइल में इमेज कहीं ओर जगह पर तो टेक्सटबॉक्स कहीं और जगह पर है
सही तरीके से सभी स्टेप फॉलो कीजिये.और हमारे फेसबुक पेज में आप अपनी प्रॉब्लम का स्क्रीनशॉट सेंड करे.फिर हम आपको उचित जानकारी दे पायेंगे.
Deleteyadwindar ji dropdown menu me post kaise dale please bistar purbak btaiye
ReplyDeleteGopal Ji Post Ki Link Add Kar Dijiye , Post Me Link Add Karne Is Trika Post Me Batya Hai.
Deleteधन्यवाद सर ,आपकी पोस्ट मेरे लिए उपयोगी रही |
ReplyDeleteमैं Blog पर चलती हुई स्लाइड में लिंक (नये जानकारी को दर्शाने के लिए) प्रदर्शित करना चाहता हुँ ,मार्ग दर्शन दे
इंटरनेट पर आप slide widget for blogger टाइप करके सर्च कीजिये। अभी इस ब्लॉग पर इस समस्या का समाधान उपलब्ध नहीं है।
Deletesir mene ek blog bnaya he or use mobile frindly bhi kiya he par mobile me home dropdown list nhi aa rhi he
ReplyDeleteAap Kisi dusre theme ka istemaal karo,aapko internet par bahut si website par free theme mil jayege.unka istemaal kijiye. un themes ko jyada design karne ki jarurat bhi nahi padhti hai
Deletehello sir mai vipin mai apni blogger site banai hai par jo pc pe menu bar smoothali khulta hai pr phone pr poup kr ke khul raha hai kya karen
ReplyDeletetheme change karna hoga shayad. Yeh Menu Bar Sahi Work Karta Hai.Shayad Aapke Theme Mei Koi dikkat hogi
DeleteMenugadget hi nhi mil rha h plzz help
ReplyDelete