Cara membuat form "Hubungi Kami/Contact Us" di Blogger

Cara membuat form (Contact Us) di Blogger

Jika pada artikel sebelumnya saya pernah membahas tentang 10 Cara Menaikan Rangking Pencarian di Google, kali ini saya akan menunjukan cara mudah untuk membuat form Contact Us. Pertama kita masuk dulu ke akun blogger kita, Masuk ke Posting > Edit Pages, dan klik buat halaman baru, berikan judul (Seperti Contact Us atau Hubungi Kami) klik Edit HTML dan copy script dibawah ini (dari snaphost.com) lalu publish page. 

<form action="http://www.SnapHost.com/captcha/send.aspx" id="ContactUsCaptchaWebForm" method="post" onsubmit="return ValidateForm(this);"><input name="skip_WhereToSend" type="hidden" value="contohnya@domainanda.com" /><input name="skip_SnapHostID" type="hidden" value="YCUNN4U2ZE8M" /><input name="skip_WhereToReturn" type="hidden" value="http://contohnya.blogspot.com/p/terima-kasih.html" /><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.Name.value == "") {alert('Name is required.');frm.Name.focus();return false;}if (frm.FromEmailAddress.value == "") {alert('Email address is required.');frm.FromEmailAddress.focus();return false;}if (frm.FromEmailAddress.value.indexOf("@") < 1 || frm.FromEmailAddress.value.indexOf(".") < 1) {alert('Please enter a valid email address.');frm.FromEmailAddress.focus();return false;}if (frm.Comments.value == "") {alert('Please enter comments or questions.');frm.Comments.focus();return false;}if (frm.skip_CaptchaCode.value == "") {alert('Enter web form code.');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><table border="0" cellpadding="5" cellspacing="0" style="width: 600px;"><tbody><tr> <td><b>Name*:</b></td> <td><input maxlength="60" name="Name" style="width: 350px;" type="text" /></td> </tr><tr> <td><b>Phone Number*:</b></td> <td><input maxlength="43" name="PhoneNumber" style="width: 350px;" type="text" /></td> </tr><tr> <td><b>Email*:</b></td> <td><input maxlength="60" name="FromEmailAddress" style="width: 350px;" type="text" /></td> </tr><tr> <td><b>Message*:</b></td> <td><textarea cols="40" name="Comments" rows="7" 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: 18px;">
<a href="http://www.snaphost.com/" style="color: #000099; font-family: Verdana, Arial, Helvetica; font-size: 11px; text-decoration: none;">rel="nofollow">This web form is protected from SPAM by<span style="text-decoration: underline;">SnapHost.com</span></a></td></tr><tr valign="top"><td><i>Enter web form code*:</i><input maxlength="6" name="skip_CaptchaCode" style="width: 80px;" type="text" /></td><td><a href="http://www.snaphost.com/" rel="nofollow"><img alt="Web Form Code" id="CaptchaImage" src="http://www.SnapHost.com/captcha/CaptchaImage.aspx?id=YCUNN4U2ZE8M&amp;ImgType=2" style="margin-left: 20px;" title="Anti-spam web forms" /></a></td></tr></tbody></table>* - required fields. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <input name="skip_Submit" type="submit" value="Submit" /></td></tr></tbody></table></form>

Form Contact Us Blog

KETERANGAN
Untuk yang berwarna biru, diganti dengan email yang anda pakai.  Sementara untuk yang berwarna merah, sesuaikan dengan halaman yang anda buat sebelumnya (halaman yang muncul ketika pengunjung mengklik tombol submit)