Script PHP Form Kontak Kami Dan Mengirim Pesan Ke Email

Membuat Form Contact menggunakan php jauh lebih mudah dan aman dibanding dengan menggunakan form contact dari pihak ketiga. misalnya emailmeform atau foxyform dan sejenisnya.
Baiklah mari kita mulai, form contact ini terdiri dari 2 file, yang pertama file form_contact.html yang berisi form contact yang dibuat dengan html. dan yang kedua file proses_contact.php yang berisi kode php yang akan memproses data yang diinputkan dari form_contact.html


form_contact.html


<html>
<head>
<title>Form Kontak</title>
</head>
<body>
<form action=’proses_contact.php’ method=’post’>
<table border=0 cellpadding=4>
<tr><td>Nama:</td><td><input type=’text’ name=’nama’></td></tr>
<tr><td>Email: </td><td><input type=’text’ name=’email’></td></tr>
<tr><td>Subjek:</td><td><input type=’text’ name=’subjek’></td></tr>
<tr><td>Pesan: </td><td><textarea name=’pesan’ cols=’10′ rows=’5′></textarea></td></tr>
<tr><td colspan=2><input type=’submit’ value=’KIRIM’></td></tr>
</table>
</form>
</body>
</html>

proses_contact.php
<?php

$nama=$_POST['nama'];
$email=$_POST['email'];
$subjek=$_POST['subjek'];
$pesan=$_POST['pesan'];

$to="email.anda@gmail.com";
$header="From: $email";

@mail($to, $subjek, $pesan, $header);
echo "Pesan Berhasil Dikirim";
?>

Script PHP Mysql Membuat Form Login Yang Aman + MD5

Sekarang kita akan menambahkan autentifikasi user pada Form Login Menggunakan Enkripsi MD5 agar data menjadi lebih aman

Step-1:
Tambahkan tabel ke dalam database yang sudah ada dengan nama: logins 
CREATE TABLE Logins (
ID mediumint not null auto_increment,
username varchar(30) not null,
pass varchar(64) not null defatult 'password',
primary key(ID));
Step-2:
Membuat File untuk Register User.
Nama File : register.php
Deskripsi  : untuk menambahkan user baru.
<?
include "koneksi.php";

if (isset($_POST['submit'])){
    if($_POST['username'] | !$_POST['passwd1'] | !$_POST['passwd2']){
        die("Anda tidak melengkapi semua field");
        }
    if (!get_magic_quotes_gpc()){
        $username=addslashes($_POST['username']);
        $passwd1=addslashes($_POST['passwd1']);
        }
//memeriksa username jika terjadi kesamaan nama user       
    $usercheck=$_POST['username'];
    $sql=mysql_query("SELECT username FROM logins WHERE username='".$usercheck."'")or die(mysql_error());
    $check=mysql_num_rows($sql);
   
    if ($check !=0){
        die("<b>MAAF, username : ".$_POST['username']." sudah digunakan</b>");
        }else if($_POST['passwd1'] != $_POST['passwd2']){
        die("Password Anda tidak sama, <b>Confirm Password</b>.");
        }
    //menambahkan user baru   
        $enkrip_pass=md5($passwd1);
        $query="INSERT INTO logins(username, pass) VALUES('$username','$enkrip_pass')";
        $sql=mysql_query($query)or die(mysql_error());
?>
<h1>Registered</h1>
<p>Thank you, you have registered - you may now login.
Click <a href="login.php">here</a> for Login</p>
<?
}else{
?>
<form action="" method="post" name="Register">
<table border="0">
<tr><td>Username </td><td> <input type="text" name="username" maxlength="60" size="60"></td></tr>
<tr><td>Password </td><td> <input type="password" name="passwd1" maxlength="10" size="10"></td></tr>
<tr><td>Confirm Password </td><td> <input type="password" name="passwd2" maxlength="10" size="10"></td></tr>
<tr><th colspan="2"><input type="submit" name="submit" value="Register"></th></tr>
</table>
</form>
<?
}
?>

