Monday, December 4, 2017

Wapka website me header kaise design kare or header me kya-kya hona chahiye.

Wapka-website-me-header-design-kaise-kare

Hello friends...
Wapka se jude is post me ham apko wapka website header design karna batayenge. Or header me kya-kya hona chahiye. Ye bhi batayenge. Sath hi kuchh tips bhi denge. ☺

Header kya hai ? 

Jab hamne pahli baar wapka website banai thi. Tab hame sabse jyada dikkat header or footer page design karne me hi hui thi. Par ap logo ko koi dikkat nahi hogi. Kyunki ham apko sahi tarika batayenge. Header page wapka ka vo part hai. Jahan ap jo bhi set karenge. Vo apke har page par automatic dikhai degi. Isliye ise samajhna or sahi tarike se design karna bahut jaruri hai. Header or footer ke bare me hamne is post me vistaar se bataya hai. Ap is post "Header or footer kise kahte hain" ko padh lijiye.



Header me kya-kya hona chahiye:

Pahle to ap mere wapka site ka header dekh lijiye. 

Wapka-website-ke-header-me-kya-kya-hona-chahiye

Ye dekhiye mera design kiya hua header. 
  1. Isme image or ek chhoti si description dikh rahi hogi. Ye hamne ek code ke jariye lagaya hai. Image ap direct bhi upload kar sakte hai. Lekin code ki madad se lagane par, website ka SEO bhi hota hai. 
  2. Ye social follow icon hai. Apke visitors ko bandhe rakhne ke liye bahut jaruri hai. 
  3. Ye date and time hai. Jyadatar webmaster wapka website me ye design lagate hain. Ye website ko achchha look deti hai. Ise kaise lagana hai. Ye janane ke liye. Meri ye "wapka me date & time kaise lagaye" post padhe. 
  4. Ye search box hai. Ye bhi hona jaruri hai. Website ko achchha look deti hai. 
  5. Ye social share icon hai. Ye bahut hi important hai website ke liye. Website ke visit badhane me sabse jyada madadgar hai.
Ye kuchh chije hain. Jo hamne apne header me rakhi hai. Lekin ap or bhi bahut sari chije rakh sakte hain. Jaise - link, ads, or kuchh important pages ko header me rakh sakte hain. 




Wapka header kaise design kare:

Ab ap samajh gaye honge ki Header me apko kya-kya rakhna hai. To ab header me jaiye or design kijiye. 
  • Wapka site login kijiye.
  • Apni site select kijiye.
  • Admin mode me jaiye.
  • :: EDIT SITE (#) :: me jaiye.
Wapka-website-add-autocontent

Ab apko Add autocontent me jana hai.

Wapka-website-top-items-header

Ap apko aisa page milega. yahan apko Top items (header) me jana hai.

Wapka-website-header-page

Apko aisa page milega, bilkul khali. Ab ap :: EDIT SITE (#) :: me jaakar apna header design kijiye. Yahan ap jo bhi design karenge. Vo apke banaye har page par dikhega.
Sabse pahle apne header ke liye ek logo design kar lijiye. Logo add karne ke do tarike hain. Agar ap image create nahi kar sakte. To ham apki help kar denge.
  • Pahla picture me jaakar image upload kar ke, add kar sakte hain.
  • Dusra image code ke jariye. Image code lagane ka fayda ye hai ki isase website ka SEO bhi hota hai. 
To agar ap header me image code lagana chahte hain. To pahle WML/XHTML code me jaye. 

Wapka-website-wml-xhtml-code

Apko aisa page milega. 
  1. Ham jo code denge. Vo yahan par daliye. 
  2. Ise aisa hi chhod dijiye. 
  3. Left, right ya center select kijiye. 
  4. Ise aisa hi chhod dijiye. Lekin is option ki puri jaankari pane ke liye. Ye post padhe
  5. Yahan place select kijiye. 
  6. Yahan par class select kijiye. Ye design ke liye hote hain. Ye option classes set kar lene ke baad aata hai. Classes kya hai or kaise set kare ? Ye janane ke liye, ye post padhe
  7. All users select kare. 
  8. Ab Submit kar dijiye. 




Wapka header image code.




Is code me apko kuchh chije, apni website ke hisab se change karne honge. Kya-kya change karna hai ? Ye hamne image me color mark kar ke bataya hai.
  • Green - yahan apko apni website ka naam dena hai. 
  • Yellow - yahan apko apna logo ya image ka URL dalna hai.
  • Red - yahan apko apni website ka description likhna hai. Ye description website par nahi dikhega. Ye google search me dikhane ke liye hai. Isliye soch samajh kar likhiye.
  • Blue - yahan par jo ap likhenge. Vo apke website par dikhai dega. Or sath hi google search engine bhi ise search karte waqt dekhega. Isliye yahan soch samajh kar likhe. Iske baare me samjhne ke liye meri Ye post padh sakte hain
Thik isi tarah ap social icons bhi laga lijiye. Social icons ke code apko meri is post me mil jayenge. Or date and time code apko meri is post me mil jayenge. Search box lagane ke liye ap wapka ka default search box laga sakte hain. Or ye box kaam karta hai.

Useful tips.

  • Header me image logo lagaiye. Image png, jpg or gif file me laga sakte hain.
  • agar image nahi laga sakte to text code ka istemaal kar ke site name likhe. 
  • Header me faltu ke words naa likhe. 
  • Jab ap add lagaye to header me hi lagaye. Isase jyaada laabh kama sakte hain.
  • Social icons bhi header me hi lagaye.
  • Search box ap code ke jariye bhi laga sakte hain. Lekin vo search box kaam nahi karta. Isliye wapka search box lagana hi thik hai.
  • Apne naye pages ka link bhi header me lagaye. 
Umeed hai apko post pasand aaya hoga. Agar kuchh samajh naa aaye. To jarur puchhe. 

6 comments:

  1. sir mene lagbhag 2 mahine pahle wapka par website banai thi par jab me use disain karne ke liye open karta hun to ADMIN MODE and USER MODE open nahi ho pa rahe he please my solution

    ReplyDelete
    Replies
    1. Hame mam boliye.
      Ap Wapka opera mini me chalaya kijiye. Wahan problem nahi hogi.

      Delete
    2. Please dear help me wapka me header ko kaise delete kerete
      hai...
      Please give me answer my whtasaap number please

      Delete
    3. Hame mam boliye. Dear nahi. Or Wapka me header me jake, apne jo bhi design kiya ho. Use edit site me jakar delete kar dijiye.

      Delete
  2. Bhai sahaab aapki post muje bhaut pasand aayi or kafi helpful hai bas mujse thodi site galti ho gayi jo aapne ye header ka code diya tha tho same mujse wali save ho gya tho mai kese use delete kere suda are Saku please help me
    Muje please btaye whatsaap per 7988048057

    ReplyDelete
    Replies
    1. Apko delete karne ki koi jarurat nahi hai. Apko bas us code ko edit kar dena hai. Ap edit me jaakar edit kar dijiye.

      Delete

Apko post kaisa laga jarur bataye. Sath hi hamare website ko subscribe jarur kare. Apka comment verification ke baad hi dikhai dega. Comment karne ke liye dhanyavaad. 😊