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="sahabatpulpen.blogspot.com"
/><input name="skip_SnapHostID" type="hidden"
value="YCUNN4U2ZE8M" /><input name="skip_WhereToReturn"
type="hidden" value="http://sahabatpulpen.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&ImgType=2"
style="margin-left: 20px;" title="Anti-spam web forms"
/></a></td></tr></tbody></table>* -
required fields.
<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)
Title : Cara Mudah Membuat Form Contact Us di Blog
Description : Pertama kita masuk dulu ke akun blogger kita, Masuk ke Posting > Edit Pages, dan klik buat halaman baru, berikan judul (Seperti Conta...