How To Add Stylish Contact From Page On Blogger - Gourab Design

How To Add Stylish Contact From Page On Blogger


There is also a professional website on the internet. Looking at his blog, every kind of page will be found. Through which every visitor knows them by contacting them.And not the same. There are some pages that are very important for every old and new wbsite. Todays topic we are discussing How To Add Stylish Contact From Page On Blogger .

In addition to such pages if your website is not in your website, your reader will never be able to contct you. And due to this the adsense will not even be allowed.

In today's topic, we will teach you how you can make that page for your website, and that too easily.As far as talking, many posts will be found on the internet. But that simple does not happen at all. The more simple tips I will tell today.

Due to this page your site will become professional. Your article reader will be assured. If they need help then he will be able to tell.When you use a custom theme, this page will already appear in the sidebar. That's not right.

I am telling you the following process to read it well. And use whatever is written.

tips to add contact from page on blogger

Also check :- How to add back to top button widget

How To Add Contact Us Page On Blogger

First you go to the your DASHBOARD.  Then see TEMPLATE option.  Simply click it.  Now see the right side. There EDIT HTML option. click on. 

First you need this meta tag for <head> code bellow.

<meta content='Gourab Das' name='author'/>
<meta content='' name='email'/><link href='' rel='publisher'/>
<link href='' rel='author'/>
<link href='' rel='me'/>

You can edit this code and enter your id or name ok. Its Important mind it.πŸ‘†

*** Now Go To Dashboard >> Pages >>  Click New Page Button >> Change Compose To HTML.


Creat custom contact from for blogger

<script> var blogId = 'ENTER YOUR BLOG ID HERE';//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': ''}, 'displayModeFull')); widgetLoaded=true; document.getElementById('ContactForm1_contact-form-submit').click(); } return true; } </script> <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=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <em>(required)</em></div> <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/> <div style='text-align: center; max-width: 450px; width: 100%'> <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> </div> </form>

 how to add contact us page in blogspot?

 πŸ‘‰ See this code first line :- ENTER YOUR BLOG ID HERE.  There simply add your id. Ok. can find this ID on the URL bar of your browser when you are on any page on your  dashboard. This blogID is required to generate the code for the new these page. πŸ‘ˆ

find blog id image

Disable comment . And then save it ok. Now check your website. Visit this page url. Then see elegant stylish  That page.

Abobe all code is made by Gourabdesign. This code is very clean or responsible and seo friendly.

Impress any girls at first glance . Best love tips in hindi

❤️ Author Note  ♡♡

You can customise the NAME, MASSAGE , SENT  is the html area in the above .

πŸ‘ Advantages 

*Your visitor will be able to find you immediately. When he needs help.

*Everyone on your website will trust. And due to this the ranks will also be soon.

*Your traffic will increase. Everyone who likes will also come.

Thank you for reading this post. Please share it with all the friends. So that everyone knows about this.If you have any questions in mind, then ask for a comment. Thank you. Bye. take care of yourself.

No comments