Membuat Form Login Admin dengan PHP

Assalamualaikum Wr Wb

Sahabat Blogger, kali ini saya akan memberikan cara untuk Membuat Form Login Admin sederhana dengan PHP. Untuk form login admin kali ini saya hanya membuat cek loginnya dari tabel admin saja. Jadi tidak ada type loginnya. Intinya form ini khusus untuk login sang master / admin saja.
Nah langsung saja untuk yang pertama dan yang paling utama adalah "Bismillah hi rahmannirrahim" dulu, kemudian buatlah database untuk loginnya

Seperti ini SS form loginnya :

Dan untuk CSSnya.. 

css :
.iPhoneCheckContainer { -webkit-transform:translate3d(0,0,0); position: relative; height: 27px; cursor: pointer; overflow: hidden; } .iPhoneCheckContainer input { position: absolute; top: 5px; left: 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .iPhoneCheckContainer label { white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; cursor: pointer; display: block; height: 27px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; } .iPhoneCheckContainer, .iPhoneCheckContainer label { user-select: none; -moz-user-select: none; -khtml-user-select: none; } .iPhoneCheckDisabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } label.iPhoneCheckLabelOn { color: white; background: url('image/2/on.png?1284697268') no-repeat; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); left: 0; padding-top: 5px; } label.iPhoneCheckLabelOn span { padding-left: 8px; } label.iPhoneCheckLabelOff { color: #8b8b8b; background: url('image/2/off.png?1284697268') no-repeat right 0; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); text-align: right; right: 0; } label.iPhoneCheckLabelOff span { padding-right: 8px; } .iPhoneCheckHandle { display: block; height: 27px; cursor: pointer; position: absolute; top: 0; left: 0; width: 0; background: url('image/2/slider_left.png?1284697268') no-repeat; padding-left: 3px; } .iPhoneCheckHandleRight { height: 100%; width: 100%; padding-right: 3px; background: url('image/2/slider_right.png?1284697268') no-repeat right 0; } .iPhoneCheckHandleCenter { height: 100%; width: 100%; background: url('image/2/slider_center.png?1284697268'); } .iOSCheckContainer { position: relative; height: 27px; cursor: pointer; overflow: hidden; } .iOSCheckContainer input { position: absolute; top: 5px; left: 30px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } .iOSCheckContainer label { white-space: nowrap; font-size: 17px; line-height: 17px; font-weight: bold; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; cursor: pointer; display: block; height: 27px; position: absolute; width: auto; top: 0; padding-top: 5px; overflow: hidden; } .iOSCheckContainer, .iOSCheckContainer label { user-select: none; -moz-user-select: none; -khtml-user-select: none; } .iOSCheckDisabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } label.iOSCheckLabelOn { color: white; background: url('image/1/on.png?1284697268') no-repeat; text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); left: 0; padding-top: 5px; } label.iOSCheckLabelOn span { padding-left: 8px; } label.iOSCheckLabelOff { color: #8b8b8b; background: url('image/1/off.png?1284697268') no-repeat right 0; text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.6); text-align: right; right: 0; } label.iOSCheckLabelOff span { padding-right: 8px; } .iOSCheckHandle { display: block; height: 27px; cursor: pointer; position: absolute; top: 0; left: 0; width: 0; background: url('image/1/slider_left.png?1284697268') no-repeat; padding-left: 3px; } .iOSCheckHandleRight { height: 100%; width: 100%; padding-right: 3px; background: url('image1/1/slider_right.png?1284697268') no-repeat right 0; } .iOSCheckHandleCenter { height: 100%; width: 100%; background: url('image/1/slider_center.png?1284697268'); }  

Dan koding untuk proses login.php nya begini.. 

<?php
  session_start();
  require_once("../../koneksi.php");
  $username = $_POST['useradmin'];
  $password = md5($_POST['password']);
  $cekuser = mysql_query("SELECT * FROM admin WHERE username = '$username' and password='$password'");
  $jumlah = mysql_num_rows($cekuser);
  $hasil = mysql_fetch_array($cekuser);

  if($jumlah){
$_SESSION['admin']=$password;
$_SESSION['waktu']=date("Y-m-d H:i:s");

?> <script type="text/javascript">document.location.href="../admin.php"; </script><?php

}else{
echo "Login Gagal!<br/>";
?> <script type="text/javascript"> window.alert("Login Gagal"); document.location.href="../admin.php"; </script><?php

}

?>

Dan untuk koding Form Login Adminnya anda bisa lihad di myDrive
Untuk JavaScriptnya juga ada disini , disini dan disini

Sekian tutorial dari saya. kalo ada masalah komen aja gan..

Sangkyu, Arigatou ThankYou dan Wassalamualaikum Wr Wb

10:49 PM  Unknown  No comments

Read More