ब्लॉगर ब्लॉग में Professional Contact Us Page कैसे बनाये ?

Aaj ke es post me mai apko batane wala hu How to make Contact us page in blogger ya blogger me Contact us page kaise banaye.Yadi apka blog blogspot platform per hoga to aap ko contact us page ko change karne ki jarurat hogi kyoki blogger ke dwara diya gya contact us widget ka look abhut hi kharab hai ese apko jarur change kar dena chaahiye.Aaj ke es post me Contact us page kaise banaye esake bare me puri details se jankari provide ki hai.Aapko pareshan hone ki jaruraat nhi hai mai yha per bahut hi simple & professional method se blog per contact us page lgana bataya hai.

ALSO REad-

part-2-what is blog?what is blogger?what is blogging?blogspot kya hai?

Kuchh nye blogger apne blog me important page nhi lagate hai ,important page me contact us form bhi hai.So esako apko apne blog me jarur lagana chahiye.

Maine apne website indianwinners per online paisa kaise kamaye aur free me blog ya website kaise banaye se related bahut sare post already publish kar chuka hu aap hamare aise hi any interesting blog read kar sakte hai.Friends mera ek youtube channal hai jisaka nam ''Tech 20 With Shubham'' hai aap hamare channal ko subscribe karna na bhule mai yha per daily new video lata hu jo tech se related hota hai wo bhi hindi me so subscribe my channal if u want

Part 3-BLOGGER.COM pr paisa kamane ke liye free me account kaise banaye

Blogger Blog me Professional Contact Us Page kyo lagaye ?

Yadi aap blogger per apna account create kiye hai to apko blogging se paisa kamane ke liye kuchh important page ko apne blog me add karna padega.Google adsence ke term and conditions me hai agar aap apne blog ke liye adsence ka use karte hai to aap ko kuchh special pages, Ex-Privacy policy page, About Us, Disclaimer aur contact us page ko apne blog me use karna padega.Aagar aap enka prayog apne blog me nhi karte hai to aap ka adsence account approve nhi ho sakta.according to policy in pages ko apne blog me lagana must hai.

Blogger ne already apne blogger ke liye contact us form ki shuvidha provide kiya hai but unka contact us form professional nhi dikhta hai,bahut hi simple hota hai esliye aap ko ek attrective contact us form lagana jaruri hai.

Bahut sare user ko problems ke solution ya guide ke liye ap se  contact karne ki jarurat padati hai.Apke user attrective contact us ka upyog karke ap se asani se contact kar sakta hai.Jaise apka koi bhi visiter apke blog per guest post karna chahta hai to asani se aap se contact kar sakta hai aur apse apni bato ko share kar sakta hai.

Part 4- Blog per new post kaise likhate hai

To chaliye mai apko puri details se batata hu ki How to create a Contact us page on blogger,,,

Blogger Site me contact us page kaise Banaye ?

STEP 1-Sabse pahle ap apne blogger dashboard me jaye

(A) Pages per click kare

(B) NEW PAGE per jaye

STEP 2-

(A) Page title ME Contact Us, dale.

(B) Ab compose ke bagal me HTML per click kare

(C) ab niche diya gya code copy karke paste kare

<div class='form'><form name='contact-form'><!-- Name Field --><input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' value="Name" size='30' type='text' onblur='if (this.value == "") {this.value = "Name";}' onfocus='if (this.value == "Name") {this.value = "";}' /> <!-- Email ID Field --><input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' value="Email ID" size='30' type='text' onblur='if (this.value == "") {this.value = "Email ID";}' onfocus='if (this.value == "Email ID") {this.value = "";}'/> <!-- Message Field --><textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' value='Leave Your Message..' onblur='if (this.value == "") {this.value = "Leave Your Message..";}' onfocus='if (this.value == "Leave Your Message..") {this.value = "";}'>

Part 5-Blogger ke liye top 10 free templet just seems looks to premium template

(D) Ab Publish per click kare.(apko dhyan dena hai ki code paste karne ke baad compose mode me na jaye oterwise problem aa sakti hai)

Ab aap dekhenge to aapka contact us page ka design pahle jaisa hi show hoga.Jo utana achha nhi dikhta ya bilkul simple hota hai.Esliye apko design change karne ke liye ek aur code apne template me save karna hoga.To chaliye ham use bhi pura kar lete hai.

STEP 3-Template<<edit html per click kare

STEP 4-Ab apko code ke bich me kahi bhi clikck karke CTRL+F press karna hai aur search kijiye </head>  code. </head> ke pahle hi apko niche diya gya code paste karna hoga.

