√ Cara Mudah Membuat Contact From Di Blog

Kangtutorial.eu.org - Hallo Teman-teman Seperti yang kita tahu bahwa halaman navigasi halaman kontak sangatlah penting. Selain berfungsi untuk memudahkan pengunjung/orang lain yang mungkin ingin menghubungi kita mungkin untuk menanyakan sesuatu, Bisnis/Kerja Sama seperti content placement atau endorse dll. Juga sebagai salah stau syarat untuk memudahkan blog kalian lolos dalam google adsense

Ada banyak cara untuk membuat halaman kontak di blogger, Nah Kali ini Kang Tutorial akan mengasih tau cara membuat contact form mudah dan simpel menggunakan html

Berikut ini cara membuat Halamaan Kontak sederhana di Blog

• Buka Blogger.com
• 
  
• Masuk dengan akun Anda
• 
  
• Masuk ke Dashboard Blogger
• 
  
• Pilih Menu Halaman
• 
  
• Klik Halaman Baru
• 
  
• Beri Judul " Hubungi Saya " , " Form Kontak " , " Contact Us " , " Contact Me " atau lainnya sesuka anda 
• 
  
• Setelah itu ubah text menjadi html
• 
  
  
  
  
• Lalu masukan kode html berikut

 <script>
var blogId = 'masukan ID blog kalian di sini';
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
<span style="font-weight: bolder;">*</span><br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
<p></p>
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: 400px; width: 100%;" type="text" value="" />
<p></p>
Message subject
<br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" style="max-width: 400px; width: 100%;" type="text" value="" />
<p></p>
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: 400px; width: 100%;"></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> 

• Jika sudah klik publikasikan

Manfaat Mempunyai  Halaman Kontak Di Blog Kita :

1.  Memudahkan Untuk Bercakapan Dengan Pengunjung Setia

2.  Memudahkan Calon Rekan Bisnis Untuk Menghubungi Kita

3.  Memudahkan Untuk Lolos Google Adsense

Kesimpulan

Nah itu lah Cara Mudah Membuat Contact From By : kangtutorial.eu.org Di Blog Jadi Contact/Kontak itu penting untuk blog untuk mempermudah pengunjung untuk menanyakan/mengajak berkerjasama 

Bagikan Artikel ini

Berlangganan update artikel terbaru via email: