• Translate

2/18/2016

Cara Mengatasi Contact Form Error Saat Kirim Pesan

Tutorial Blogspot |

Advertisement

Cara Mengatasi Contact Form Error Saat Kirim Pesan | Hal ini baru terjadi kepada saya hari ini (18/02/2016) saat seorang teman yang berada jauh di negara Kanada sana yang mencoba mengirim pesan melalui blog saya, katanya "ada yang error dengan contact form saya yang gagal mengirim pesan yang ditulis". wah, baru tahu kalau ada yang error di blog saya.

setelah saya cek memang benar adanya, pesan yang saya coba tulis sendiri tidak bisa dikirim dan tidak ada tanda-tanda tombol "send Message" berfungsi. biasanya kalau berfungsi langsung keluar pesan "Your message has been sent" yang menandai kalau pesan tersebut sudah terkirim.

Cara Mengatasi Contact Form Error Saat Kirim Pesan
Contact Form yang error saat mengirim pesan biasanya terjadi pada saat kita merubah struktur template blog khususnya custom template. hal ini terjadi saat kita menonaktifkan stylesheet widget bawaan blogger sehingga banyak widget yang tidak berfungsi seperti archive widget dan contact form.

menonaktifkan stylesheet widget bawaan blogger sebenarnya untuk mempercepat loading blog, sehingga kita melupakan beberapa widget yang memang kita perlukan dari widget blogger tersebut.

Lalu Bagaimana solusinya untuk memperbaiki fungsi dari contact form agat berjalan normal kembali? untuk sobat yang menggunakan custom template (bukan template bawaan blogger) silahkan diikuti langkah-langkah dibawah ini untuk memperbaiki fungsi contact form agar bisa mengirim pesan kembali. oh ya, Tutorial Cara Mengatasi Contact Form Error Saat Kirim Pesan hanya untuk contact form yang dibuat di halaman statis.

► berikut kode contact form diblog saya saat masih Error Saat Kirim Pesan
 <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.

<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Your Name" size="30" type="text" value="" />

<input id="ContactForm1_contact-form-email" name="email" placeholder="Your 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="Send Message" />
<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>
► Kemudian tambahkan kode dibawah ini dibawah </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'] = '8975674298843103322';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8975674298843103322','//www.alltutorials.info/','8975674298843103322');
_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': '8975674298843103322', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
Nb : Ganti Kode 8975674298843103322 dengan ID Blog anda

Cara Melihat ID Blog
► Sehingga, Jika kedua Script diatas digabung akan menjadi seperti dibawah ini :
<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.

<form name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="Your Name" size="30" type="text" value="" />

<input id="ContactForm1_contact-form-email" name="email" placeholder="Your 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="Send Message" />

<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'] = '8975674298843103322';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8975674298843103322','//www.alltutorials.info/','8975674298843103322');
_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': '8975674298843103322', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>
</div>
► Setelah itu klik update atau perbaharui.

Apabila sudah selesai, silahkan dicoba lagi mengisi contact form nya apakah sudah berfungsi seperti sediakala?

Disqus
Blogger
Comment
How to style text in Disqus comments Top Disqus Commentators
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>, and please parse the code in the parser box below.
Show Parser Box

No comments Add Comment

Comments not appropriate topic will sign SPAM.