Beranda > Home > cara membuat sign up dan Login di blog

cara membuat sign up dan Login di blog

UNTUK DOWNLOAD ARTIKEL INI :…KLIK DI SINI… 

Kali ini ilmukudu memberikan tips dan trik bagaimana cara membuat form untuk meregister sekaligus login di blog untuk member terdaftar, dan sudah tentu kita akan menggunakan database MySQL untuk menyimpan data para member terdaftar. Perlu diingat source PHP yang saya tulis ini berjalan pada PHP 4.2.3 atau lebih disarankan untuk menggunakan PHP versi 4.3 atau lebih.

contoh sederhananya seperti ini :


Mari kita mulai!

Pertama-tama kita harus mempunyai web houtingnya.sekarang untuk pemula atau mencoba kamu bisa masuk webhousting geratis dihttp://www.ueuo.com/ karna di sini kamu tidak di kenakan biyaya sedikitpun.

lalu kamu bisa siapkan terlebih dulu databasenya. Silahkan jalankan mysql Client kamu. Masih bingung atau lupa menjalankan mysql client ? Ok saya coba ingat-ingatkan kembali…Mysql client yang digunakan disini adalah yang berbasis teks dan di ekskusi pada shell.

Setelah database sudah disiapkan kita akan membuat tablenya. Berikut ini adalah contoh tablenya.

CREATE TABLE `user` (
`id` int(10) NOT NULL auto_increment,
`nama` varchar(20) collate latin1_general_ci NOT NULL,
`password` varchar(100) collate latin1_general_ci NOT NULL,
`level` int(3) NOT NULL,
`realname` varchar(50) collate latin1_general_ci NOT NULL,
`email` varchar(100) collate latin1_general_ci NOT NULL,
`url` varchar(100) collate latin1_general_ci NOT NULL,
`waktu` int(20) NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=latin1 COLLATE=latin1_general_ci AUTO_INCREMENT=6 ;

Selesai sudah persiapan database sekarang kita pindah ke bagian PHP sourcenya. Disini kita akan membuat beberapa file untuk proses pendaftaran dan login yang sudah terdaftar.
atau download software untuk database klik di sini…..

  • Buka http://www.ueuo.com/, Kemudian Login,
  • Setelah Login dianggap sah, akan muncul jendela baru “Member Area
  • Klik tombol “File Manager” sehingga akan muncul halaman seperti ini

  • lalu kita buat file baru lalu beri judul koneksi-inc.php, adalah untuk menghubungkan koneksi tepatnya.masukan code di bawah ini lalu save :
<?php
mysql_connect(“localhost”,”user”,”pass”);
mysql_select_db(“nama-database”);
?>
  • kemudian kita buat file baru lagi dengan judul script kirim.php.masukan code berikut
html>

<body>
<?
include”koneksi.inc.php”;
session_start();

$passwordc=md5($_POST[password]);
$query=”SELECT * FROM user WHERE nama=’$_POST[namaid]‘ AND password=’$passwordc’”;
$hasil=@mysql_query($query);
$row=@mysql_fetch_array($hasil);

if(!empty($row[nama]) && !empty($row[password]))
{
session_register(“namauser”);
$_SESSION[namauser]=”$row[nama]“;

?>
<script>
window.location=’http://ilmukudu.blogspot.com/&#8217;;
</script>
<?
}
else
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n invalid NAMA_ID dan PASSWORD”)
window.location =”http://ilmukudu.blogspot.com/&#8221;;
</script>
<?
}
?>
</body>
</html>

Catatan : Ganti text yang berwarna merah atau link ilmukudu dengan alamat blog anda.

  • sekarang new file kembali kita akan membuat file beri judul scriptlogin.php
<?
Header(“content-type: application/x-javascript”);
include”koneksi.inc.php”;
session_start();
$form=”<form method=’POST’ action=’http://ilmukudu.freevar.com/kirim.php’>&#8221;;
$form .=”<table>”;
$form .=”<tr><td colspan=2><input type=’text’ name=’namaid’ value=’login’></td></tr>”;
$form .=”<tr><td colspan=2><input type=’password’ name=’password’ value=’******’></td></tr>”;
$form .=”<tr><td><input type=’submit’ name=’submit’ value=’sign in’></td><td><a href=’http://ilmukudu.freevar.com/daftar.php’>Sign Up</a></td></tr>”;
$form .=”</table>”;
$form .=”</form>”;

