Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan. Sebuah widget contact form /contact us sangat penting fungsinya untuk menghubungi pemilik blog, namun bagaimana ceritanya jika widget contact form tersebut tidak berfungsi saat mengirim pesan ke email anda, hal ini pernah saya alami ketika saya membuat blog baru dan berniat untuk membuat halaman contact us.

Ketika saya membuat widget contact tersebut, awalnya memang berhasil widget tersebut muncul dalam tampilan fisik, namun ketika saya coba untuk mengecek fungsi contact form tersebut, tapi widget tidak berfungsi ketika saya memencet tombol mengirim pesan dan tidak adanya respon sama sekali atau pemberitahuan terkirim.

Baca Juga : Cara Membuat Widget Subscribe / Berlangganan diatas Footer

Saya pikir ini ada masalah dalam kode widget tersebut, namun pas dicoba tutorial lain alhasil masih sama juga, tombol terkirim tidak berfungsi dan tidak ada pemberitahuan, sesudah searching dan alhamdulillah akhirnya saya temukan untuk cara mengatasinya dan hal ini desebabkan karena perubahan custom template blogger yang exstrime sehingga menghilangkan stylesheet original bawaan blogger.

Nah. Bagi anda yang mempunyai masalah yang sama yaitu widget contact form yang tidak berjalan saat mengirim pesan ,silahkan ikuti solusi tutorialnya .

Baca Juga : Cara Membuat Halaman Contact Us Pada Blog

Mengatasi Contact Form Yang Tidak Bisa Kirim Pesan.

 

1. Mengatasi contact form tidak berfungsi dihalaman statis

Jika masalah contact form anda adalah yang diterapkan dihalaman statis berikut solusinya.

Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan

Jika sobat membuat halaman Contact form diletakan dihalaman statis, biasanya kode pemanggilnya kurang lebih akan seperti dibawah ini.

<div id="contact_wrap"><h3>Contact Us</h3><form name="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input id="ContactForm1_contact-form-submit" type="button" value="Submit" /><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>

Untuk mengatasinya sekarang sobat letakan kode javascript dibawah ini tepat sesudah atau dibawah kode </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'] = '3890926306523027184';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3890926306523027184','//www.oktavialie.blogspot.com/','3890926306523027184');_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 cannot be empty.', 'title': 'Contact Form', 'blogId': '3890926306523027184', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>

Untuk kode yang saya tandai merah adalah kode atau sebuah id blogger dan silahkan sobat ganti dengan kode id blogger anda, kode tersebut bisa dilihat pada bar bagian atas halaman blogger.

Hingga hasil akhirnya sesudah ditambahkan akan terlihat seperti dibawah ini.

<div id="contact_wrap"><h3>Contact Us</h3><form name="contact-form"><input id="ContactForm1_contact-form-name" name="name" placeholder="Name" size="30" type="text" value="" /><input id="ContactForm1_contact-form-email" name="email" placeholder="Email" size="30" type="text" value="" /><textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder="Message" rows="5"></textarea><input id="ContactForm1_contact-form-submit" type="button" value="Submit" /><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'] = '3890926306523027184';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d3890926306523027184','//www.bungfrangki.com/','3890926306523027184');_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 cannot be empty.', 'title': 'Contact Form', 'blogId': '3890926306523027184', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script></div>

Jika sudah, silahkan sobat klik perbarui. 

2. Mengatasi contact form tidak berfungsi pada bagian widget.

Bagi anda yang menggunakan contact form menggunakan widget, silahkan letakan kode dibawah ini tepat diatas kode </body>

<script type="text/javascript">
//<![CDATA[
if (window.jstiming) window.jstiming.load.tick('widgetJsBefore');
//]]>
</script>
<script type="text/javascript">
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://www.blogger.com/static/v1/widgets/2759014865-widgets.js\"></scr" + "ipt>");
//]]>
</script>
<script type="text/javascript">
if (typeof(BLOG_attachCsiOnload) != &quot;undefined&quot; &amp;&amp; BLOG_attachCsiOnload != null) { window[&quot;blogger_templates_experiment_id&quot;] = &quot;templatesV1&quot;;window[&quot;blogger_blog_id&quot;] = &quot;<data:blog.blogId/>&quot;;BLOG_attachCsiOnload(&quot;&quot;); }_WidgetManager._Init(&quot;//www.blogger.com/rearrange?blogID\x3d<data:blog.blogId/>&quot;,&quot;<data:blog.url/>&quot;,&quot;<data:blog.blogId/>&quot;);
_WidgetManager._RegisterWidget(&quot;_ContactFormView&quot;, new _WidgetInfo(&quot;ContactForm1&quot;, &quot;footer1&quot;, null, document.getElementById(&quot;ContactForm1&quot;), {&quot;contactFormMessageSendingMsg&quot;: &quot;Sending...&quot;, &quot;contactFormMessageSentMsg&quot;: &quot;Your message has been sent.&quot;, &quot;contactFormMessageNotSentMsg&quot;: &quot;Message could not be sent. Please try again later.&quot;, &quot;contactFormInvalidEmailMsg&quot;: &quot;A valid email address is required.&quot;, &quot;contactFormEmptyMessageMsg&quot;: &quot;Message field cannot be empty.&quot;, &quot;title&quot;: &quot;Contact Form&quot;, &quot;blogId&quot;: &quot;<data:blog.blogId/>&quot;, &quot;contactFormNameMsg&quot;: &quot;Name&quot;, &quot;contactFormEmailMsg&quot;: &quot;Email&quot;, &quot;contactFormMessageMsg&quot;: &quot;Message&quot;, &quot;contactFormSendMsg&quot;: &quot;Send&quot;, &quot;submitUrl&quot;: &quot;https://www.blogger.com/contact-form.do&quot;}, &quot;displayModeFull&quot;));
</script>

Selesai, save template anda.

Oke sobat blogger, saya rasa sudah cukup untuk tutorial "Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan" semoga bermanfaat, lebih dan kurangnya saya mohon maaf.