Trik Memperbaiki Contact Form Blogger Tidak Berfungsi

Trik Memperbaiki Contact Form Blogger Tidak Berfungsi

Contact form merupakan salah satu sarana kelengkapan sebuah web atau blog, dengan contact form pengunjung bisa langsung berkomunikasi dengan si pembuat blog langsung via email. khusus untuk web dan blog berplatform blogspot anda bisa membuat halaman contact form dengan mudah tanpa menambahkan CSS ke dalam Template dan Jika anda belum membuatnya anda bisa simak caranya Membuat Contact form Sederhana Di halaman statis di sini.

Jika Contact form sudah ada di blog anda namun tidak berfungsi ketika tombol kirim pesan maka anda perlu mengikuti langkah-langkah dibawah ini:

Edit halaman statis anda yang didalamnya terdapat kode contact form seperti ramgkaian kode berikut ini.

<form id="kontak-ricky" name="contact-form">
Contact admin disini

<input id="ContactForm1_contact-form-name" name="name" placeholder="Nama *" 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="Isi Pesan *" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="Kirim" />  
<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>

Setiap kontak form umumnya di awali dengan <form> dan di tutup dengan </form>, kode di atas adalah isi dari kode kontak form yang saya gunakan saat ini, dan kode ini kurang lebih sama seperti kode contact form yang di gunakan para blogger saat ini.

Hal yang membuat kode diatas tidak berfungsi karena tidak adanya script di bawah ini. Untuk itu tambahkan Kode berikut tepat dibawah kde penutup contact form diatas yaitu </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'] = '7106032244507869187';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d7106032244507869187','//www.trikricky.com/','7106032244507869187');
_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': '7106032244507869187', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Ganti semua kode 7106032244507869187 seperti yang ditandai merah diatas dengan ID blog anda. Simpan halaman dan cek dengan mengirimkan email ke contact form yang sudah anda perbaiki tadi.

Demikian dan semoga bermanfaat untuk anda yang sedang mencari solusi untuk Memperbaiki Contact Form yang Tidak Berfungsi. Salam hangat.
Advertisement
Advertisement

Artikel Terkait

CEO sekaligus Content Specialist di trikricky.com. Jangan lupa bahagia.