Latest News

Cara Membuat Laman Contact Form Blogger - Laman Formulir Contact

Contact form biasanya hanya ada di sidebar sebab memang widget resmi dari blogger/ Lalu bagaimana bila ingin menampilkan contact form di laman blog kita. Biasanya kita harus mendaftarkan di situs contact form untuk mampu meletakkan contact form dilaman blog. Namun sebaiknya anda memasang contact form resmi dari google.

Cara Membuat Laman Contact Form Blogger - Laman Formulir Contact

Widget contact form ini mampu muncul diberbagai device termasuk mobile device. Mungkin anda sudah memiliki widget contact form di sidebar tapi mungkin juga membuat pengunjung tegantung dan membuat sidebar penuh dengan widget yang bagi sebagian pengunjung tidak berkhasiat bagi mereka.

Untuk membuat dan menghubungkan widget ini ke blog anda anda harus mencari ID blog anda terlebih dahulu. Supaya email yang dikirim masuk ke email eksekutif blog. Bagaimana cara mencari ID blog?

Buka saja dasbor blogger anda  yang ingin anda pasang formulir kontak dan lihat urlnya disana anda akan menemukan ID blog anda. Lihat gambar dibawah untuk kejelasannya.  

Cara Membuat Laman Contact Form Blogger - Laman Formulir Contact

Jika anda sudah menerima ID blog anda maka kita akan lanjut ke tutotialnya.


Cara Membuat Laman Contact Form Blogger

Langkah 1
Silakan anda masuk ke blogger, pilih Laman → Laman Baru. Ubah mode penulisan dari Compose menjadi HTML
Langkah 2
Salin isyarat dibawah ini dan letakkan dilaman gres yang dibuat.

<script> var blogId = '8694494030520005341';//this number should be mandatorily edited. //The below message 5 Strings can also be edited var contactFormMessageSendingMsg ='Sending...'; var contactFormMessageSentMsg = 'Your message has been sent.'; var contactFormMessageNotSentMsg = 'Message could not be sent. Please try again later.'; var contactFormEmptyMessageMsg ='Message field cannot be empty.'; var contactFormInvalidEmailMsg = 'A valid email is required.'  var widgetLoaded=false; function sendEmailMsg() { if(widgetLoaded== false) { _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); widgetLoaded=true; document.getElementById('ContactForm1_contact-form-submit').click(); } return true; } </script> <form name='contact-form'> <div>Your Name : </div> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <div>Your Email: <em>(required)</em></div> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <div>Your Message: <em>(required)</em></div> <textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <p></p> <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send' onclick="sendEmailMsg()"/> <div style='text-align: center; max-width: 450px; width: 100%'> <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>

Ganti isyarat yang berwarna kuning dengan ID blog anda.

Lalu simpan template. Dan hasilnya. Jika anda memiliki pertanyaan wacana contact form mungkin anda mampu melihat FAQ dibawah ini.

Berikut Beberapa Pertanyaan Tentang Formulir Kontak Blogger :

#1: Mengapa aku harus menambahkan Formulir Kontak?
Menambahkan formulir kontak akan memudahkan pembaca untuk menghubungi Anda. Mereka tidak perlu mencatat alamat email Anda, membuka aplikasi email ibarat Gmail / Hotmail, menyusun dan mengirimkannya kepada Anda. Mereka hanya perlu mengisi info yang diharapkan dalam formulir kontak dan cukup tekan kirim. Sehingga tidak merepotkan pengunjung.

#2: Mengapa aku harus memindahkan formulir kontak ke halaman statis. Kenapa tidak memilikinya di sidebar?
Tergantung anda sendiri. Hal lain yang perlu diperhatikan adalah, form kontak sidebar biasa ketika ini tidak mendukung template mobile. Kaprikornus bila Anda ingin formulir kontak didukung pada template seluler juga, mungkin pilihan yang lebih baik untuk memindahkan formulir kontak blogger ke halaman contact.

#5: Apakah formulir kontak aman dari SPAM?
Sebagian besar ya. Blogger telah cukup hati-hati untuk mencegah spam komentar otomatis. Kaprikornus anda tidak perlu khawatir bila anda yang ingin spam di email anda.

#6: Kemana pesan formulir kontak dikirimkan? 
Tentu akan dikirimkan ke alamat email semua eksekutif blog.

Cukup sekian artikel ini supaya membantu dan bermanfaat. Jika ada problem silakan eksklusif tanyakan di kolom komentar.