Tuesday, 16 June 2020

Blogger Blog में Custom Menubar कैसे Add करें

Freinds is post me aap blogger me custom menu design karne ke bad blog me add karna shikhege. maine kai bar dekha hai ki new bloggers bina menu bar ke templete ko apne blog me upload kar lete hai. aisa isliye karte hai ki une koi achha sa free theme nahi milata. and jo free template achha hota hai usme menubar nahi hota hai. isliye maine blogger me costom menu add karne ke bare me bataya hai. jiski help se koi bhi apne blog ne costom menu bar add kar sakta hai.

Custom menu bar blogger Mein Kaise add Kare

kuch new bloggers ko menu design and apne blogger me add karne me kafi paresani hoti hai. unki problums ko dekhate hue. is post me manpasand menu lagane ke bare me maine bataya hai. Menu bar ke bare me to aap sabhi log jante hi hoge. ye blog ke top par hota hai.

Visitors jab aapke blog par aate hai to unaki najar me sabase pahale menubar hi hota hai. And usi se anuman lagate hai. ki apake blog me kya hai. Blog me menu lagana bahut hi simple hai ise koi bhi niche diye step ko falo karke badi hi aasani se kar sakata hai. To chaliye jante hai blog me menu kaise add karte hai.

Blog me custom menu design karke kyu add karte hai ?

custom menu aapke templete me pahale se add nahi hone ke vajah se add kiya jata hai iske alava apne pasand kamenubar lagana chahate hai to custom menu add kar sakte hai.

Menubar kisi bhi site ke top par hota hai. Isme site ke man topic ko add kiya jata hai jise dekhar koi visitors jan pata hai ki blog kis bare me hai and isme kaun-si topic par content likha gaya hai. Sabse badi bat yah hai ki site ke artical ko read karne ke liye jyada search karne ki jarurt nhi padti.

Create blogger menubar 

Sabase pahale Online html tools browser me type karkr inter kare. Ab Online html tool ki website open ho jayegi. Jaisa ki aap niche image me dekh rhe hai. Generators ke Optipn par arrow le jane se ek khidaki khulegi usme menu par click kare.

Ab jo new khidki khulegi usme apne menu ko chunana hai. Yha par aap dekh skte hai ki anek tarh ke Menu option hai jo aapko pasnad ho usko choose kare.

1. Menu Bar- Is option me aapne jo bhi setting ki hai usko badi hi aasani se dekh sakte hai. Jis bhi tool ka use karte hai sbhi ki pratikriya yha dikhai deta hai.

2. Please choose a color- Yha se menu ke liye colour chunte hai scrrol karke jo colour pasand ho chune.

3. Menu- Yha par Menu ko Orenge karne ke liye anek tarh ki faiseliti di gyi hai jisko use karke badiya loock bana sakte hai Jaise -

➠ Height Apne blog ke anusar hight rkhe.

➠ Rounded corner- menu ke 4 cor ko rounded kar sakte hai.

➠ Font title- Yha se menu keliye fonts style ko chunate hai.

➠ Font size- Font ko chota aur bada karte hai.

4. Search input box- yha se menu me serch box ko manage kiya jata hai. Aap chahe to serch box ko disable bhi kar sakte hai.

➠ Width- serch box ki width ko apne anusar rkhe

➠ Height- box ki height ko manage karte hai.

➠ Rounded corner- serch box ke kono ko round karte hai.

5. Tabs- Tab  se matlab jo Menu me Topic add hota hai usse hai. Yha par us topic ke words ki bat hai ki usko kis trah se aap rkhana chahte hai. And usme jo Menu add karna hai uski size kya hogi usko yha se choose kare.

6. Grab the menu code- Sari prakriya puri hone ke bad Grab the menu code par click karen. Jaise hi aap ispar clik karte hai ek new window open hogi jisme ki HTML aur CSS code hoga. 


Ab jo khidaki khulegi usame html and css code hai jaisa ki niche screenshot me dekh rahe hai. Ab pahale html code ko copy kar le. Is code ko template me add karna hai.

Add custom menu for blogger

Apane gmail se blogger me login karke Dashboard par jaye.

Template ke option par click kare.

Ek new window khulegi edit HTML par click kare.

Ab HTML code box aayega niche screenshot me dekhe.

Jump to widget par clik kare

Ek khidaki khulegi Header1 par cleck karane par code box me header jaha hoga highlight ho jayega. Copy kiye gaye code ko iske niche past kare.

add menubar html code in header

NOT- Code past karne se pahale header ke niche ya uper koi word jaise [000000000] type karane ke bad Preview karke dekh le ki jo code aap past karne ja rhe hai. Thik jagah par hai ki nahi.

Ab css code ko keywerd me ctrl+c press karke copy kare. fir Template me /contant  code ko search kare. jaisa ki aap niche dekh rahe hai. kyoki copy kiye code ko yha pest karna hai.
menu design from css
Copy kiye css code ko past kare. Fir privew karke dekh le agar custom menubar achha lage to last me Save template par click karke theme save kar de.

Congratulation ! Ab aapke blog me custom menu design add ho gaya hai. Aap view blog par click karke dekh sakate hai. Ydi kisi dusare colure ka menu lagana hai to comment me likhe.

I hope blog me custom menu design karke add karne ki jankari achhi lagi. ydi koi problem ho menu add karne me, to comente me apana saval puch sakte hai. Is post ko apne dosto me share kare and aise nye post ko apne gmail par pane ke liye subscribe kare.

Thanks..

➽ Blogger में Facebook Like Button कैसे Add करें
➽ Blogger में Category / Tags Widget कैसे Add करें

4 comments:

  1. bahut acchi post hai lekin template me kuch changing karo.

    ReplyDelete
  2. Advice ke liye thanks. new post read karne ke liye site pe visit karte rhe.

    ReplyDelete
  3. copy karne ko kyon kehte ho jab aapne copy ko block kiya hua koi fayeda nahi bhai es trah uspar se copy block jo woh hatao copy nahi ho raha .. okay

    ReplyDelete
  4. maine kuchh bhi block nahi kiya hai shayad aapne post ko thik se padha nahi.

    ReplyDelete