Online9help

How to create Contact Us Page in blog
If you are a good blogger, then your visitors will have a problem, then they will want to contact you directly. He can easily solve his problem by contacting you.
So all blogger should make contact page in their blog. If you also want to create a contact page in your blog, then you can make a contact page in your blog by following this post.



Anyone can ask you through commenting but if someone wants to contact you personally, then for that you have to make contact us page in your blog so that any Visitor or someone else will be able to contact you directly. Apart from this, you will have many benefits from this, I am telling you from the point below.

What are the benefits of creating Contact Us Page?
Anyone can contact you direct
If you offer Direct Advertisement then any company will contact you.
If a visitor will contact you directly, then if his problem is solved, then he will share your blog.
Adsense will quickly approve.


How to make contact Us Page in blog
Now I am telling you step by step how to create Contact Us Page in Blog. You follow the steps with me.

Step 1: Login to Blogger first and go to Blog's Dashboard.


Step 2: Now add Contact Form Widget.

Now click on Layout
Now click on Add a Gadget anywhere.


Step 3: Now there will be a Page Open

Click here on More Gadgets.
Now click on the Contact Form and add Widget.

step 4: You hide the Contact Form Gadget.



Now go to Template >> Edit HTML.




Step 5: Now by pressing CTRL + F in the keyboard, find]]> </ b: skin> and put the code below before]]> </ b: skin>

Now save the template



Step 6: Now copy the codes below.

<div id="custom_ContactForm1"

class="widget ContactForm">

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

<p>Get in touch with us by filling out the

form below.</p>

<div class="form">

<form name="contact-form">

<p></p>

Name

<br>

<input type="text" value="" size="30"

name="name" id="ContactForm1_contact-

form-name" class="contact-form-name">

<p></p>

Email

<span style="font-weight: bolder;">*</span>

<br>

<input type="text" value="" size="30"

name="email" id="ContactForm1_contact-

form-email" class="contact-form-email">

<p></p>

Message

<span style="font-weight: bolder;">*</span>

<br>

<textarea rows="5" name="email-message"

id="ContactForm1_contact-form-email-

message" cols="25" class="contact-form-

email-message"></textarea>

<p></p>

<input type="button" value="Send"

id="ContactForm1_contact-form-submit"

class="contact-form-button contact-form-

button-submit">

<p></p>

<div style="text-align: center; max-width:

222px; width: 100%">

<p id="ContactForm1_contact-form-error-

message" class="contact-form-error-

message"></p>

<p id="ContactForm1_contact-form-success-

message" class="contact-form-success-

message"></p>

</div>

</form>

</div>

</div>

<div class="clear"></div>

<span class="widget-item-control">

<span class="item-control blog-admin">

<a title="Edit" target="configContactForm1"

step 7: Now you click on Pages Option and click on New Page


step 8: now a page will be open


Write Contact Us instead of Title here.

Now click here on HTML

Past the copied code here

Now Publish Finaly.



I hope you like this post. If there is a problem, then comment us so that I can solve your problem.

0 Response to " "

Post a Comment

Top Ad Articles

Middle Ad Article 1

Middle Ad Article 2

Advertise Articles