Cara Membuat Contact Form Sederhana di Blogger

Cara Membuat Contact Form Sederhana di Blogger - Memiliki contact form / contact us / kontak saya / hubungi saya / formulir kontak / adalah syarat kelengkapan dari sebuah blog agar terlihat lebih professional. Tujuannya adalah agar Anda lebih mudah dihubungi. Mungkin saja ada pihak pengiklan yang tertarik memasang iklan di blog Anda, namun bingung harus menghubungi Anda kemana, dengan membuat contact form ini adalah jawabannya.

Walaupun sebenarnya bisa saja Anda hanya menulis alamat e-mail Anda tanpa memakai contact form ini, namun dengan adanya contact form, pengunjung akan lebih mudah untuk menghubungi Anda, tanpa harus buka e-mail terlebih dahulu.

Untuk yang mau mendaftar Google Adsense, laman contact ini pun mutlak diperlukan (menurut beberapa mastah Adsense). Baca selengkapnya di Cara agar diterima adsense dengan mudah. Ada benarnya juga pendapat demikian, karena contact form ini bisa meyakinkan pihak publisher bahwa blog Anda terlihat lebih professional. Perhatikanlah blog-blog besar, mereka selalu menyediakan laman contact. Terlebih lagi blog Anda adalah lapak dagangan.

Contact form dapat Anda letakkan pada sidebar, kolom laman statis atau bahkan dibawah artikel Anda.  Sesuai dengan selera Anda saja. Biasanya contact form diletakkan pada kolom laman dengan judul "contact us".

Berikut akan saya berikan tips cara membuat contact form sederhana dengan mudah pada laman statis.

Cara membuat contact form


1. Masuk ke dashboard blogger Anda.

2. Pilih laman

3. Buat laman baru

4. Berikan judul sesuai keinginan Anda, biasanya sih "Contact Us" atau "Hubungi Kami"

5. Ubah ke mode html

6. Copy paste kode berikut ini :

<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>

7. Ganti tulisan merah dengan Id blog Anda. Blog Id Anda terdapat di link belakang. Seperti blogID=5374.... angkanya saja yang Anda masukkan.

8. Simpan. Lihat hasilnya di pratinjau. Jika sudah tidak terjadi kesalahan, publikasikan.

Seperti ini hasilnya :

Cara membuat contact form sederhana di blogger


Simple but elegant!

Nantinya semua pesan yang masuk akan mengarah kepada gmail blogger Anda. Cara membuat Contact Form ini juga bisa Anda kreasikan sendiri untuk berbagai kebutuhan, seperti untuk formulir pendaftaran, pembiayaan dll.

Baca Juga : Daftar High Paying Keyword Adsense Terbaru

Okeh, semoga artikel cara membuat contact form sederhana di blogger ini dapat membantu Anda. Happy Blogging!


Tips dan Cara

Berlangganan update artikel terbaru via email:

6 Responses to "Cara Membuat Contact Form Sederhana di Blogger"

Silahkan berkomentar dengan baik pada blog Tips dan Cara

Iklan Atas Artikel