Step-3
Setelah user terdaftar, selanjutnya melakukan autentifikasi terhadap user dengan login form.
Nama File : Login.php
Deskripsi : melakukan autentifikasi terhadap user.
<?
session_start();
if (isset($_POST['submit'])){

include "koneksi.php";

    if(!get_magic_quotes_gpc()){
        $passwd1=addslashes($_POST['passwd1']);
        $username=addslashes($_POST['username']);
        }
//    $enkrip_pass=md5($pass);
//periksa username dan password saat login
$sql=mysql_query("SELECT * FROM logins WHERE username = '".$username."'")
    or die(mysql_error());
    $row=mysql_fetch_assoc($sql);
 if (md5($passwd1)==$row['pass']){
        //menciptakan session
        session_register("username");
        $_SESSION['username']=$row['username'];
        header("Location: ".$config_basedir);
       }else{
        header("Location: ".$config_basedir."/login.php?error=1");}
}else{
?>
<html>
<head>
       <title>Login here...</title>
       <link rel="stylesheet" href="style.css">
</head>
<body>
    <form action="" method="post" name="login">
    <table align="center">
    <tr><th colspan="2"><h2>Login</h2></th></tr>
    <tr><td>user name </td><td> <input type="text" name="username"></td></tr>
    <tr><td>password  </td><td> <input type="password" name="passwd1"></td></tr>
    <tr><td colspan="2"><input type="submit" name="submit" value="Login"></td></tr>
<?
if($_GET['error']){
    echo "<tr><td colspan='2'><hr><small>Gagal Login, Silahkan Coba lagi.</small></td></tr>";
    }
?>
    </table>
    </form>
</body>
</html>
<?
}
?>
Step-4
Setelah login tentunya harus jangan lupa logout untuk menghapus session dari user yang masuk.
Nama File : Logout.php
Deskripsi  : menghapus session / keluar dari aplikasi
<?
/*---------------------------------------------
Halaman ini merupakan halaman logout
dimana kita akan menghapus session yang ada
-----------------------------------------------*/
session_start();
    unset ($_SESSION['username']);
    session_destroy();
    require "koneksi.php";
    header("Location: ".$config_basedir);
?>
Step-5
Setelah mengetikan script di atas, sebelumnya ada perubahan sedikit pada script file sebelumnya:
  1. koneksi.php, dan
  2. index.php
koneksi.php
Tambahkan script dibawah ini:
$config_basedir = "http://127.0.0.1/berita";
Contoh script setelah ditambahkan:
<?
  $host='localhost';
  $user='root';
  $pass='password';
  $dbnm='pw2';
  $config_basedir = "http://127.0.0.1/berita"; 
  $conn=mysql_connect($host,$user,$pass);
...
index.php
Script yang ditambahkan:
<?
if(isset($_SESSION['username'])){
      echo "<a href='arsip_berita.php'>Arsip Berita</a> |";
      echo "<a href='input_berita.php'>Input Berita</a> |";
      echo "<a href='logout.php'>Log out</a>";
      echo "<div align='center'>SELAMAT DATANG ".$_SESSION['username']."</div>";     
}
?>
Script setelah ditambakan.
<?
session_start();
  include "koneksi.php";
?>
<html>
<head>
       <title>Index Berita</title>
       <link rel="stylesheet" href="style.css">
</head>
<body>
      <a href="index.php">Halaman Depan</a> |
<?
if(isset($_SESSION['username'])){
      echo "<a href='arsip_berita.php'>Arsip Berita</a> |";
      echo "<a href='input_berita.php'>Input Berita</a> |";
      echo "<a href='logout.php'>Log out</a>";
      echo "<div align='center'>SELAMAT DATANG ".$_SESSION['username']."</div>";     
}
?>
      <br><br>
<h2>Halaman Depan ~ Lima Berita Terbaru</h2>
...
Panjang juga nich script, meski ada kesulitan mudah-mudahan sukses 100%. Kalo ada

