Cara Membuat Halaman Kontak Blog - Halaman kontak pada sebuah blog menjadi cukup penting, sebab halaman tersebut dapat menjadi sarana yang bisa digunakan oleh para pengunjung dan pembaca blog untuk menghubungi admin atau pemilik blog secara pribadi. Halaman kontak biasanya diberi judul Contact Me atau Hubungi Saya, dan diletakan ditempat yang mudah terlihat seperti di area header blog.
Untuk membuat form kontak sangatlah mudah, Anda hanya cukup memasukan kode tertentu secara manual ke halaman blog Anda. Berikut ini langkah-langkah membuat halaman kontak untuk blog Anda :
1. Login ke blog Anda.
2. Pada menu navigasi blog, pilih menu "Halaman".
3. Selanjutnya klik tombol "Halaman baru".
4. Tuliskan judul postingan, misalnya "Hubungi Saya".
5. Alihkan mode "Compose" ke mode "HTML".
6. Copy kode di bawah ini, pastekan di area entri mode HTML.
<script>
var blogId = '1234567891234567890';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim.';
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 <br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 100%; width: 100%;" type="text" value="" /> Email <span style="font-weight: bolder;">*</span><br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 100%; width: 100%;" type="text" value="" /> Pesan <span style="font-weight: bolder;">*</span> <br /> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 100%; width: 100%;"></textarea> <br /> <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: 100%; 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>
var blogId = '1234567891234567890';
var contactFormMessageSendingMsg ='Mengirim...';
var contactFormMessageSentMsg = 'Pesan sudah dikirim.';
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 <br /> <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 100%; width: 100%;" type="text" value="" /> Email <span style="font-weight: bolder;">*</span><br /> <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" style="max-width: 100%; width: 100%;" type="text" value="" /> Pesan <span style="font-weight: bolder;">*</span> <br /> <textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5" style="max-width: 100%; width: 100%;"></textarea> <br /> <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: 100%; 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>
- Ganti "1234567891234567890" dengan id blog Anda ( lihat link url blog Anda diatas : https://www.logger.com/blogger.g?blogID= ).
7. Setelah selesai memasukan kode, klik "Pratinjau".
8. Setelah terlihat baik dan sesuai, klik "Publikasikan".
Contoh halaman kontak dapat Anda lihat di Contact blog ini.
Itulah Cara Membuat Laman Kontak Blog yang bisa Anda lakukan. Sekarang para pengunjung blog Anda dapat menghubungi dan bertanya secara pribadi dengan Anda. Semoga bermanfaat.
Share artikel... !
