How to Make Contact Us Page in Blogger | Fomeber

Make contact us page for your blogger blog separately with using my special script code. It will gives you fantastic contact us page for your blog. In wordpress you will easily get contact us plugin, but in blogger not such plugins available to make contact us page. So here I have best way to make contact us page. Follow my steps and get nice contact us page.

Recommends to read:

• Amazing floating facebook like box widget for blogger 
• Add professional Author box for blogger blog
• 5 top blogspot SEO tips to get huge traffic 

Make Contact Us page for blogger blog

This is very simple to make contact us page in blogger, so relax and read full post and if you like please share this post and like us.

1. Go to blogger.com and sign in with your Google Account.
2. Choose pages from left navigation in blogger shown in image below-
   
   
3. Click on add new page 
4. Make your heading default "Contact us"
5. then choose HTML box showing in image below-
6. now you can see on right hand side post settings-
    
7. Now write your contact us page meta search description.
8. In other option setting disable your comments on contact page and done.
9. The last step is the code for contact us page. After completing your step number 5, you have to paste this code in HTML -  

<div dir="ltr" style="text-align: left;" trbidi="on">
<script>
var blogId = '2290918253672158912';//this number should be mandatorily edited.
//The below message 5 Strings can also be edited
var contactFormMessageSendingMsg ='Sending...';
var contactFormMessageSentMsg = 'Your message has been sent.';
var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.';
var contactFormEmptyMessageMsg ='Message field cannot be empty.';
var contactFormInvalidEmailMsg = 'A valid email is required.'

var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>

<br />
<form name="contact-form">
<div>
Your Name : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />

<br />
<div>
Your Email: <i>(required)</i></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />

<br />
<div>
Your Message: <i>(required)</i></div>
<textarea class="contact-form-email-message" 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" onclick="sendEmailMsg()" type="button" value="Send" />

<br />
<div style="max-width: 450px; text-align: center; width: 100%;">
<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>

Customization

After done all steps just change your blog Id with "2290918253672158912". Now your blog has new contact us page.

How to find your blog ID

For finding your blog Id, just find your blog URL as shown in image below-

You can see my blog id, just go to your blogger and check this URL, you will get your blog ID visible in URL.

I hope you enjoy this post and will get contact us page. Share this post with your friends and keep visiting for more post like this. Thanks :)
Check Your Domain Ranking