if($_SESSION[namauser]==””)
{
echo “document.write(\”$form\”)”;
}
else
{
$login=”<table><tr>”;
$login .=”<td>$_SESSION[namauser]</td>”;
$login .=”<td><a href=\”http://ilmukudu.freevar.com/logout.php\”>[LOGOUT]</a></td></tr></table>”;
echo “document.write(‘$login’)”;
}
?>

Catatan : Ganti bagian yang berwarna merah dengan alamat hosting anda sendiri

  • Langkah selanjutnya buat file baru kembali dengan nama scriptdaftar.php berikut adalah contoh codenya :
<?
session_start();
function makeRandomcaptcha() {
$salt =”abch123efgABCDEFhjkm4LMNP567npqGHIJKrstuvwxyz89″;
srand((double)microtime()*1000000);
$i = 0;
while ($i <= 5) {
$num = rand() % 33;
$tmp = substr($salt, $num, 1);
$pass = $pass . $tmp;
$i++;
}
return $pass;
}

$captcha_word = makeRandomcaptcha();

if($_GET[tampil]==”1″)
{
$im = imagecreate(100, 30);

$hitam = imagecolorallocate( $im,255,255,255);
$putih = imagecolorallocate( $im,0,0,0);
$ukuran_font = 5;

imageline($im, 0, 15, 99, 15, $putih);

$pos_x = (imageSX($im) – strlen($_GET[cod]) * imagefontwidth($ukuran_font))/2;
$pos_y =(imageSY($im) – imagefontheight($ukuran_font))/2;

imagestring($im, $ukuran_font, $pos_x, $pos_y, $_GET[cod], $putih);

header(“Content-Type: image/jpeg”);
imageJPEG($im);
imagedestroy($im);
}
include”koneksi.inc.php”;
?>
<fieldset style=”padding:4px;border:1px solid #bbbbbb;width:500px;font-family:verdana;font-size:11px”>
<legend align=right><b><i>SILAHKAN DAFTAR</i></b></legend>
<table border=0 width=500px cellpadding=4 cellspacing=4 style=”font-family:verdana;font-size:10px”>
<form method=post action=”daftar.php”>
<tr>
<td><b>NAMA ID</b></td>
<td><input type=text name=nama_id size=30 maxlength=”8″ value=”<? echo”$_POST[nama_id]“; ?>”></td>
</tr>
<tr>
<td><b>NAMA ANDA</b></td>
<td><input type=text name=nama_dpn size=30 maxlength=”50″ value=”<? echo”$_POST[nama_dpn]“; ?>”></td>
</tr>
<tr>
<td><b>EMAIL</b></td>
<td><input type=text name=email size=50 maxlength=”30″ value=”<? echo”$_POST[email]“; ?>”> <br> ( mis : ermi.onlinez@gmail.com )</td>
</tr>
<tr>
<td><b>URL</b></td>
<td><input type=text name=url size=50 maxlength=”40″ value=”<? echo”$_POST[url]“; ?>”> <br> ( mis : http://ilmukudu.blogspot.com/ )</td>
</tr>
<tr>
<td><b>PASSWORD</b></td>
<td><input type=password name=password size=30 maxlength=”8″></td>
</tr>
<tr>
<td><b>CONFIRM PASSWORD</b></td>
<td><input type=password name=passwordc size=30 maxlength=”8″></td>
</tr>
<tr><td colspan=2><b>MASUKKAN KODE</b> </td></tr>
<tr><td colspan=2>
<? echo”<img src=daftar.php?tampil=1&cod=$captcha_word>”; ?>
</td>
</tr>
<tr><td colspan=2><input type=text name=word id=”word”></td></tr>
<input type=hidden name=words id=”words” value=”<? echo”$captcha_word”; ?>”></td></tr>
<tr>
<td colspan=2 align=right>[ <a href="http://ilmukudu.blogspot.com">Kembali</a> ] <input type=submit name=subdaf value=’Daftar’> <input type=reset value=’Reset’></td>
</tr>
</form>
</table>
</fieldset>
<?
if($_POST[subdaf])
{
$nama_id=str_replace(” “,”_”,$_POST[nama_id]);
$urlstr=substr(“$_POST[url]“,0,7);
$check_anggota=mysql_query(“SELECT nama FROM user WHERE nama=’$nama_id’”);
$col_anggota=mysql_fetch_array($check_anggota);

if(empty($nama_id))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n NAMA ID TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif(!empty($col_anggota[nama]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n NAMA ID YANG ANDA GUNAKAN SUDAH EXIST \n SILAHKAN COBA YANG LAIN”)
</script>
<?
}
elseif(empty($_POST[nama_dpn]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n NAMA ANDA TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif(empty($_POST[email]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n EMAIL TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif(!ereg(“^.+\..+$”,$_POST[email]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n INVALID PENULISAN EMAIL”)
</script>
<?
}
elseif(empty($_POST[url]))
{
echo”<script>alert(‘url tidak boleh kosong’)</script>”;
}
elseif($urlstr!=”http://&#8221;)
{
echo”<script>alert(‘salah penulisan url’)</script>”;
}
elseif(empty($_POST[password]))
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n PASSWORD TIDAK BOLEH KOSONG”)
</script>
<?
}
elseif($_POST[password]!=”$_POST[passwordc]“)
{
?>
<script>
alert(“~~~ Warning!! ~~~ \n\n PASSWORD TIDAK MATCH”)
</script>
<?
}
elseif($_POST[word]!=$_POST[words])
{
echo”<script>alert(‘kode salah’)</script>”;
}
else
{
$now=time();
$passwordc=md5($_POST[password]);
$register=mysql_query(“INSERT INTO user (NAMA,PASSWORD,LEVEL,REALNAME,EMAIL,URL,WAKTU) VALUES(‘$_POST[nama_id]‘,’$passwordc’,’2′,’$_POST[nama_dpn]‘,’$_POST[email]‘,’$_POST[url]‘,’$now’)”);

if($register)
{
$welcome .=”Dear $_POST[nama_dpn]“.”,”.”\n”;
$welcome .=”Welcome, Salam Kenal dengan Anda dan Selamat bergabung dengan kami”.”\n\n”;
$welcome .=”LOGIN ID ANDA”.”:”.”$_POST[nama_id]“.”\n”;
$welcome .=”PASSWORD ANDA”.”:”.”$_POST[password]“.”\n\n”;
$welcome .=”# author:BLOGPROJECT ALIMUNANDAR\n”.
“# email: alimunandar@gmail.com\n”.
“# url :http://ilmukudu.blogspot.com&#8221;;
$kirim= mail(“$_POST[email]“,”KEANGGOTAAN ANDA”,”$welcome\n\n”, “FROM:\”BlogProject Ocim\”<alimunandar@gmail.com>\n”.”X-IP-Address: $_SERVER[REMOTE_ADDR]\n”.”X-Referer: $_SERVER[HTTP_REFERER]\n”);

}
?>
<script>alert(“Thanks, Anda Sudah Menjadi Member Kami \n ID dan PASSWORD sudah kami kirim ke EMAIL Anda \n Silahkan di Cek”);
window.location=”http://ilmukudu.blogspot.com&#8221;;
</script>
<?

}
}
?>

Keterangan : Ganti Text berwarna Merah dengan alamat anda di Blogspot
Yang Berwarna kuning, ganti dengan email , sebagai informasi, bagian yang berwarna kuning akan dikirim langsung ke Email pendaftar, jika registrasinya berhasil dieksekusi

Tahap akhir adalah menyisipkan FORM LOGIN pada Blogger.com. Masuk ke Account Blogger > layout > Add A Gadget > HTML/Javascript > Copy paste script berikut

<script src=”http://ilmukudu.freevar.com/login.php&#8221; type=”text/javascript”></script>

Keterangan : Ganti Text berwarna Merah dengan alamat hosting anda
Silahkan uji coba sendiri, masukkan nama login anda dan password
(ingat !!! bukan kode encriptnya)

semoga bermanfaat salam tipstutorial………

About these ads
Kategori:Home
  1. Februari 29, 2012 pukul 11:06 am | #1

    bisa bantu prosesnya?

  2. Anonymous
    Agustus 12, 2012 pukul 6:30 am | #2

    gx bsa gan web untuk upload file nya. T_T

  3. November 3, 2012 pukul 7:38 pm | #3

    Thank’s Gan Infonya….

  1. No trackbacks yet.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Logout / Ubah )

Twitter picture

You are commenting using your Twitter account. Logout / Ubah )

Facebook photo

You are commenting using your Facebook account. Logout / Ubah )

Google+ photo

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d bloggers like this: