How to Make an Awesome Contact Us form Page for Your Blogger Blog
Do you know how much role contact form plays in our life? Contact form has become very important in today's time, if it was not there then we would never contact anyone, on the website. The contact form is a way to communicate directly with the site owner.
We create Blogger Contact Form so that we keep our website professional and tell us how to talk with users & solve theirs queries.
Let me understand you with an example, see, when you read the content of someone's website and you like that content, then you do guest posts on his website, then you do guest posts to him through his contact us form and he will be accepting your guest post easily with the help of contact us form. If the contact us form is accepted, that is why the contact form is very important on your website.
Do you know how to apply for a contact form in blogger, if not then today we are going to explain to you about the contact form and we will also tell you in full detail how to apply for a contact form on the blogger website so that your website looks professional and also likewise Got it so that there is no problem in getting approval from him? And you can earn.
For Adsense Approval, the Important things were Contact Us, AboutUs, Terms&Conditions(optional), PrivacyPolicy, Disclaimer, etc...
I am going to teach you how to make a responsive contact form in blogger easy. If you want to communicate with your readers or know more about them, then a simple contact form is the best solution for bloggers because it is easy and faster to implement, and what’s more important – free.
How to create responsive contact us page for bloggers?
<div class="contact-form-widget"> <div class="form"> <form name="contact-form">
<p>Name</p><input class="contact-form-name" id="ContactForm_contact-form-name" name="name" size="30" type="text" value="" />
<p>Email<span style="font-weight: bolder;">*</span> </p><input class="contact-form-email" id="ContactForm_contact-form-email" name="email" size="30" type="text" value="" />
<p>Message<span style="font-weight: bolder;">*</span> </p><textarea class="contact-form-email-message" cols="25" id="ContactForm_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm_contact-form-submit" type="button" value="Send" />
<div style="max-width: 222px; text-align: center; width: 100%;"> <p class="contact-form-error-message" id="ContactForm_contact-form-error-message"></p><p class="contact-form-success-message" id="ContactForm_contact-form-success-message"></p></div></form> </div></div>
<script src="https://www.blogger.com/static/v1/widgets/609130596-widgets.js" type="text/javascript"></script>
<script type="text/javascript"> window['__wavt']='AOuZoY4PUAjvdPMazQDQJXJCrDFxkBfenw:1546660985916';_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d7540951749985955556','//blogspot.com','7540951749985955556');_WidgetManager._SetDataContext([{'name':'widgets','data':[{'title':'Contact Form','type':'ContactForm','sectionId':'sidebar2','id':'ContactForm'}]}]);_WidgetManager._RegisterWidget('_ContactFormView',new _WidgetInfo('ContactForm','sidebar2',document.getElementById('ContactForm'),{'contactFormMessageSendingMsg':'Sending...','contactFormMessageSentMsg':'Your message has been sent :) ','contactFormMessageNotSentMsg':'Message could not be sent. Please try again later.','contactFormInvalidEmailMsg':'A valid email address is required.','contactFormEmptyMessageMsg':'Message field cannot be empty.','title':'Contact Form','blogId':'7540951749985955556','contactFormNameMsg':'Name','contactFormEmailMsg':'Email','contactFormMessageMsg':'Message','contactFormSendMsg':'Send','submitUrl':'https://www.blogger.com/contact-form.do'},'displayModeFull')); </script>Note: you have to replace this code with your blog post-Id as shown in the given below image
Posting Komentar