CIDAUN'S BLOG


Cara Membuat Email Form

Label:
Kalau melihat judulnya diatas kayaknya dah basi ya? coz tutoral ini sudah banyak yang ngebahas, kalo sobat2 sudah pada tau, ya udah tutup aja halaman ini, tapi kalo sobat merasa perlu untuk membaca dan mencoba, silahkan baca sampe titik darah penghabisan hehehe...sadis amat ya?
Sebenarnya gak ada niat untuk postingan hari ini, tapi berhubung ada penemuan baru masalah membuat email form ini dan atas saran dari saudara Otak's , Yoyok, dan Noer, Akhirnya saya putuskan, POSTINGKAN!!!
Email form apa sih?penasaran liat aj contoh disini.
Ah..dari pada ngomong teyuss mendingan kita coba aja langsung, biar ketahuan perbedaannya:

1. Sobat harus daftar dulu disini.
2. Creat New Form bukan New Porno.
3. Ikuti saja sesuai petunjuk yang disarankan sama penyedia email forno eh email form ini.
4. setelah semuanya finish. kemudian klik get HTML code dan Copy code tersebut.
5. Log in ke blogger dengan memakai ID sendiri, jangan pake punya orang, nanti ditelanjangi loh sama yang punyanya.
6.Klik New Entri dan centang edit HTML, bagi yang punya kolom postingan yang lama dan tidak kepake silhkan pake yang itu sajah...daripada nganggur didraft terus.
7.Paste Code tadi yang didapat dari email form.

Nah sebenarnya sampai sini aja sudah beres, tapi pas dilihat hasilnya gak maksimal bro, coz email formnya bisa berada dibawah. Trus gimana dong solusinya?

Coba deh sobat liat kode yang tadi kamu paste, kira-kira kodenya seperti ini:
<form method="post" action="http://www.emailmeform.com/fid.php?formid=199169" enctype="multipart/form-data" accept-charset="UTF-8">
<font face="Verdana" size="2" color="#000000"></font>
<div style="" id="mainmsg"> </div>
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#FFFFFF">

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">name</font></td>
<td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">email</font></td>
<td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Subject</font></td>
<td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>
</tr>

<tr valign="top">
<td nowrap><font face="Verdana" size="2" color="#000000">Message</font></td>
<td>
<textarea name="FieldData3" cols="60" rows="10"></textarea><br> <div style="position: absolute; left: 1800px; top: 20px;"><a href="http://www.emailmeform.com">free forms</a></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="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font> <br><input type="text" name="Turing" value="" maxlength="100" size="10">
[ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td> </td>
<td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Send email" name="Submit"> <input type="reset" class="btn" value=" Clear " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>
</table>

</form>



Setelah melihat contoh code tadi diatas, sobat harus melakukan langkah-langkah berikut:

1. Kode yang di beri tanda merah merekah, silahkan dibantai atau dihapus saja.
2. Kode angka yang berwarna biru adem silhkan di ganti sesuai selera.

Kalo semuanya sudah beres kira2 codenya akan seperti ini:

<form method="post" action="http://www.emailmeform.com/fid.php?formid=199169" enctype="multipart/form-data" charset="UTF-8">
<span style="color: rgb(0, 0, 0);" ></span>
<div style="" id="mainmsg"> </div>
<span style="color: rgb(0, 0, 0);" >name</span>
<input name="FieldData0" value="" maxlength="100" type="text" style="font-size:30;">
<span style="color: rgb(0, 0, 0);" >email</span>
<input name="FieldData1" value="" maxlength="100" type="text" style="font-size:30;">
<span style="color: rgb(0, 0, 0);" >Subject</span>
<input name="FieldData2" value="" maxlength="100" type="text" style="font-size:30;">
<span style="color: rgb(0, 0, 0);" >Message</span>
<textarea name="FieldData3" cols="60" rows="10"></textarea>
<div style="position: absolute; left: 800px; top: 20px;"><a href="http://www.emailmeform.com/">free forms</a></div>
<td colspan="2"><span style="color: rgb(255, 255, 255);" ><b>Image Verification</b></span></td>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha" /></td>
<td valign="top"><span style="color: rgb(0, 0, 0);">Please enter the text from the image</span>
<input name="Turing" value="" maxlength="100" size="10" type="text">
[ <a href="http://www.blogger.com/post-edit.g?blogID=7029734906627391227&amp;postID=5243633324584647754#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&amp;pt=popup" onclick="window.open('http://www.emailmeform.com/?v=turing&amp;pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
<input name="hida2" value="" maxlength="100" size="3" style="display: none;" type="text">
<input class="btn" value="Send email" name="Submit" type="submit"> <input class="btn" value=" Clear " name="Clear" type="reset">
</form>


Kalau semuanya sudah beres bin selesai, silahkan diPratinjau dolo.
Kalo udah merasa pas, silakan langsung disave. atau publish.

Ya udah cuma gitu aj sich...

Catatan: Ingat sobat jangan memasang kode yang diatas, soalnya itu hanya sekedar contoh saja.

Oke deh.....selamat mencoba!!
Next previous home
1 komentar:

maksih banyak sob
akhirnya di buatkan juga tutornya
tar w cba dech


Posting Komentar

Posting Komentar

SERBA_SERBI [+ / -]

My blog is worth $564.54.
How much is your blog worth?

EMPUNYA BLOG INI [+/-]

EMPUNYA BLOG INI

Photobucket Leutik, hideung, culun... baek, rajin, suka dengan tantangan juga menyukai hal2 yg baru, pkokna etc we

>Seterusna mah>>>

My AWARD [+/-]

Photobucket
Cidaun's Blog Cidaun's Blog Cidaun's Blog
TUKERAN BANNER

Cidaun's Blog
LINK EXCHANGE

ikuti blog aku ya.....


Back to Top
Adsense Indonesia ! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again =Terima Kasih Atas Kunjungannya......=