Cara Membuat Form Contact Keren di Blogger

Cara Membuat Form Contact 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.

Berikut ini cara membuat form contact di blog :

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

$to = "namaemailanda@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)

{

alert ('Terima kasih telah mengirim e-mail kepada kami...');

window.location="http:// namabloganda.blogspot.com/";

}

else

alert ('Pesan gagal dikirim, silahkan ulangi...!!!');

window.location="http:// namabloganda.blogspot.com/";

Note/Penjelasan kode :

$to = " namaemailanda@gmail.com" ;//adalah email tujuan

window.location="http:// namabloganda.blogspot.com";// baris javascript sebagai alamat blog anda dan 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 code project atau google sites (http://sites.google.com/) dan Dropbox. 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> 

<input id="nama" name="nama" type="text" /></td>

</tr>

<tr>

<td>E-mail</td>

<td>

<div>:</div></td>

<td><label></label> 

<input id="email" name="email" type="text" /></td>

</tr>

<tr>

<td>Phone</td>

<td>

<div>:</div></td>

<td><label></label> 

<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><label></label> 

<input name="Submit" type="submit" value="SEND MESSAGE" /></td>

</tr>

</tbody>

</table>

</form>

NOTE/penjelasan kode :

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)

Nah, Sekian dulu posting dari saya mengenai Cara Membuat Form Contact Keren di Blogger.

Semoga bermanfaat.....!!

» JANGAN LUPA LIKE N Komentarnya Yeach...