Cara Membuat Halaman Kontak atau Contact Us
bertekno - 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.
Langkah - Langkah Membuat Halaman Kontak
Masuk Ke blogger
Masuk Ke Blogger.com - Kemudian Pilih Halaman - Kemudian Pilih Halaman Baru atau / New Page. Setelah berhasil kemudianBuat 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 publishPasang 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 menggantikanJika memiliki template yang sama seperty dem.my.id sobat bisa ganti pada bagian header - menu.
