Cara Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan



Cara Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan

Erorr pada formulir email saya alami saat mengganti template blog yang awalnya baik-baik saja pas saya coba ternyata tidak ada respon apa-apa, saya kira ini hanyalah penggunaan browser yang kurang canggih. Dan ahirnya saya coba dengan menggunakan Chrome ternyata sama saja hasilnya.

Singkat cerita saya mencari solusinya dengan searching di google ahirnya berjumpa dengan blog para master seperti BungFrangki ,Madamvia dan yang lainnya, cara mereka berikan hampir sama tidak lama-lama ahirnya saya mencobanya alhasil contact us normal kembali.

Untuk memperbaikinya pun caranya sangat mudah simak baik-baik.

Pertama memperbaiki contact us di halaman statis terlebih dulu.

Biasanya kode pada halaman statis seperti berikutkan ya kan.. ya toh..

<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>

Tinggal tambahkan code berikut tepat di bawahnya tapi sebelum di terapkan edit bagian yang sudah di tandai dengan warna merah, ganti dengan ID profil blogger kalian dan url blognya.

<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'] = '13328813015556682630';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx 3d13328813015556682630','// www.antarezkypedia.blogspot.com/',' 13328813015556682630');_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': '13328813015556682630', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script>

Untuk mengetahui ID profil blogger kalian perhatikan gambar di bawah.

Hasilnya akan seperti di bawah ini, tinggal copy dan ganti kode lama yang ada di halaman dengan yang baru.

<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'] = '13328813015556682630';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx 3d13328813015556682630','// www.antarezkypedia.blogspot.com/',' 13328813015556682630');_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': '13328813015556682630', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));//]]></script> </div>

Untuk cara mengatasi erorr formulir email yang ada pada halaman widget cukup tambahkan kode berikut tepat di atas kode </body> itu artinya anda harus mengedit html pada template blog.

 <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>  

Selanjutnya simpan dan lihat hasilnya, semua sudah kembali normal seperti biasanya.

Mungkin itu saja yang bisa saya bagikan barang kali ada juga yang sedang membutuhkan tutorial ini semoga bisa sedikit membantu.

Subscribe to receive free email updates:

0 Response to "Cara Mengatasi Contact Form Tidak Berfungsi Saat Kirim Pesan"

Posting Komentar

Komentar Yang Anda Kirim Mencerminkan Kepribadian Anda, komentar yang tidak sesuai dengan postingan ini akan saya hapus.