Cara Memperbaiki Formulir Kontak Bawaan Blogger

Cara Memperbaiki Formulir Kontak Bawaan Blogger

Mengapa tombol kirim di formulir kontak Blogger tidak bisa mengirim pesan? Jika di tema yang sobat gunakan pada tag penutup body tema blogger diparse maka beberapa widget bawaan Blogger termasuk formulir kontak tidak bisa berfungsi sebagaimana mestinya. Sobat tidak perlu khawatir tentang akan hal itu karena di sini saya akan memberikan tips mengembalikan fungsi widget formulir kontak kembali ke semula khususnya bagi sobat yang menambahkan widget formulir kontak di halaman statis.

Cara Memperbaiki Formulir Kontak Bawaan Blogger

Ada beberapa langkah untuk mengatasi hal ini, sobat bisa ikuti cara di bawah ini :

Cara Memperbaiki Formulir Kontak Bawaan Blogger


Pastikan widget Formulir Kontak sudah ditambahkan di Tata Letak blog sobat

Pertama, buka halaman Blogger > Tema > Edit HTML, jika di tema blog sobat tag penutup body sudah diparse seperti pada postingan ini Cara Menghapus CSS, Javascript, dan Widget Bundle Blogger. Sobat hanya perlu mengembalikan semuanya ke semula.

Ganti kode di bawah ini

<head>

Dengan kode di bawah ini

<head>

Selanjutnya, ganti kode di bawah ini

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Dengan kode di bawah ini

<b:skin><![CDATA[

Selanjutnya, ganti kode di bawah ini (ganti hanya yang paling atas)

</style>

Dengan kode di bawah ini

]]></b:skin>

Selanjutnya, ganti kode di bawah ini

&lt;/head&gt;&lt;!--<head/>--&gt;

Dengan kode di bawah ini

</head>

Selanjutnya, ganti kode di bawah ini

&lt;!--</body>--&gt;&lt;/body&gt;

Dengan kode di bawah ini

</body>

Kemudian klik tombol Simpan di tema dan selesai.

Jika masih belum bekerja dengan baik, sobat perlu menambahkan ini tepat sebelum tag penutup body </body>

<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'] = '7342017194742683056';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6243576702872104792','//www.arlinacode.com/','6243576702872104792');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', 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': '6243576702872104792', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
//]]>
</script>

Ganti semua kode yang ditandai dengan URL blog dan ID blog sobat.

Selanjutnya, jika di blog sobat menggunakan jQuery Library seperti ini

<script src='https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js'/>

Maka ganti dengan versi ini

<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js'/>

Tambahkan juga mobile='yes' pada widget formulir kontak di Edit HTML

<b:widget id='ContactForm1' locked='false' mobile='yes' title='Contact Form' type='ContactForm' version='1'>

Selesai, sebenarnya sampai di sini bisa dibilang Formulir Kontak Blogger sudah berhasil diperbaiki. Namun, jika sobat masih ragu sobat bisa ganti kode di bawah ini

<HTML expr:dir='data:blog.languageDirection'>

Atau seperti ini

<HTML>

Dengan kode di bawah ini

<html>

Ganti juga untuk penutupnya seperti ini

</HTML>

Dengan kode penutup di bawah ini

</html>

Selesai.

Itulah Cara Memperbaiki Formulir Kontak Bawaan Blogger, semoga bermanfaat dan wassalam.

Load comments