<style>.contact-form-name, .contact-form-email, .contact-form-email-message { max-width: 220px; width: 100%; font-weight:bold; } .contact-form-name { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADm2OPKHC3bJqsYbE9MlcUid4QqkuW2TUXK9nmszBQkSUHl9q_ix3nxDOQW842LxlWPPEeojxxIgiITKpofjveFhyvdxxI4vONjpAUM4RmOOBE3N4wCA5E_grZ4izVaqTRiIau9EosNw/s320/name.png) no-repeat 7px 8px; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A0A0A0; display: inline-block; font-family: Arial,sans-serif; font-size: 12px; font-weight:bold; height: 24px; margin: 0; margin-top: 5px; padding: 5px 15px 5px 28px; vertical-align: top; } .contact-form-email { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8xaYBgHEHq_0TwbeQh3y3tiM469xYnGaJj-1MKNRQgpKvCGeqlnOKtE5qijtuUowEGGFPYBAuLA5g-qU1sW8ghcczsig4hXgm5eXWRJG4rx_3P1Ip43DvqNtGNvtI6OKmAoeOj4MMNM/s320/email.png) no-repeat 7px 10px; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A0A0A0; display: inline-block; font-family: Arial,sans-serif; font-size: 12px; font-weight:bold; height: 24px; margin: 0; margin-top: 5px; padding: 5px 15px 5px 28px; vertical-align: top; } .contact-form-email:hover, .contact-form-name:hover{ border: 1px solid #bebebe; box-shadow: 0 1px 2px rgba(5, 95, 255, .1); padding: 5px 15px 5px 28px; } .contact-form-email-message:hover { border: 1px solid #bebebe; box-shadow: 0 1px 2px rgba(5, 95, 255, .1); padding: 10px; } .contact-form-email-message { background: #FFF; background-color: #FFF; border: 1px solid #ddd; box-sizing: border-box; color: #A0A0A0; display: inline-block; font-family: arial; font-size: 12px; margin: 0; margin-top: 5px; padding: 10px; vertical-align: top; max-width: 350px!important; height: 150px; border-radius:4px; } .contact-form-button { cursor:pointer; height: 32px; line-height: 28px; font-weight:bold; border:none; } .contact-form-button { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% Arial, Helvetica, sans-serif; padding: .5em 2em .55em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); } .contact-form-button:hover { text-decoration: none; } .contact-form-button:active { position: relative; top: 1px; } .MBT-button-color { color: #fef4e9; border: solid 1px #da7c0c; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20)); background: -moz-linear-gradient(top, #faa51a, #f47a20); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20'); } .MBT-button-color:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); border-color: #F47C20!important; } .MBT-button-color:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); } </style><!--[if IE 9]><style>.contact-form-name { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADm2OPKHC3bJqsYbE9MlcUid4QqkuW2TUXK9nmszBQkSUHl9q_ix3nxDOQW842LxlWPPEeojxxIgiITKpofjveFhyvdxxI4vONjpAUM4RmOOBE3N4wCA5E_grZ4izVaqTRiIau9EosNw/s320/name.png) no-repeat 7px 0px; } .contact-form-email { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8xaYBgHEHq_0TwbeQh3y3tiM469xYnGaJj-1MKNRQgpKvCGeqlnOKtE5qijtuUowEGGFPYBAuLA5g-qU1sW8ghcczsig4hXgm5eXWRJG4rx_3P1Ip43DvqNtGNvtI6OKmAoeOj4MMNM/s320/email.png) no-repeat 7px 6px; } </style><![endif]--><style>@media screen and (-webkit-min-device-pixel-ratio:0) { .contact-form-name { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgADm2OPKHC3bJqsYbE9MlcUid4QqkuW2TUXK9nmszBQkSUHl9q_ix3nxDOQW842LxlWPPEeojxxIgiITKpofjveFhyvdxxI4vONjpAUM4RmOOBE3N4wCA5E_grZ4izVaqTRiIau9EosNw/s320/name.png) no-repeat 7px 6px; padding: 15px 15px 15px 28px; } .contact-form-email { background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhV8xaYBgHEHq_0TwbeQh3y3tiM469xYnGaJj-1MKNRQgpKvCGeqlnOKtE5qijtuUowEGGFPYBAuLA5g-qU1sW8ghcczsig4hXgm5eXWRJG4rx_3P1Ip43DvqNtGNvtI6OKmAoeOj4MMNM/s320/email.png) no-repeat 7px 8px; padding: 15px 15px 15px 28px; } .contact-form-email:hover, .contact-form-name:hover{ padding: 15px 15px 15px 28px; } .contact-form-button { height: 28px; } } </style>

Part 6-Blogger Blog Ki Template Ko Change Or Upload Kaise Kare in hindi

STEP 5-Ab save template per click karke save kar lijiye.To ab finaly aapne apne blog me contact us ka form lga diya hai aap view karke dekh sakte hai.

Ab aapko pata chal gya hoga ki How to add Contact us page on blogger या How to Create Contact us page blogger.Yadi fir bhi aapko contact us page lagane me koi bhi error aata hai to aap comment karke apna problem dur kar sakte hai. sath me aap hamare youtube channal ko subscribe kar le aur aap hamare blog feed ko bhi subscribe kar sakte hai yah bilkul free hai. 


Thank you....Regards from Indianwinners

related Tags-Contact us form for blogger page,contact us page for website,contact us website page,Blogger