Menampilkan Widget Kontak Kami Dihalaman Statis

Menampilkan Widget Kontak Kami Dihalaman Statis
Untuk sementara widget kontak blogger tidak bekerja pada domain versi blogspot, widget ini hanya bekerja pada blog yang sudah pakai Custom Domain.

Salah satu widget pending dari blogger adalah Formulir Kontak. Sebagian orang terkadang kurang nyaman meletakkan nomor untuk dihubungi di blog, maka widget ini menjadi alternatif pilihan bagi mereka untuk diletakkan di blog.

Dengan widget ini user yang ingin menghubungi baik untuk kerjasama, pemasangan iklan, menulis review dan sebagainya menjadi lebih mudah karena pesan yang dikirim otomatis akan masuk ke email.

Cara Memasang Formulir Kontak di Halaman Statis

Buatlah sebuah halaman(page) dengan cara masuk ke dashboard Blogger dan pergi ke menu Halaman lalu klik tombol Halaman Baru. Perhatikan url yang terbuka, formatnya kurang lebih seperti dibawah ini:

/www.blogger.com/blog/page/edit/1234567890000000000/xxxxx

1234567890000000000 adalah ID blog Anda, silahkan salin dahulu karena bagian ini akan diperlukan nantinya.

Salin semua kode dibawah ini ke tekst editor, pastikan Anda memilih mode HTML pada saat menyalin ke teks editor

<div class='ContactForm' id='ContactForm1'>
<form name='contact-form'>
<div class='input-area'>
<label for='ContactForm1_contact-form-name'>Nama Anda</label>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' type='text' value='' />
</div>
<div class='input-area'>
<label for='ContactForm1_contact-form-email'>Email<span>*</span></label>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' type='text' value='' />
</div>
<div class='input-area'>
<label for='ContactForm1_contact-form-email-message'>Pesan<span>*</span></label>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message'></textarea>
</div>
<div class='input-area'>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Kirim' /></div>
<div class='notif-area'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
</div>

<script src='https://www.blogger.com/static/v1/widgets/2271878333-widgets.js'></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '1234567890000000000';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d1234567890000000000','//www.namablog.com/','1234567890000000000');
_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': '1234567890000000000', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

Keterangan:
Ganti beberapa kode dan bagian yang di blok warna dengan data Anda sendiri

  • Nama Anda, Email, Pesan : Judul input di formulir kontak
  • Kirim Pesan : Teks pada tombol submit
  • 1234567890000000000 : Id Blog Anda, ada 4 kali penulisan dalam kode diatas
  • www.namablog.com : Alamat blog Anda (tanpa http / https)

Klik tombol publish dan periksa apakah widget berfungsi dengan baik atau tidak, jika cara yang dilakukan sudah benar maka seharusnya widget bekerja dengan baik.

Catatan : Untuk sementara widget Formulir Kontak tidak bekerja pada domain blogspot.com, penyebab eror ini masih tidak diketahui. Tapi widget ini masih bekerja dengan baik pada blog yang sudah pakai custom domain (.com, .net dan sebagainya).
Referensi : igniel.com/2018/07/widget-contact-form-blogger.html
Link copied to clipboard.