Skip to content Skip to sidebar Skip to footer

[PANDUAN TERBARU] Cara Membuat Halaman Contact Form di Blogspot

Halaman Contact Form pada situs atau blog biasanya digunakan untuk menghubungi dengan admin situs, dengan adanya Layanan Contact dirasa sangat penting untuk pengunjung yang ingin bekerja sama dengan pemilik situs atau membuat saran terhadap pemilik situs.

Layanan Contact pada situs biasanya memiliki nama yang berbeda. antaranya Contact Me, Contact Us, Contact Form. Dari beberapa nama tersebut mempunyai satu tujuan yang sama, yaitu menghubungi admin.

Cara Membuat Halaman Contact Form, Contact Us Responsive di Blogspot

  1. Masuk ke akun blogger sobat
  2. Pilih Menu>>Laman
  3. Buat judul laman Contact
  4. Masuk ke mode HTML, lalu copy dan pastekan kode yang telah disediakan dibawah ini
  5. <script> var blogId = 'id blog sobat'; var contactFormMessageSendingMsg ='Mengirim...'; var contactFormMessageSentMsg = 'Pesan sudah dikirim. Semoga Anda bahagia.'; var contactFormMessageNotSentMsg = 'Pesan tidak dapat dikirim. Coba lagi nanti.'; var contactFormEmptyMessageMsg = 'Bidang pesan harus diisi.'; var contactFormInvalidEmailMsg = 'Alamat email harus valid.' 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> <div class="Form"> <form name="contact-form"> <p></p> Nama <br /> <input class="contact-form-name" style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" /> <p></p> Email <span style="font-weight: bolder;">*</span><br /> <input class="contact-form-email"style="max-width: 400px; width: 100%;" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /> <p></p> Pesan <span style='font-weight: bolder;'>*</span> <br /> <textarea class="contact-form-email-message" style="max-width: 400px; width: 100%;" 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" onclick="sendEmailMsg()" type="button" value="Kirim" /> <p></p> <div style="max-width: 400px; text-align: center; 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> </div>

  6. Tulisan yang ditandai warna merah, silahkan di isi dengan id blog sobat.
  7. Nonaktifkan kolom komentar, kemudia publish
  8. Kunjungi halaman contact yang telah sobat buat, kemudian kirim beberapa pesan guna mengetahui halaman contact tersebut bekerja atau tidak.

Note:

Jika halaman contact yang sobat buat tidak bekerja, sobat bisa menambahkan widget formulir kontak pada bagian sidebar blogspot.

Kemudian sobat bisa menggunakan kode CSS lalu copy pastekan kedalam HTML template.
#ContactForm1{display:none;}
Jika sudah menambahkan kode CSS ini ke dalam HTML template, otomatis halaman contact form akan bekerja.

Kalaumasih ada yang gagal sobat bisa berkomentar dibawah ini. Selamat berjumpa di artikel selanjutnya!
Daffa Rachmat
Daffa Rachmat Hanya Seseorang Yang Gemar Di Bidang Teknologi

Post a Comment for "[PANDUAN TERBARU] Cara Membuat Halaman Contact Form di Blogspot "

Berlangganan via Email