Website kamu belum ada contact us nya.? Begini cara membuatnya

Herinews.com- cara membuat contact us pada website atau blog

kembali lagi di artikel herinews dot kom.,artikel kali ini akan membahas bagai mana cara membuat colom contact us atau kotak hubungi kami. Colom contact us ini di buat oleh pemilik website atau pemilik blog agar ketika ada sebuah pertanyaan atau sebuah permintaan tentang sesuatu hal yang menyangkut materi materi di blog bisa menghubungi pemilik website tersebut melalui kotak contact us.dan si pemilik web tersebut akan menerima pesan dari pengunjung website tersebut melalui e mail pemilik website.

Sebetulnya bisa saja mengajukan petanyaan melalui colom komentar di tiap postingan artikel.tapi jika pertanyaan tersebut sekiranya bersifat private bisa menggunakan colome contact us ini.. 

Dan penting bagi si pemilik website atau blog untuk membuat colom contak us di website nya karna dengan membuat colom ini si pemilik website berarti bersungguh sungguh dalam membangun website atau blog nya.Knapa demikian karna  berarti bersedia menjawab atau melayani petanyaan petanyaan yg langsung di kirim ke e mail pemilik web tersebut. 

Garis besar nya kolom komentar adalah untuk umum dan colom contak us bersifat bribadi antara visitor atau pengunjung dengan pemilik atau admin website tersebut.. 

Nah itu lah sedikit tentang pembahasan pentingnya colom contak us.

Selanjutnya...

Bagai manakah cara membuatnya,langsung saja berikut langkah langkahnya.... 

1.buka dasboard blog kalian buat postingan baru dan pastekan code berikut di board kalian 

Pastikan board pada posisi HTML dan untuk melihat hasilnya geser ke bagian Compose

<script>
var blogId = 'http://www.namablogkalian.com';
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">
Nama
<br />
<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><br />
<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>
<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>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" onclick="sendEmailMsg()" type="button" value="Kirim" />

<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>

Yang berwarna merah tinggal ganti sesuai dengan nama atau alamat website kalian.

Setelah selesai pratinjau dulu apakah script nya berjalan dengan sesuai atau tidak. Jika sudah sesuai langsung save saja..

2.setelah di save nanti hasilnya akan seperti ini 

nah mudah kan cara membuatnya.demikian semoga bermanfaat jangan lupa sharee ke yang lainnya agar yang lainyapun memeproleh manfaat yg sama dari tulisan ini.terimakasih

PERHATIAN:semua artikel yang di tulis di blog ini adalah hasil dari perjalan penulis dalam membangun blog dari nol,terus ikuti blog ini dengan cara follow e mail kalian di kotak mengikuti

Bagikan Artikel ini Melalui