Contact Form Page Kaise Banate hai Blogger me

Internet par jitni bhi Website or Blog hai wo kisi na kisi ne to banaye hai, or agar koi visitor site par aata hai or wo Website ke admin(malik) se contact karna chahe to contact us ke page se kar sakta hai. Is Page Par site owner ki Detail rhati hai or ek Form rhata hai.

Hindi Me Help ka contact Page dekhe

Kya hai Contact Page

Ye ek Static Page hota hai, jo hamare blog me rhata hai par wo hamari post ki list me nahi dikhta. Mainly ham Pages ko About us, Contact Us, Privacy Policy ke liye banate hai par ham inka traffic badane ke liye bhi use kar sakte hai.

Aaj Ham Dekhege Kaise Contact Us Page banate hai Blogger me, jiski madad se hamare visiter hamse diret Contact kar sakte.

Ye adsense ke lie bhi bhut jaruri hai, Q hai iske bare me mene adsense account ki approve tips m baataya hai

Contact Form Page Kaise Banaye Blogspot me

Isko Add karna koi jada muskil nahi hai, par uske phele kuch code hame Template me add karne hai, to chaliye dekhte hai step by step kaisee contact us page ko add kare blogger me

Step 1.

Sabse Phele hame Contact Form Add karna hai. (Widget kaise add karte hai uski jaankari)

Layout >> Add a Gadget >> Contact Form

Step 2:

Ab hame Template me kuch code add karna hai or kuch delete karna hai.

1. Template >> Edit Template par click kare
2. Jump to Wiget par click kare fir ContactFrom1 par click kare

Ab Code ko Khole, ▶ ero par click karke

ab is code ko delete karna hai, jo <b:includable id=’main’></b:includable> ke bich me hai,

Is Code ko Template me search kare fir isko delete karna hai,

  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>

Step 3:

Ab hame ek Css code add karna hai Blogger template me. Agar detail me jaanna hai hai kaisee CSS Code ko add kar sakte hai blogger me to yaha click kare.

Template me ]]></b:skin> Search kare or uske upar is code ko dale.

/*Custom Cocntact Form BY HindiMeHelp.com */
.contact-form-widget {
margin-left:auto;
margin-right:auto;
width: 600px;
max-width: 100%;
padding: 0px;
color: #000;
}
.fm_name, .fm_email {
float:left;
padding:5px;
width:48%
}
.fm_message {
padding:5px;
}
.contact-form-name, .contact-form-email {
width: 100%;
max-width: 100%;
margin-bottom: 10px;
height:40px;
padding:10px;
font-size:16px;
}
.contact-form-email-message {
width:100%;
max-width: 100%;
height:100px;
margin-bottom:10px;
padding:10px;
font-size:16px;
}
.contact-form-button-submit {
border-color: #C1C1C1;
background: #E3E3E3;
color: #585858;
width: 20%;
max-width: 20%;
margin-bottom: 10px;
height:30px;
font-size:16px;
}
.contact-form-button-submit:hover{
background: #ffffff;
color: #000000;
border: 1px solid #FAFAFA;
}

Fir Template ko Save karde..

Step 4:

Ab hame simple Page add karna hai, or uske HTML view me hame code ko add karna hai.

<div class="widget ContactForm" id="ContactForm1">
<div class="contact-form-widget">
<div class="form">
<form name="contact-form">
<div class="fm_name">
Your Name:
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /></div>
<div class="fm_email">
E-mail Address *:
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /></div>
<div style="clear:both">
</div>
<div class="fm_message">
Message *:
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
</div>
</div>
</div>

1. Page Title me Contact Us dale
2. HTML par click karke apna Code dale, jo mene upar diya hai
3. Publish karde Page ko.

Video Dekhe: Kaise Add kare Contact Form ko Page me

Ab aap Apne BLog Page ko khol kar dekhe, is prakar ka Contact From aayega.

Is Contact Form ki madad se koi bhi jo hamare blog par aagega wo hamse contact kar sakta hai.. Apna Naam, Email Address or uska kya message hai wo daal kar submit karega to hamare email par uska message aa jayega..

Privacy Policy Page bana kar add kare Blog me

Jaankari kesi lagi or kahi koi paresani to nahi aai, agar aai ho to jarur batana taki me usko update karke or aasan bana saku..

Blogger ke upar dusri post padne ke liye yaha click kare

Thanks, Happ Blogging :)