Top 5 Drop Down Horizontal Menu Widget for blogger

Posted on

Har website or blog ke liye Menu behad jaruri hota hai, issay visitors ko navigation me help milti hai. Agar menu bar na ho to aapke blog par aapne wale visitors samajh nahi payenge ki aapke blog me kya-kya content hai or unhe aapke blog ko navigate karne me bhi problem aayegi. As a result aapke visitor jyada time tak apne blog ko nahi visit kar sakte.

Top 5 Drop Down Horizontal Menu Widget for blogger

Aapne menu bar har website or blog me jarur dekha hoga , or aap clearly andaja laga sakte hi ki kisi bhi blog ke liye menu bar itna jaruri hota hai. Agar aap apne blog par menu bar use nahi karte to ek baat hamesa yaad rakho ki bina menu bar ke koi bhi visitors aapke blog ko acche se navigate na kare payenge or aapke blog ko navigate nahi karne ki wajah se wo jyada der tak aapka blog par time spend nahi karenge. Jiski wajah se aapke blog ka bounce rate badh jayega jo ki SEO ke liye accha nahi hai.

Aaj hum aapko batayenge ki aap khud se kaise apne blog par horizontal navigation menu laga sakte hai. Ye bahut hi esay hai.

Top 5 Drop Down Horizontal Menu Widget for blogger… Kaise apne blog par Menu bar lagaye ?

Step : 1

add html javascript to blogspot

1. Apne blogger dashboard par Layout par click kare
2. Header section par Add a Gadget par click kare

Step : 2

blogspot html java script

Jaise hi aap Add a Gadget par click karenge waise hi ek popup window open hoga , waha par HTML/JavaScript par click kare.

Step : 3

edit widget blogspot

Yaha par aapko niche diye gaye koi bhi drop down menu style code me se kisi bhi ek style code ko paste karna hai, Fir Save button par click karna hai….

Style : 1

blogger menu style 1

Code :

Style : 2

blogger menu style 2

Code :

Style : 3

blogger menu style 3

Code :

Style : 4

blogger menu style 4

Code :

Style : 5

blogger menu style 5

Code :

NOTE : Code ko edit kare or apne catagory ka link add kare.

menu bar blogger widget

Aap upar diye image ko dekh ke samajh sakte ho ki aap jo style code paste karoge waha par aapko apne blog category ka url ya post url link dalna hoga. Maan lijiye ki me apne blog ke home page ka link menu bar me lagana chahta hu to code ko modify karne ke bad kuch is tarah najar aayega.

<li><a href=”www.smart2blogging.com”>Home</a></li>

Bas aapko aise hi style code ko modify karna hai or save karna hai.

To friends aap bhi apne blog par drop-down menu laga kar apne blog ko ek professional look dijiye. Agar aapko hamari ye article acchi lagi ye aapko menu bar lagane me koi problem face karni pad rahi hai to hume comment jarur kare. Happy Blogging

🚣‍♀️ Agar aapko ye article acchi lagi to isay apne social network par jarur share kare 🤓 THANKS

9 thoughts on “Top 5 Drop Down Horizontal Menu Widget for blogger

  1. Sir मैने मेनु कोड को बिना एडिटिंग किये ब्लॉगर ब्लॉग में टेस्ट करने के लिए लगाया तो कोड सो हो जाता है। मेनू नहीं बन रहा है।
    बिना एडिटिंग किए नहीं होता है क्या ?
    धन्यवाद

    1. Sahi kaha aapne, code me kuch error thi jiski wajah se menu ki jagah code show ho raha hai. Humne code ke sabhi error ko resolve kar diye hai, aap code ko copy karke fir se try kare. Thanks

  2. Sir मैंने Style : 3 को टेस्ट किया अब भी कुछ गड़बड़ी है। अबाउट और कॉन्टक्ट बोक्स से बाहर आ रहे हैं कृपया आप मेरे ब्लॉग को देख लें। मैं अपना url दे रहा हूँ।

  3. Sir आप मेरे ब्लॉग को देखें सबसे उपर वाले मेनु बार जिसमें (फेसबुक, ट्विटर आदि) हैं उसे वहां से डिलीट कैसे करें बतायें फीर वहीं पर मैं आपका बताया मेनु बार Style : 3 कैसे लगायें इसकी पुरी जानकारी ईमेल द्वारा या कैसे भी देने की कृपा करें।
    धन्यवाद

  4. Sir आप मेरे लिए इतना समय दे रहे हैं मै कभी चुका नहीं पाउंगा। आप मेरे ब्लॉग को फिर से देखें। डेस्कटॉप भीव में ठीक है लेकिन मोबाइल भीव में अबाउट और कॉन्टक्ट मेनु बोक्स से बाहर आ जा रहे हैं। अगर उसमें पांच आइटम नहीं आते हैं तो चार ही सेट कर दिजिए।
    🙏धन्यवाद🙏

    1. Dhirendra ji humne aapko ek css code email ke jariye diya hai usay bhi use kare taki menu bar mobile device par show na ho. Agar ye menu mobile par show hoga to mobile design kharab lagega.

  5. Sir मैंने ब्लॉग में पहले कस्टम CSS कोड जोड़ा उससे पुराना मेनु बार रिमोव हो गया फीर नीचे दिया कोड html widget में एड किया। शायद आपने मेरे ब्लॉग को खोलकर नहीं देखा। सबकुछ ठीक सेट हुआ है आपके दिये मेनू बार में about और contact us मेनु बोक्स से बाहर आ रहें हैं। कृपया ब्लॉग खोलकर देखें।

Leave a Reply

Your email address will not be published. Required fields are marked *