Cara Membuat Halaman Contact (Kontak) di Blogger

Published by Anonymous Sunday, September 8, 2019

Membuat Halaman Contact (Kontak), Hubungi Kami di Blogger.com 

Halaman Kontak / Hubungi Kami adalah satu halaman yang wajib ada di Navigasi Menu Web blog anda, halaman tersebut akan memudahkan pembaca menanyakan atau menghubungi anda via email jika ada beberapa hal yag ingin mereka tanyakan.

Daftar Isi

• Membuat Halaman Contact (Kontak) Blogger
• Kelebihan Memasang Halaman Kontak
• Cara Membuat Halaman Kontak Blogger
• Memasang Halaman Kontak di Menu Navigasi Blogger
• Penutup

Halaman Kontak / Hubungi Kami juga bisa anda tambahkan di widget statis dengan cara menambahkan widget dan pilih Contact Form (Formulir Kontak), hanya saja menurut saya pribadi Widget kontak seperti itu malah mengganggu dan membuat pengunjung tidak nyaman.

Pilihan Terbaik yang saya Rekomendasikan adalah menempatkan Halaman Kontak di Navigasi Menu Footer bersamaan dengan Navigasi Privacy, Disclaimer, dan About di Blogger (Blogspot).

Kelebihan Memasang Halaman Kontak di Navigasi Blogger (Blogspot)

Berikut adalah kelebihan dan keuntungan memasang Halaman Kontak di Blogger (Blogspot).

• Memudahkan Pengunjung Mengirim Pesan Teks.
• Web Blog lebih terlihat lebih Profesional.
• Membuat Pengunjung Nyaman karena tidak harus bingung mencari kontak admin.
• Lebih Dekat dengan Pengunjung anda.
• Mendapatkan Pengunjung (User) Tetap.

Cara Membuat Halaman Contact (Kontak) Blogger

Berikut ini adalah step - step membuat Halaman Kontak Blogger (Blogspot).

1. Buka Dasboard Blogger.com

2. Pilih Halaman dan Klik Buat Halaman Baru.

3. Copy dan Paste Script dibawah ini di Halaman Baru dalam Mode (HTML).

<script> var blogId = '7477701021193405243'; 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>
<br />
<div class="Form">
<form name="contact-form">
Nama
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Email <span style="font-weight: bolder;">*</span>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
Pesan <span style="font-weight: bolder;">*</span>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 400px; width: 100%;"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />
<br />
<div style="max-width: 400px; 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>

6. Ganti Tulisan Berwarna Biru dengan Blog ID anda, jika bingung lihat gambar dibawah ini.

7. Selanjutnya jangan lupa berikan Judul atau Title yang sesuai.
8. Terakhir Publikasikan.

Memasang Halaman Kontak di Menu Navigasi Blogger

Setelah membuat halaman kontak selanjutnya adalah tutorial bagaimana memasang Halaman tersebut di Menu Navigasi Footer di Blog anda, Berikut adalah Tutorial Lengkapnya.

Baca Selengkapnya .....................

Penutup

Demikian adalah tutorial membuat dan memasang Halaman Contact (Kontak), Hubungi Kami di Blogger.com (Blogspot) .