Cara Membuat Contact Form Sederhana dan Unik Untuk Blog

Membuat dan menambahkan sebuah contact form atau formulir kontak yang biasanya di sisipkan pada halaman Contact us merupakan salah satu keharusan dan setiap blog maupun website pasti memilikinya. Hal tersebut bertujuan untuk memudahkan para pengunjung untuk menghubungi kita pemilik blog secara private / pribadi entah menanyakan informasi yang tidak di fahami nya mengenai artikel yang ada di blog, atau mungkin bisa saja ada orang yang tertarik untuk memasang iklan atau ingin menjalin kerjasama lainya.

Sebenarnya untuk membuat halaman Contact Us bisa hanya dengan menambahkan Link email saja akan tetapi dengan membuatkan contact form / formulir kontak akan memudahkan para pengunjung blog untuk menghubungi kita. Oleh sebab itu menambahkan formulir kontak sangatlah penting dan kalian bisa cek sendiri hampir semua blog memiliki halaman contact us.

Menambahkan formulir kontak ini juga akan menambahkan kesan profesional dan keseriusan seorang pemilik blog dalam mengembangkan blog miliknya. Dan banyak juga para blogger yang memiliki pendapat bahwa jika seseorang ingin mendaftar google adsense harus memastikan bahwa didalam blog sudah terpasang halaman contact us dan akan lebih menarik jika di buat dalam bentuk contact form alias formulir kontak.

Sebenarnya di internet sudah banyak sekali blog-blog yang membahas dan memberikan tips tentang bagaimana cara membuat kontak form dengan mudah, hanya saja banyak dari cara tersebut yang membuat para blogger khususnya blogger pemula yang kebingungan. Oleh sebah itu saya akan memberikan sebuah cara yang sangat mudah di fahami dan di praktekan langsung bagaimana cara membuat contact form di blogger.

Cara Membuat Contact Form Blogger Sederhana

  • Buka halaman Blogger kalian
  • Kemudian Masuk ke >  Halaman
Cara Membuat Contact Form Sederhana dan Unik Untuk Blog
  • Tambahkan > Halaman Baru
Cara Membuat Contact Form Sederhana dan Unik Untuk Blog
  • Berikan judul halaman "Contact Us" atau "Hubungi Kami"
  • Ganti ke mode penulisan dari compose ke > HTML
Cara Membuat Contact Form Sederhana dan Unik Untuk Blog
  • Pastekan kode script dibawah ini kedalamnya
<div dir="ltr" style="text-align: left;" trbidi="on"><b>Contact Us</b>
<script>var blogId = 'xxxxxxxxxxxxxxxxxxx';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><br /><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="" />
<br /><div>Your Email: <em>(required)</em></div><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<br /><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>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Send" />
<br /><br /><div style="max-width: 450px; text-align: center; width: 100%;"><div class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></div><div class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></div></div></form></div>
  • Tulisan "xxxxxxxxxxxxxxxxx" kalian dengan nomor blog ID kalian

Cara Mengetahui Blog ID :

  • Buka www.blogger.com dan kemudian cek address bar browser kalian
Cara Membuat Contact Form Sederhana dan Unik Untuk Blog
  • Simpan halaman dan lihat hasilnya 

Belum ada Komentar untuk "Cara Membuat Contact Form Sederhana dan Unik Untuk Blog"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel