GeegleHayoO -
How to Fix Contacts Forms Not Working 
Hallo GO'? How Are You Today? Tutorial blogger / blogspot this time is about how to overcome the contact form (Contact Us) who do not work or can send messages to email. It is characterized by the absence of notification or wording "Sending ..." after clicking the submit button. In addition, the notification does not appear another is "You massage has been send" indicating that the message has been sent to the admin email or blog owner.
Cause conact Form which can not send messages like this is akbiat of custom templates blogger fairly extreme and indiscriminate, removing the default stylesheet blogger / blogspot itself.
Thus resulting in some gadget bloggers can not function properly. Usually gadget that does not work is the contact form widgets and widget archive. This is done not without reason, these features intentionally omitted because it is generally not used by most bloggers. These features contribute only loading the blog becomes heavy.
Read also: How to Make Recent Post By Label-Free Render Blocking
Well, for your custom template users, especially users of Bungfrangki.com template (ranging from Jumper Template, SIMINI Templates, Template Perkasa and so on) try to check the contact form on your blog. Do contact form is functioning properly or not ?. If no written notification "Sending ..." and "You massage has been send" means the contact form is problematic and you will not receive any message from the visitors who use the contact form to send a message to you.
To address this problem, here's how.
Before continuing this tutorial, it is good you also listen to articles on How to Install Contact Us on the Static Page Blog, if you are in the contact form static page. However, if your contact form in the sidebar then any different treatment (described below).
Improving the Contact Form on Page
To create a contact form on a static page, we need to code the caller, for example like this:
<Div dir = "ltr" style = "text-align: left;" >
Please fill out the form below to contact us. If there are no obstacles and other busyness, we will immediately respond with a quick message you send.
<br />
<Form name = "contact-form">
<Input id = "ContactForm1_contact-form-name" name = "name" placeholder = "Name" size = "30" type = "text" value = "" /> <br />
<Input id = "ContactForm1_contact-form-email" name = "email" placeholder = "Email" size = "30" type = "text" value = "" /> <br />
<Textarea cols = "25" id = "ContactForm1_contact-form-email-message" name = "email-message" placeholder = "Message" rows = "5"> </ textarea> <br />
<Input id = "ContactForm1_contact-form-submit" type = "button" value = "Submit" /> <br />
<Div class = "clear">
</ Div>
<Div style = "max-width: 222px; text-align: center; width: 100%;">
<Div id = "ContactForm1_contact-form-error-message">
</ Div>
<Div id = "ContactForm1_contact-form-success-message">
</ Div>
</ Div>
</ Form>
</ Div>
Then add the following code just below the code </ form>
<Script src = "https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type = "text / javascript"> </ script>
<Script type = "text / javascript">
// <! [CDATA [
if (typeof (BLOG_attachCsiOnload)! = 'undefined' && BLOG_attachCsiOnload! = null) {window [ 'blogger_templates_experiment_id'] = "templatesV1"; window [ 'blogger_blog_id'] = '6871833555178132779'; BLOG_attachCsiOnload ( ''); } _WidgetManager._Init ( '// Www.blogger.com/rearrange?blogID\x3d 6,871,833,555,178,132,779th', '// www.bungfrangki.com/', '6871833555178132779');
_WidgetManager._RegisterWidget ( '_ ContactFormView', new _WidgetInfo ( 'ContactForm1', 'sidebar3', null, document.getElementById ( 'ContactForm1'), { '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 can not be empty. ',
'title': 'Contact Form', 'blogId': '6871833555178132779', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', '
submitUrl ':' https://www.blogger.com/contact-form.do '},' displayModeFull '));
//]]>
</ Script>
Attention:
Change the code 6,871,833,555,178,132,779th blog with your ID number. Find views in this way:
So the result (combined) to be like this:
<Div dir = "ltr" style = "text-align: left;" >
Improving Contact Form on Sidebar Widget
Please fill out the form below to contact us. If there are no obstacles and other busyness, we will immediately respond with a quick message you send.
<br />
<Form name = "contact-form">
<Input id = "ContactForm1_contact-form-name" name = "name" placeholder = "Name" size = "30" type = "text" value = "" /> <br />
<Input id = "ContactForm1_contact-form-email" name = "email" placeholder il "size =" 30 "type =" text "value =" "/> <br /> <textarea cols =" 25 "id =" ContactForm1_contact-form-email-message "name =" email-message "placeholder =" message "rows =" 5 "> </ textarea> <br /> <input id =" ContactForm1_contact-form-submit "type =" button "value =" Submit "/> <br /> <div class =" clear " > </ div> <div style = "max-width: 222px; text-align: center; width: 100%; "> <div id =" ContactForm1_contact-form-error-message "> </ div> <div id =" ContactForm1_contact-form-success-message "> </ div> </ div> </ form > <script src = "https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type = "text / javascript"> </ script> <script type = "text / javascript"> // <! [CDATA [if (typeof (BLOG_attachCsiOnload)! = 'undefined' && BLOG_attachCsiOnload! = null) {window [ 'blogger_templates_experiment_id'] = "templatesV1"; window [ 'blogger_blog_id'] = '6871833555178132779'; BLOG_attachCsiOnload ( ' ');} _WidgetManager._Init (' // www.blogger.com/rearrange?blogID\x3d6871833555178132779','//www.bungfrangki.com/','6871833555178132779 '); _WidgetManager._RegisterWidget (' _ ContactFormView ', new _WidgetInfo
( 'ContactForm1', 'sidebar3', null, document.getElementById ( 'ContactForm1'), { '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 can not be empty. ',' title ':' Contact Form ',' blogId ':' 6871833555178132779 ',' contactFormNameMsg ':' Name ',' contactFormEmailMsg ':' Email ',' contactFormMessageMsg ':' Message ',' contactFormSendMsg ':' Send ',' submitUrl ':' https: // www.
blogger.com/contact-form.do '},' displayModeFull ')); //]]> </ Script> </ div> Then click Update to save. To improve contact form can not send messages in the sidebar, you simply put the following code above the </ body> or & lt;! - </ Body> - & gt; & lt; / body & gt; <Script src = "https://www.blogger.com/static/v1/widgets/2271878333-widgets.js" type = "text / javascript"> </ script> <script type = "text / javascript"> / / <! [CDATA [if (typeof (BLOG_attachCsiOnload)! = 'undefined' && BLOG_attachCsiOnload! = null) {window [ 'blogger_templates_experiment_id'] = "templatesV1"; window [ 'blogger_blog_id'] = '6871833555178132779'; BLOG_attachCsiOnload ( '' ); } _WidgetManager._Init ( '// Www.blogger.com/rearrange?blogID\x3d6871833555178132779','//www.bungfrangki.com/','6871833555178132779');
_WidgetManager._RegisterWidget ( '_ ContactFormView', new _WidgetInfo ( 'ContactForm1', 'sidebar3', null, document.getElementById ( 'ContactForm1'), { '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 can not be empty. ',
'title': 'Contact Form', 'blogId': '6871833555178132779', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', '
submitUrl ':' https://www.blogger.com/contact-form.do '},' displayModeFull '));
//]]> </ Script> </ div> Replace the code as already indicated previously.
Then save the template. Do not forget to check back in the contact form if it.