membuat contact us di blog

contact us adalah sebuah halaman yang ada di blog/wabsite yang berfungsi untuk, agar pembaca bisa menghubungi blog/wabsite anda .maka sangatlah penting untuk bagi pembaca maupun pembuat blog. jika pembaca menyampaikan sesuatu kepada pemilik blog. biasanya contact us di taruh di deretan atau di tab menu,. kali in saya akan berbagi sedikit bagai mana cara membuat contact us di blog.semoga artikel ini bermanfaat untuk anda

buka wab ketik url froxyfrom.nanti akan muncul tab .dan pilih sesuai selera anda... kalau mau menambahkan title/subject silahkan. lalu masukan alamat email anda,lalu create formulir

nanti anda akan di diberi kode script contact from secara langsung. copy pastekan di halaman blog anda, pilih yang HTML

dan hasilnya seperti ini.. dan anda bisa juga membuat contact us dengan cara yang lain .. anda bisa copy script di bawah ini lalu pastekan di halaman blog HTML kalian. tulisan yang berwana merah anda ganti dengan ID blog kalian 

<script>

var blogId = 'ID 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>

<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: 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" />

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