MEMBUAT CONTACT US PADA BLOGER PALING GAMPANG

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


buka wab ketik url froxyfrom. pilih yang di lingkari

 

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

nanti contact us hasilnya akan seperti ini

 

atau anda bisa copypastekan script di bawah ini 

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

tulisan berwarna biru ganti dengan ID blog anda 

copy pastekan di halaman blog HTML anda.. untuk script ini solusi klo membuat contact di froxyfrom terdapa spam salah code.. setelah itu login di blog.untuk memunculkan menu contact us di postingan.. kali ini saya memakai bloger.. login bloger lalu pilih tataletak. lalu tambahkan gadget..terserah anda menampilkan contact us di bagian mana.. lalu klik halaman.

seperti itu tampilanya ..centang kan contact us. nanti akan muncul di halaman wab yang anda buat tadi..

<<<lihat hasilnya dan selesai>>