Cara buat contact form terbaru terupdate

Cara membuat contact form dengan html

Pulsantech - Sudah lama juga rasanya mimin jarang update di blog yang satu ini. Kira-kira sudah berapa lama ya..? Mimin sendiri juga sudah lupa kapan terakhir update di blog ini.

Nah,, dikesempatan yang cerah secerah hatiku ini 😄 mimin akan share script html untuk membuat form, dikarenakan tempat untuk membuat form gratis eror, situsnya itu adalah foxyform.

Foxyform dulu sangat banyak peminatnya, karena tampilan antarmuka formnya yang elegan dan responsif ringan,, yang pasti free ya hehehehe, dasar negara +62 berflower sukanya cari yang gratis-gratis.

Karena di foxyform sudah tidak bisa lagi, akhirnya ada antusitif mimin untuk mencari solusinya, yaitu dengan rakitan kode html milik blogger sendiri. Yang sengaja saya lepas supaya bisa di pake dihalaman statis.

Cara membuat contact form dihalaman statis

👉 Pertama buatlah halaman statis dan beri nama CONTACT US, CONTACT AJA

👉 Masukan kode html dibawah ini di halaman statis.

<script>

var blogId = '75665646656776768757';

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>

👉 Sebelumnya ganti dulu id nya yang saya tandai merah dengan id blog kamu.
Cara lihat id ada dalam url ketika kamu login di blog

Yg saya beri anak panah

👉 Setelah id sudah terganti klik publis dan lihat hasilnya.

Dijamin work 100% 

Oh ya sebelumya minta maaf kalo kode htmlnya terpotong oleh iklan, bisa juga download kodenya Disini.

Maaf atas ketidaknyamananya.

Share This Article :