Cara Mengatasi Contact From Yang Tidak bisa Mengirim Pesan

Baca Juga

Cara Mengatasi Contact From Yang Tidak bisa Mengirim Pesan – Contact From adalah sebuah Halaman di blog yang berguna untuk mengirim pesan pertanyaan secara pribadi atau hal lain yang ingin di tanyakan secara pribadi oleh admin blog melalui edia Email. Contact From ini biasa di temukan di Halaman Statis dan Sidebar blog atau website, yang pastinya sangat berguna bagi pengunjung nantinya. Adapun masalah yang di hadapi oleh para blogger yang telah memasang halaman Contact From ini adalah tidak bisa mengirim pesan padahal pengunjung sudah menulis dan mengirim pesan dengan benar di sana.

hal ini juga menjadi salah satu masalah yang pernah saya alami semasa belajar Blog, Contact From milik saya tidak bisa mengirim pesan kepada email saya. Hal ini terbukti pada saat saya mencobanya membuka blog saya di Browser lain, lalu saya coba halaman Contact From  dengan mengirim pesan dengan login email yang berbeda. Al hasil pesan tak pernah datang kepada email admin blog saya. Setelah saya mencoba mencari kesalahan yang mengakibatkan hal ini ternyata ada beberapa script yang error dan kurang yang harus saya perbaiki. Setelah saya perbaiki dan mencoba halaman Contact From kembali, hasilnya sudah berhasil dengan benar email pengirim sudah terkirim dengan benar. Bagi sobat yang mengalami masalah yang serupa atau berminat untuk mempelajari nya silahkan simak informasinya berikut ini.

Baca juga : Cara Membuat Ricent Post HTML 5 Berdasarkan Label  di Blog

Solusi Contact From untuk halaman Statis

Untuk membuat halaman Contact From di Statis blog kita perlu kode pemanggil, contohnya seperti di bawah ini.

<div dir="ltr" style="text-align: left;" >
Silahkan isi form di bawah ini untuk menghubungi kami. Jika tidak ada halangan dan kesibukan lainnya, kami akan langsung merespon dengan cepat pesan yang Anda kirimkan.
<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="Kirim" /><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>

Kemudian tambahkan kode berikut ini tepat di bawah 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'] = '6871833555178132779';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogIDx3d6871833555178132779','//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 cannot 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>

NB : Ganti kode yang di tandi dengan alamat atau nomer ID Blog sobat. dapat di lihat dengan cara di bawah ini.

Sehingga hasilnya akan menjadi seperti di bawah ini.

<div dir="ltr" style="text-align: left;" >
Silahkan isi form di bawah ini untuk menghubungi kami. Jika tidak ada halangan dan kesibukan lainnya, kami akan langsung merespon dengan cepat pesan yang Anda kirimkan.
<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="Kirim" /><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?blogIDx3d6871833555178132779','//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 cannot 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>

Terakhir pilih perbarui untuk menyimpannya.

Solusi untuk Contact From di sidebar

1. Salin kode di bawah ini dan letakkan di atas kode </body> atau 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?blogIDx3d6871833555178132779','//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 cannot 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>

NB : ganti kode seperti yang sudah di terang kan di atas.

2. Simpan template dan silahkan sobat lihat hasilnya. Saya yakin jika sobat mengikuti tutorial di atas dengan benar maka halaman Contact From sudah dapat kembali per oprasi dengan benar.

Baca juga : Cara Membuat Tabel Keterangan Responsive di Blog

Demikianlah tutorial mengenai Cara Mengatasi Contact From Yang Tidak bisa Mengirim Pesan, yang harus di ketahui. jika sobat ada masalah atau sudah berhasil jangan lupa untuk mengisi Kotak komentar di bawah ini. Semoga artikel ini dapat menjadi ilmu yang bermanfaat.