Cara Membuat Contact Form Sendiri Pada Blogger

Membuat Contact form anda sendiri tanpa melibatkan Form builder seperti kebanyakan blogger, tentunya menjadi kebanggaan tersendiri buat anda. selain form contact anda tanpa Backlink atau ada code yang disisipkan pada form anda juga dapat memanage sendiri form contact anda.. sesuai selera anda tentunya.

Langsung aja, Tampilan contactnya akan seperti blog saya.

1. Siapkan script editor, seperti notepad, notepad++, Macromedia dreamweaver, atau apa saja tools yang bisa membuat file php. karena kita akan membuat form validasi email.
Copy Kode php berikut dan simpan dengan  nama validasiemail.php
<?php
$to = "aditbelog@gmail.com" ;
$subject = "From Contact Us";
$nama = $_REQUEST['nama'] ;
$email = $_REQUEST['email'] ;
$phone = $_REQUEST['phone'] ;
$pesan = $_REQUEST['pesan'];
$headers = "From: $nama<$email>";
$message = "$pesan";
$sent = mail($to, $subject, $message, $headers) ;
if($sent)
{
?>
<script type='text/javascript'>
alert ('Terima kasih telah mengirim e-mail kepada kami...');
window.location="http://aditbelog.blogspot.com";
</script>
<?php
}
else
?>
<script type='text/javascript'>
alert ('Pesan gagal dikirim, silahkan ulangi..!!');
window.location="http://aditbelog.blogspot.com";
</script>
<?php
?>
Note/Penjelasan kode:
$to = "aditbelog@gmail.com" ;//adalah email tujuan
window.location="http://aditbelog.blogspot.com";// baris javascript sebagai alamat blog anda. maksudnya, setelah pengunjung diarahkan ke halaman validasiemail.php, pengunjung akan diarahkan kembali ke halaman blog anda.

2. Upload file validasiemail.php pada freehosting. untuk free hosting yang saya tau hanya google codeproject. free hosting yang lain mungkin anda bisa menambahkannya.

3. Saatnya kehalaman Blogger anda. pada dashboard klik posting buat sebuah posting baru. dan copy kode HTML berikut pada kolom EDIT HTML.
<form action="http://tools.adityawebs.com/validasiemail.php" method="post">
<table style="height: 30px;" border="0" cellspacing="0" width="472" align="left">
<tbody>
<tr>
<td width="123">Full Name</td>
<td width="19">
<div>:</div></td>
<td width="324"><label></label>&nbsp;
<input id="nama" name="nama" type="text" /></td>
</tr>
<tr>
<td>E-mail</td>
<td>
<div>:</div></td>
<td><label></label>&nbsp;
<input id="email" name="email" type="text" /></td>
</tr>
<tr>
<td>Phone</td>
<td>
<div>:</div></td>
<td><label></label>&nbsp;
<input id="phone" name="phone" type="text" /></td>
</tr>
<tr>
<td>Message</td>
<td>
<div>:</div></td>
<td><label>
<textarea id="pesan" cols="40" rows="3" name="pesan"></textarea>
</label></td>
</tr>
<tr>
<td></td>
<td></td>
<td><label></label>&nbsp;
<input name="Submit" type="submit" value="SEND MESSAGE" /></td>
</tr>
</tbody>
</table>
</form>
NOTE/penjelasan kode :
<form action="http://tools.adityawebs.com/validasiemail.php" // adalah alamat hosting pada langkah kedua tadi. form action berfungsi untuk memanggil file php yang kita buat tadi


4. Pada kebanyakan Halaman contact biasanya tidak ada kolom komentar. cara menghilangkan adalah klik "post options" letaknya dibawah label. dan pastikan anda memilih "Jangan izinkan, sembunyikan yang telah ada" seperti yang terlihat pada gambar:

dan Tebitkan Entri... taraaaaa.. Contact Form Pada Blogger anda telah jadi, saatnya mencoba apakah form tersebut berjalan apa tidak.

saatnya mencoba, isi kolom pada form kemudian klik SEND MESSAGE

Note: jangan lupa isi nomer telp ya, jika cewek cantik saya ajak sms an..whehehe
tampilan email pada account Gmail saya (email tujuan)


Sekian tutorial membuat Contact Form sendiri pada blogger, jika ada yang kurang jelas, jangan sungkan untuk berkomentar..

Pernando Harianja Pendiri dan Pengelola di InfoLoh.com, yang hobby dalam pembuatan Program Komputer, dan ngeBlog. Untuk kenal lebih dekat Follow IG saya: @pernando_harianja

Berbagi :