Hallo guys, ,,
Pada kesempatan kali ini saya akan share tentang cara membuat contact form diblog/website.
Formulir ini berguna bagi pengunjung untuk mengirimi pesan ke kita atau bisa juga digunakan untuk melengkapi aktivasi pendaftaran untuk mengumpulkan informasi dari calon/pendaftar baru.
To the poin, ini guys copy aja script berikut ini lalu paste ke blog/website anda
Script :
<div style="border: solid 1px #000000;">
<form action="http://www.SnapHost.com/captcha/send.aspx" id="ContactUsCaptchaWebForm" method="post" onsubmit="return ValidateForm(this);">
<input name="skip_WhereToSend" type="hidden" value="asb.mailcenter@gmail.com" />
<input name="skip_SnapHostID" type="hidden" value="BM833MKCXEXQ" />
<input name="skip_WhereToReturn" type="hidden" value="http://asbsitecenter.blogspot.co.id/p/blog-page_76.html?m=1" />
<input name="skip_Subject" type="hidden" value="Contact Form" />
<input name="skip_ShowUsersIp" type="hidden" value="1" />
<input name="skip_SendCopyToUser" type="hidden" value="1" />
<script type="text/javascript">
function ValidateForm(frm) {
if (frm.Nama.value == "") {alert('Nama harus di isi.');frm.Nama.focus();return false;}
if (frm.Namawebiklan.value == "") {alert('Nama Website/url link iklan anda harus di isi.');frm.Namawebiklan.focus();return false;}
if (frm.Contact.value == "") {alert('Nomor Hp/Bbm/WhatsApp harus di isi.');frm.Contact.focus();return false;}
if (frm.Dari.value == "") {alert('Alamat email harus di isi.');frm.Dari.focus();return false;}
if (frm.Dari.value.indexOf("@") < 1 || frm.Dari.value.indexOf(".") < 1) {alert('Tolong masukan alamat email yang benar.');frm.Dari.focus();return false;}
if (frm.Pesan.value == "") {alert('Silahkan lampirkan pesan (Contoh : Terima Kasih!!!).');frm.Pesan.focus();return false;}
if (frm.skip_CaptchaCode.value == "") {alert('Masukan kode di samping.');frm.skip_CaptchaCode.focus();return false;}
return true; }
function ReloadCaptchaImage(captchaImageId) {
var obj = document.getElementById(captchaImageId);
var src = obj.src;
var date = new Date();
var pos = src.indexOf('&rad=');
if (pos >= 0) { src = src.substr(0, pos); }
obj.src = src + '&rad=' + date.getTime();
return false; }
</script>
<br />
<div style="text-align: center;">
<span style="font-size: large;"><u><b>CONTACT FORM</b></u></span></div>
<div style="text-align: center;">
<br /></div>
<table border="0" cellpadding="5" cellspacing="0" style="width: 550px;"><tbody>
<tr> <td><b>*Nama :</b></td> <td><input maxlength="60" name="Nama" style="width: 350px;" type="text" /></td> </tr>
<tr> <td><b>*Nama Website iklan anda</b><i> </i><b>:</b></td> <td><input maxlength="60" name="Namawebiklan" style="width: 350px;" type="text" /></td> </tr>
<tr> <td><b>*Nomor Hp/Bbm/WhatsApp :</b></td> <td><input maxlength="60" name="Contact" style="width: 350px;" type="text" /></td> </tr>
<tr> <td><b>*Email :</b></td> <td><input maxlength="60" name="Dari" style="width: 350px;" type="text" /></td> </tr>
<tr> <td><b>*Pesan :</b></td> <td><textarea cols="60" name="Pesan" rows="25" style="width: 350px;"></textarea></td> </tr>
<tr> <td align="center" colspan="2"><table border="0" cellpadding="0" cellspacing="0"><tbody>
<tr><td colspan="2" style="padding-bottom: 20px;">Setelah klik <b>Kirim</b>, silahkan transfer biaya jasa pembuatan website anda ke rekening owner.!!!
<i><u>(A.n; Susianti Endemo - BCA; 7975201490)</u></i></td></tr>
<tr valign="top"><td><b>*Masukan kode berikut :</b> <input maxlength="6" name="skip_CaptchaCode" style="width: 80px;" type="text" /></td><td><a href="http://www.snaphost.com/" rel="nofollow" target="_blank"><img alt="Web Form Code" src="http://www.SnapHost.com/captcha/CaptchaImage.aspx?id=BM833MKCXEXQ&ImgType=2" id="CaptchaImage" style="margin-left: 20px;" title="Anti-spam web forms" /></a></td></tr>
</tbody></table>
<i>(Kode harus di isi!!!)</i> <input name="skip_Submit" type="submit" value="Kirim" /></td></tr>
</tbody></table>
</form>
</div>
Caranya :
Login ke blogger atau web anda, pilih pos atau laman yang ingin diberi contact form, pilih edit, klik HTML & pastekan script diatas dibagian mana saja yang anda inginkan.
Silahkan edit script tersebut sesuai selera anda, kemudian simpan/publikasikan.
Keterangan :
*Ganti Bagian yang diblog pada script diatas dengan alamat email & url halaman pesan terkirim anda.
*Fungsi alamat email : Menerima semua pesan yang dikirim melalui contact form
*Fungsi url halaman pesan terkirim : Sebagai redirect halaman yang berisi pesan yang anda telah setting ketika pengunjung berhasil melakukan aktivasi atau mengirimi pesan melalui contact form. Contoh isi pesan; "SELAMAT, PESAN ANDA TERKIRIM!!! #TERIMA KASIH"
Sekian, silahkan membaca artikel lain yang ada di menu home site
Semoga bermanfaat & terima kasih
Tidak ada komentar:
Posting Komentar