Cara Memperbaiki Formulir Kontak Bawaan Blogger
Snippet Tips BloggerAda 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
<style type="text/css">
<!-- /*<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
</head><!--<head/>-->
Dengan kode di bawah ini
</head>
Selanjutnya, ganti kode di bawah ini
<!--</body>--></body>
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.