Cara membuat contack Form atau email Form di blogger

Ada temen blogger yang bertanya kepada saya di postingan saya yang

ini

bagai mana cara membuat Tentang Cara membuat contack Form atau email Form di blogger sebetulnya sih sudah banyak yang posting tentang Cara membuat contack Form atau email Form di blogger,tapi nggak ada salahnya saya posting kembali untuk sekedar berbagi pengetahuan saja kepada teman teman yang belum tahu tentang Cara membuat contack Form atau email Form di blogger, Oke sob nggak usah panjang lebar lagi langsung saja kita mulai
1.Silahkan sobat daftar dulu ke layanan email form seperti

http://www.emailmeform.com

Setelah selesai daftar silahkan sobat modif sedemikian rupa tentunya sesuai keinginan sobat

2.Setelah selesai di modif lalu kemudian ambil kode HTML java sriftnya kemudian simpan di note pad

3.Kemudian sobat login ke akun blogger setelah login terserah mau di simpan dimana tuh scrift contack Form atau email Form bisa di taro di widget atau di postingan

Contoh scroftnya kurang lebih seperti ini sob

<link rel="stylesheet" type="text/css" href="http://www.emailmeform.com/builder/styles/dynamic.php?t=post" />
<script type="text/javascript" src="http://www.emailmeform.com/builder/js/dynamic.php?t=post&t2=0"></script>
<form id="emf-form" enctype="multipart/form-data" method="post" action="http://www.emailmeform.com/builder/form/ZbMdRa6HUuy1" name="emf-form">
<table style="text-align:left;" cellpadding="2" cellspacing="0" border="0" bgcolor="transparent">
<tr>
<td style="" colspan="2">
<font face="Verdana" size="2" color="#000000"><b style="font-size:20px;">Contact Form</b><br />
<br /></font>
</td>
</tr>
<tr valign="top">
<td style="" align="">
<font face="Verdana" size="2" color="#000000"><b>Name</b></font> <span style="color:red;"><small>*</small></span>
</td>
</tr>
<tr>
<td style="">
<input id="element_0" name="element_0" value="" size="30" class="validate[required]" type="text" />
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr valign="top">
<td style="" align="">
<font face="Verdana" size="2" color="#000000"><b>Email</b></font> <span style="color:red;"><small>*</small></span>
</td>
</tr>
<tr>
<td style="">
<input id="element_1" name="element_1" class="validate[required,custom[email]]" value="" size="30" type="text" />
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr valign="top">
<td style="" align="">
<font face="Verdana" size="2" color="#000000"><b>Subject</b></font> <span style="color:red;"><small>*</small></span>
</td>
</tr>
<tr>
<td style="">
<input id="element_2" name="element_2" value="" size="30" class="validate[required]" type="text" />
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr valign="top">
<td style="" align="">
<font face="Verdana" size="2" color="#000000"><b>Message</b></font> <span style="color:red;"><small>*</small></span>
</td>
</tr>
<tr>
<td style="">
<textarea id="element_3" name="element_3" cols="40" rows="10" class="validate[required]">
</textarea>
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr valign="top">
<td style="" align="">
<font face="Verdana" size="2" color="#000000"><b>Upload a File</b></font>
</td>
</tr>
<tr>
<td style="">
<input id="element_4" name="element_4" class="validate[optional]" type="file" />
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr valign="top">
<td style="" align="">
<font face="Verdana" size="2" color="#000000"><b>Phone Number</b></font>
</td>
</tr>
<tr>
<td style="">
<input id="element_5" name="element_5" class="validate[optional,custom[telephone]]" value="" size="30" type="text" />
<div style="padding-bottom:8px;color:#000000;"></div>
</td>
</tr>
<tr>
<td colspan="2">
<table cellpadding="5" cellspacing="0" bgcolor="#E4F8E4" width="100%">
<tr bgcolor="#AAD6AA">
<td colspan="2">
<font color="#FFFFFF" face="Verdana" size="2"><b>Image Verification</b></font>
</td>
</tr>
<tr>
<td style="padding:2px; width:100px;">
<img id="captcha_image" src="http://www.emailmeform.com/builder/captcha/index/6fcb333d5a99694fa4fa0569d783295d" alt="captcha" name="captcha_image" />
</td>
<td valign="top">
<div>
<font color="#000000">Please enter the text from the image</font>:<br />
<input type="text" id="captcha_code" name="captcha_code" maxlength="10" size="10" class="validate[required,funcCall[valid_captcha]]" /> [<a id="captcha_code_refresh" href=
"javascript:void(0);" onclick="document.getElementById('captcha_image').src = 'http://www.emailmeform.com/builder/captcha/index/'+Math.random();get_valid_captcha();return false;"
name="captcha_code_refresh">Refresh Image</a>] [<a id="captcha_code_about" href="javascript:void(0);" onclick=
"window.open('http://www.emailmeform.com/captcha-instruction.html','_blank','width=400, height=500, left=' + (screen.width-450) + ', top=100');return false;" name=
"captcha_code_about">What's This?</a>]
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="2" align="right">
<input name="element_counts" value="6" type="hidden" /> <input name="embed" value="forms" type="hidden" /><input value="Send email" type="submit" /><input value="Clear" type="reset" />
</td>
</tr>
</table>
</form><script type="text/javascript">
//<![CDATA[
$('body').append('<br /><div><font face="Verdana" size="2" color="#000000">Powered by<\/font><span style="position: relative; padding-left: 3px; bottom: -5px;"><img src="http://www.emailmeform.com/builder/images/footer-logo.png" /><\/span><font face="Verdana" size="2" color="#000000">EMF <\/font><a style="text-decoration:none;" href="http://www.emailmeform.com" target="_blank"><font face="Verdana" size="2" color="#000000"><font face="Verdana" size="2" color="#000000">HTML Form<\/font><\/font><\/a><\/div><font face="Verdana" size="2" color="#000000"><a style="line-height:20px;font-size:70%;text-decoration:none;" href="http://www.emailmeform.com/report-abuse.html?http://www.emailmeform.com/builder/form/ZbMdRa6HUuy1" target="_blank">Report Abuse<\/a><\/font>')
//]]>
</script><script type="text/javascript">
//<![CDATA[
$(function(){
$("#emf-form").validationEngine({
validationEventTriggers:"blur",
scroll:false
});

$('.datepicker').datepicker({
showOn: 'button',
buttonImage: base_url+'images/calendar.png',
buttonImageOnly: true,
onSelect: function(dateText, inst) {
var selectedDate = new Date(dateText);
$('#'+inst.id+'year').val(selectedDate.getFullYear());
$('#'+inst.id+'year-mm').val(((selectedDate.getMonth()+1)>9)?(selectedDate.getMonth()+1):('0'+(selectedDate.getMonth()+1)));
$('#'+inst.id+'year-dd').val(selectedDate.getDate()>9?selectedDate.getDate():'0'+selectedDate.getDate());
$('.'+inst.id+'yearformError').remove();
$('.'+inst.id+'year-mmformError').remove();
$('.'+inst.id+'year-ddformError').remove();
},
changeMonth: true,
changeYear: true
});
if(document.getElementById('captcha_image')!=null){
get_valid_captcha();
}

if(document.getElementById('captcha_image')!=null){
var isSafari = (/Safari/.test(navigator.userAgent));
var firstTimeSession = 0;
function process_captcha(){
$('a#captcha_code_refresh').trigger('click');
get_valid_captcha();
}
function safari_submit_session_form() {
if (firstTimeSession == 0) {
firstTimeSession = 1;
$("#safari_sessionform").submit();
setTimeout('process_captcha()',2000);
}
}
if(isSafari){
$("body").append('<iframe id="safari_sessionframe" name="safari_sessionframe" onload="safari_submit_session_form();" src="http://www.emailmeform.com/get_safari_cookies.php" style="display:none;"><\/iframe><form id="safari_sessionform" enctype="application/x-www-form-urlencoded" action="http://www.emailmeform.com/get_safari_cookies.php" target="safari_sessionframe" action="post"><\/form>');
}
}

});
//]]>
</script>

selamat mencoba