Cara Memperbaiki Formulir Kontak Bawaan Blogger

Cara Memperbaiki Formulir Kontak Bawaan Blogger

 

Cara Memperbaiki Formulir Kontak Bawaan Blogger

iNDZGN - Ada suatu waktu tombol kirim di formulir kontak Blogger tidak bisa mengirim pesan. Jika di tema kawan Blogger menggunakan tag penutup body yang diparse, maka beberapa widget bawaan Blogger termasuk formulir kontak tidak bisa berfungsi sebagai mestinya.


Tidak usah khawatir, karena dalam artikel ini saya akan memberikan tips mengembalikan fungsi widget formulir kontak kembali ke semula. Khususnya bagi kawan blogger yang menambahkan widget formulir kontak di halaman statis.

Ada beberapa langkah yang bisa kamu ikuti untuk mengatasi hal ini, simak penjelasannya di bawah ini:

Cara Memperbaiki Formulir Kontak Bawaan Blogger


Pastikan widget Formulir Kontak sudah ditambahkan di Tata Letak Blog kawan blogger.

Pertama, buka halaman Blogger > Tema > Edit HTML, jika di dalam tema blog kamu tag penutup body sudah diparse, Kawan Blogger 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>

Kemudian ganti kode di bawah ini

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

Dengan kode di bawah ini.

</head>
Lalu ganti kode di bawah ini.

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

Dengan kode di bawah ini.

</body>

Lalu klik tombol simpan pada tema dan selesai.

Apabila masih belum bekerja dengan baik, kamu perlu menambahkan script di bawah 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'] = '8460714707961095922';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d8460714707961095922','//www.indzgn.blogspot.com/','8460714707961095922');
_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': '8460714707961095922', '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 kawan blogger.

Kemudian, jika di blog kamu menggunakan script jQuery Library seperti ini,

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

Maka ganti dengan versi di bawah ini.

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

Jangan lupa, tambahkan juga mobile='yes' pada formulir kontak di Edit HTML.

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

Selesai.
Sebenarnya sampai pada tahap ini bisa dibilang Formulir Kontak Blogger sudah berhasil diperbaiki, akan tetapi jika kamu masih ragu bisa ganti kode di bawah ini.

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

Atau seperti ini.

<HTML>

Dengan kode seperti ini.

<html>

Ganti juga penutupnya seperti ini

</HTML>

Dengan kode seperti di bawah ini.

</html>

Penutup

Nah itu tadi tips dari saya tentang Cara Memperbaiki Formulir Kontak Bawaan Blogger. Semoga bermanfaat. Jangan lupa share artikel ini dan Follow Instagram @indzgnblog. Terimakasih.
Load comments