membuat contact form+capcay dengan php

1. siapkan notepad, buat file baru dengan nama contact.php lalu masukan kode ini dan jika sudah jangan lupa save as
PHP Code:
<?php session_start(); ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>PHP Contact Form - Aloeng-mfw.com</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
  </head>
  <body>
    <?php
    
if (isset($_POST['submit'])) {
    
$error "";

    if (!empty(
$_POST['name'])) {
    
$name $_POST['name'];
    } else {
    
$error .= "Kamu belum menuliskan nama. <br />";
    }

    if (!empty(
$_POST['email'])) {
    
$email $_POST['email'];
      if (!
preg_match("/^[_a-z0-9]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i"$email)){
      
$error .= "Alamat email yang kamu masukkan tidak valid. <br/>";
      }
    } else {
    
$error .= "Kamu belum menuliskan alamat e-mail. <br />";
    }

    if (!empty(
$_POST['message'])) {
    
$message $_POST['message'];
    } else {
    
$error .= "Kotak pesan harus terisi. <br />";
    }

    if((
$_POST['code']) == $_SESSION['code']) {
    
$code $_POST['code'];
    } else {
    
$error .= "Angka yang kamu masukkan tidak sesuai dengan gambar, Silahkan coba lagi. <br />";
    }

    if (empty(
$error)) {
    
$from 'From: ' $name ' <' $email '>';
    
$to "email@kamu.disini";
    
$subject "Kamu mendapatkan pesan baru dari $name";
    
$content $name " mengirimkan anda pesan/pertanyaan: \n" $message;
    
$success "<h3>Terima kasih, Pesan Kamu Telah Terkirim!</h3>";
    
mail($to,$subject,$content,$from);
    }
    }
    
?> 
    <div id="contactForm">
   <div style="background-color:white; padding:5px; border: 1px solid #009999; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; height: 460px; overflow: hidden; width: 580px;"><div style="">
    <h2></h2>

    <?php
      
if (!empty($error)) {
      echo 
'<p class="error">Pesan kamu belum terkirim<br/> Perbaiki kesalahan berikut:<br/><strong>' $error '</strong></p>';
      } elseif (!empty(
$success)) {
      echo 
$success;
      }
    
?> 

      <form action="contact.php" method="post">
 
        <label>Nama:</label>
        <input type="text" name="name" value="<?php if ($_POST['name']) { echo $_POST['name']; } ?>" />

        <label>Alamat Email:</label>
        <input type="text" name="email" value="<?php if ($_POST['email']) { echo $_POST['email']; } ?>" />
   
        <label>Pesan/pertanyaan:</label><br />
        <textarea name="message" rows="20" cols="20"><?php if ($_POST['message']) { echo $_POST['message']; } ?></textarea>
  
        <label><img src="captcha.php"></label>
        <input type="text" name="code"> <br />
 <center>Powered By : <a title="ILMU-KOMPUTER | Tutorial Wordpress dan Blogspot" href="http://aloeng-mfw.com/" target="_blank">aloeng-mfw.com</a></center>
        <input type="submit" class="submit" name="submit" value="Kirim" />
  
      </form>
</div></div>
    </div>
  </body>
</html>

2. sama dengan langkah yang tadi, dan buat file dengan nama captcha.php lalu save as
PHP Code:
<?php
  session_start
(); // awal dari session
  
$image imagecreate(7520); //membuat gambar kosong (lebar, tinggi). ini bisa anda ganti ukurannya.
  
$bgcolor imagecolorallocate($image000); //menambahkan warna pada latar belakang (RGB).
  
$textcolor imagecolorallocate($image255255255); //add text/code color with RGB.
  
$code rand(10000009999999); //membuat angka acak antara 1000000 dan 9999999

  
$_SESSION['code'] = ($code); //menambahkan angka acak ke session 'code'
  
imagestring($image1083$code$textcolor); //membuat gambar dengan semua pengaturan diatas.
  
header ("Content-type: image/png"); // mendefenisikan tipe gambar
  
imagepng($image); //menampilkan gambar dengan format PNG ?>
3.buat file dengan nama style.css
PHP Code:
#contactForm {
  
margin-top30px;
  
width500px;
#contactForm input, #contactForm textarea {
  
border1px solid #ccc;
  
font-familyHelveticaarialsans-serif;
  
font-size14px;
  
margin0px 0px 10px 0px;
  
padding2px;
  
width379px;
#contactForm textarea {
  
height100px;
#contactForm textarea:focus, #contactForm input:focus {
  
border1px solid #888; #contactForm label {
  
floatleft;
  
font-size14px;
  
margin-right15px;
  
text-alignright;
  
width100px;
#contactForm input.submit {
  
cursorpointer;
  
floatleft;
  
width115px;
#contactForm h2, #contactForm h3 {
  
margin-left115px;
#contactForm .error {
  
color#ff0000;
  
margin-left115px;
}  
4. instal ke webhosting anda, jika perlu buatkan folder khusus untuk ke 3 file tersebut(contact.php,captcha.php,stlye.css)

5.jika sudah selesai buka hasil upload tadi
Quote:
httx://www[dot]domainanda[dot]com/contact.php
dan jika berhasil akan muncul contact form sesuai gambar yang saya kasih lihat di atas, kok diliatnya gk enak ya? ya iyalah, kan itu di buat di page baru, bukan page wordpress
trus gimana cara mindahinnya?
kita gunakan fungsi inframe, inframe sendiri yaitu memindahkan website/blog orang lain, ke dalam blog kita, ya itu juga harus seizin dia ,
trus gmn cara make inframenya?

6.buat POST/PAGE baru pada blog, lalu masuk ke bagian HTML copas kode ini pada post/page kalian
PHP Code:
<iframe src="http://www.nama_domain_kamu.com/contact.php" height="600px" width="100%" frameborder="0" scrolling="no"></iframe>  
ganti nama_domain_kamu dengan domain anda
lalu SAVE dan lihat hasilnya

NOTE: pada bagian contact.php email@kamu.disini ganti dengan alamat email kalian

nih contohnya yang sudah di inframe dan belum di inframe
Spoiler for show


kalo gk pengen ribet, bisa download semua file di atas 
Spoiler for show
http://www.zid*du.com/download/19099456/contact.zip.html

Source
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description
  • description

Video Gallery

  • Linux
    sekedar informasi, sekarang zimbra sudah diakuisisi oleh VMWare. jadi nantinya logo webmail zimbra kita akan ada logo VMware-nya.
  • Foto
    kalo mau buat efek foto kembar yang penting pilih minimal 3 foto (mau lebih juga terserah anda aj..)yang setingan tempat dan letak kameranya
  • Network
    setelah anda membongkar dus, dan menyiapkan koneksi. yang perlu anda lakukan adalah:
  • Serba-Serbi
    16 Cara Mengikat Sepatu Ala Jepang share buat teman2 & cew ato cow yang senang menggunakan sepatu bertali. Selamat mencoba
  • Tips-Trik
    Jika agan pengguna komputer, pasti sudah tidak asing lagi dengan yang namanya mouse. Mouse adalah salah satu pendamping setia dari komputer. Hampir semua jenis mouse memiliki 3 buah tombol. Tombol kiri, tombol kanan dan tombol scroll yang ada di tengah
  • Windows
    Windows 7 merupakan versi yang jauh lebih baik daripada versi terbaru windows, yaitu windows Vista. Dan windows 7 dilengkapi dengan banyak fitur baru.