Cara Mendapatkan IP Address Pengunjung Web Menggunakan PHP

cara menampilkan ip dengan php atau script php untuk menampilkan ip address pada browser. scriptnya sangat singkat hanya 1 baris saja yaitu dengan menggunakan perintah php REMOTE_ADDR.
Scipt:

$_SERVER['REMOTE_ADDR'];
Contoh pemakaian
<?php
$ip = $_SERVER['REMOTE_ADDR'];
echo " IP Saya Adalah : $ip ";
?>

Source : http://duabox.blogspot.com/2011/09/menampilkan-ip-dengan-php.html

Tips Dan Trik PHP MySQL

Tips Dan Trik PHP MySQL

Cara Membuat Tabbed Menu PHP Menggunakan Css JQuery


Dalam sebuah aplikasi php kerap kali kita temukan tabs dimana tab-tab tersebut mempunyai fungsi yang berbeda
Kita akan kupas tuntas bagaimana cara membuat tab seperti pada gambar dibawah ini
1. yang perlu kita lakukan adalah mendownload jquery kita bisa download disini
2.siapkan file index.htm ataupun file project kita
3.siapkan file untuk css
step 1 file index.html
01<pre><head>
02<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
03<title>Membuat Tabs Dengan CSS dan jQuery</title>
04<link rel="stylesheet" type="text/css" href="css/reset-font.css" media="screen" />
05<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
06<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
07<script type="text/javascript">
08$(document).ready(function() {
09    $('#tab1').fadeIn('slow'); //tab pertama ditampilkan
10    $('ul#nav li a').click(function() { // jika link tab di klik
11        $('ul#nav li a').removeClass('active'); //menghilangkan class active (yang tampil)
12        $(this).addClass("active"); // menambahkan class active pada link yang diklik
13        $('.tab_konten').hide(); // menutup semua konten tab
14        var aktif = $(this).attr('href'); // mencari mana tab yang harus ditampilkan
15        $(aktif).fadeIn('slow'); // tab yang dipilih, ditampilkan
16        return false;
17    });
18 
19});
20 
21</script>
22</head>
23 
24<body>
25<div id="container">
26    <h1>Membuat Tabs Dengan CSS dan jQuery</h1>
27    <ul id="nav">
28        <li><a href="#tab1" class="active">Home</a></li>
29        <li><a href="#tab2">About</a></li>
30        <li><a href="#tab3">Contact</a></li>
31    </ul>
32    <div class="clear"></div>
33    <div id="konten">
34        <div style="display: none;" id="tab1" class="tab_konten">
35            <h2>Home</h2>
36            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ut quam. Pellentesque vestibulum, velit eget venenatis auctor, quam turpis consequat quam, et ultricies leo neque et tortor. Quisque ut nulla non neque facilisis mattis. Sed quis nibh blandit lacus laoreet feugiat. <a href="#" title="Online Store">Vestibulum</a> ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris tincidunt erat nec risus accumsan tincidunt. Nunc augue massa, accumsan a, mollis vitae, porttitor eu, leo. Vestibulum purus. </p>
37        </div>
38 
39        <div style="display: none;" id="tab2" class="tab_konten">
40            <h2>About</h2>
41            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ut quam. Pellentesque vestibulum, velit eget venenatis auctor, quam turpis consequat quam, et ultricies leo neque et tortor. Quisque ut nulla non neque facilisis mattis. Sed quis nibh blandit lacus laoreet feugiat. <a href="#" title="Online Store">Vestibulum</a> ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris tincidunt erat nec risus accumsan tincidunt. Nunc augue massa, accumsan a, mollis vitae, porttitor eu, leo. Vestibulum purus. </p>
42        </div>
43 
44        <div style="display: none;" id="tab3" class="tab_konten">
45            <h2>Contact</h2>
46            <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ut quam. Pellentesque vestibulum, velit eget venenatis auctor, quam turpis consequat quam, et ultricies leo neque et tortor. Quisque ut nulla non neque facilisis mattis. Sed quis nibh blandit lacus laoreet feugiat. <a href="#" title="Online Store">Vestibulum</a> ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Mauris tincidunt erat nec risus accumsan tincidunt. Nunc augue massa, accumsan a, mollis vitae, porttitor eu, leo. Vestibulum purus. </p>
47        </div>
48    </div>
49    <div id="footer">read other cool stuff at my <a href="http://d3dykurniadi.wordpress.com" title="dedy kurniadi">blog</a>, back to <a href="#" title="back to article">article</a> or <a href="#" title="download source">download</a> this source :)</div>
50</div>
51</body>
52</html></pre>
setelah code diatas dibuat kita siapkan du file css yaitu screen.css dan reset-font.css
screen.css
01<pre>/* ------------------------------
02Struktur Halaman
03------------------------------ */
04body{
05    color:#696969;
06    background:#E5E5E5;
07}
08#container {
09    margin:auto;
10    margin-top:60px;
11    width:600px;
12    display:block;
13}
14div.clear{
15    clear:both;
16}
17h1{
18    font-size:1.9em;
19    color:#494949;
20}
21h2{
22    font-size:1.6em;
23}
24a{
25    color:#29b8f3;
26    text-decoration:none;
27}
28a:hover{
29    color:#D65703;
30}
31#footer{
32    padding:5px 20px;
33    text-align:right;
34}
35/* ------------------------------
36Konten = Tabs + Konten Tab
37------------------------------ */
38#konten{
39    padding:20px;
40    background:#FFF;
41    color:#555;
42}
43#konten p{
44    text-indent:15px;
45    line-height:165%;
46}
47/* ------------------------------
48Navigasi Tabs
49------------------------------ */
50ul#nav {
51    padding:20px 5px 10px 0;
52}
53ul#nav li{
54    display:inline;
55    float:left;
56    position:relative;
57    margin-right:5px;
58}
59ul#nav li a{
60    background:#a5a5a5;
61    padding:10px 25px;
62    color:#FFF;
63    text-decoration:none;
64    font-weight:bold;displayblock;
65}
66ul#nav li a:hover{
67    background:#29b8f3;
68}
69ul#nav li a.active, ul#nav li a.active:hover{
70    background:#FFF;
71    color:#555;
72}</pre>
kemudian siapkan juga file yang ketiga yaitu  reset-font.css
01<pre>/* ------------------------------
02Eric Meyer CSS Reset
03------------------------------ */
04html, body, div, span, applet, object, iframe,
05h1, h2, h3, h4, h5, h6, p, blockquote, pre,
06a, abbr, acronym, address, big, cite, code,
07del, dfn, em, font, img, ins, kbd, q, s, samp,
08small, strike, strong, sub, sup, tt, var,
09b, u, i, center,
10dl, dt, dd, ol, ul, li,
11fieldset, form, label, legend,
12table, caption, tbody, tfoot, thead, tr, th, td { margin0padding0;border0outline0font-size100%vertical-alignbaselinebackground:transparent; }
13body { line-height1; }
14ol, ul { list-stylenone; }
15blockquote, q { quotesnone; }
16blockquote:before, blockquote:after,
17q:before, q:after { content''contentnone; }
18:focus { outline0; }
19ins { text-decorationnone; }
20del { text-decorationline-through; }
21table { border-collapsecollapseborder-spacing0; }
22/* ------------------------------
23Font CSS by Yahoo
24------------------------------ */
25body{font:13px/1.231 Georgia, "Times New Roman", Times, serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% Georgia,"Times New Roman", Times, serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}</pre>
jangan lupa masukan file jquery pada folder js setelah semua langkah sudah dijalankan coba sekarang kita akses localhost/folderkita

Source : http://d3dykurniadi.wordpress.com/2011/10/22/membuat-tab-dengan-css-dan-jquery/

Artikel Lainnya