How to create contact us page in blogger

    benefits of making contact us page 

  • It makes your website or blogs professional looking.
  • if your reader has any problem so they can inquire regarding any topic
  • if you have contacted us page in your website so you can get easy approval for Adsense

so this is the primary benefits of contacting us page now will show you how you create 

VISIT THE BLOGGER.COM 

  • first, open your blogger account, then you see many options on the left sidebar.
  • Click on layout option to get the opportunity of add gadgets as see you in the image.

2:- Click on add gadget

  • As you see in image add gadget link to click them and open it

3:- add them

  • just choose more device as you see in image left sidebar then you see contact form, add them

Part – 3: Adding Contact Form to a Page

last thing to get your contact form in your blog or website

  • Go to the page as you see in the left sidebar, then click on the new page.
  • last but not least, step to getting your contact form, i am giving you HTML code you to do open contact form page, then click on Html then past my Html code that ii am provide you.

HTML CODE :-

<div dir=”ltr” style=”text-align: left;” trbidi=”on”>

<br />

<div class=”widget ContactForm” id=”ContactForm1″>

<div class=”contact-form-widget”>

<div class=”form”>

<form name=”contact-form”>

<div class=”fm_name”>

&nbsp; &nbsp; &nbsp; &nbsp; Your Name: <input class=”contact-form-name” id=”ContactForm1_contact-form-name” name=”name” size=”30″ type=”text” value=”” /><br />

<br /></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=”” /><br />

<br />

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;message :</div>

<div style=”clear: both;”>

</div>

<div class=”fm_message”>

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<textarea class=”contact-form-email-message” cols=”25″ id=”ContactForm1_contact-form-email-message” name=”email-message” rows=”5″></textarea><br />

<br />

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<input class=”contact-form-button contact-form-button-submit” id=”ContactForm1_contact-form-submit” type=”button” value=”Submit” /><br />

<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>

</div>

  • At last, click the publish, then your contact form is ready to show on your blog or website.

 

 

Leave a Reply

Close Menu