Widget HTML Atas

Cara Membuat Halaman Kontak atau Contact Us


dem.my.id - Cara Membuat Halaman Kontak atau Contact Us. Halaman Contact Us salah satu halaman penting yang harus ada di dalam sebuah website maupun blog. Halaman Kontak atau Hubungi Kami atau " Contact Us " merupakan halaman yang sengaja dibuat oleh pengembang atau pemilik blog yang bertujuan sebagai halaman komunikasi tempat pembaca atau user menghubungi pengembang, bisa berupa kritik, saran, dan ide. Halaman ini juga berguna untuk peningkatan performa website atau blog. Jika kita amati salah satu penentu blog bisa di aprove adsense salah satunya juga tersedianya halaman contact us. Maka dari itu mari kita belajar bareng, cara membuat halaman Contact Us paling sederhana dan mudah dalam membuatnya.


cara membuat Contact Us

Langkah - Langkah Membuat Halaman Kontak


Masuk Ke blogger

Masuk Ke Blogger.com - Kemudian Pilih Halaman - Kemudian Pilih Halaman Baru atau / New Page. Setelah berhasil kemudian

Buat Halaman " Contact Us "

Langkah berikutnya setelah masuk pada halaman baru atau / New Page pilih edit HTML kemudian copy dan pastekan kode dibawah ini dan jangan lupa ganti " Alamat Blog " berwarna orange dengan url alamat blog milik sobat.


Kode Contact Us

<script>var blogId = 'Alamat Blog';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>


Publish

Setelah selesai di pastekan langkah berikutnya publish


Pasang pada Header / Footer

Jika sobat ingin memasang di bagian footer atau header silahkan masuk ke edit html blog sobat, cari kode " Contact Us " yang tersedia caranya ketik " ctrl-f " dan paste contact us dan kemudian pastekan url halaman kontak ke bagian "#" atau menggantikan 

Jika memiliki template yang sama seperty dem.my.id sobat bisa ganti pada bagian header - menu.


Catatan 

Jika sobat ingin menambahkan pesan khusu pada laman kontak / Contact Us maka sobat bisa menambahkan pada laman kontak pada bagian atas atau bawah dengan cara ganti dari edit html ke compose tambahkan tulisan disana.