Siyudistira ( sharing Aplikasi Program dan Game ): Cara Membuat Login Dengan PHP

pertama tama kita buat form loginnya

silahkan copas kode nya di bawah ini

pertama kita buat form mengguanak HTML

<html>
<head>
<title> log in </title>
<link rel="stylesheet" href="style.css">
<body bgcolor="gray">
<form action="proses.php" method="post">
<table border="0">
</td><div id="header"><td bgcolor="green" colspan="3" width="10" height="5"><div id="menu"> <a href=""> HOME </a></div></div>
</table>
        <td>
            </td>
        <br>
    </br>
        <center><table border="0"></center>
            <div id="login"></div>
            <div id="tah"><br>User        : <input type="tekt" name="user"></input></br>
            password : <input type="password" name="pass">
            <br>
            <input type="checkbox">Ingat Saya
            <p align="right"><div id="submit" value="masuk"><input type="submit" value="masuk"></div></div></p>
</head>
</html>

simpan dengan nama index.html

Selanjutnya Percantik dengan css

#header{
       width:100%;
       height:10%;
       background-color:#505050 ;
       }
    #menu{

       color:white;
       background-color:white;
       width:50;
       height:45;
       margin:0px auto;
       transition:all .4s ease-out;
       color:black;text-decoration: none;
       color:gray;
       text-shadow:
       0px 1px 0px gray,
       0px 0px 3px gray,
       0px 0px 5px gray,
       0px 0px 30px gray,
       0px 3px 50px gray;
       }
    #menu:hover{

       color:white;
       background-color:yellow;
       width:50;
       height:45;
       margin:10px auto;
       transition:all .4s ease-out;
       box-shadow:0px 0px 20px #000;
       }
    #login{
       width:300;
       height:50;
       background-color:yellow;
       border-radius:50px 50px opx opx;
       box-shadow:0px 0px 10px #000;
       }
    #tah{
       width:300;
       height:200;
       background-color:#E0E0E0;
       border-radius:0px 0px 20px 20px;
       background: linear-gradient(rgb(254, 254, 254), rgb(218, 218, 218)) repeat scroll 0% 0% transparent;
       box-shadow:0px 0px 10px #000;
       }
    #submit:hover{
       background-color:gray;
       border-radius:10%;
       background: linear-gradient(rgb(254, 254, 254), rgb(218, 218, 218)) repeat scroll 0% 0% transparent;
       }

simpan dengan nama style.css

yang terakhir ini yang paling penting yaitu proses

<?php
if(empty($_POST['user']) OR empty($_POST['pass'])){
       echo"<script>window.alert('halaman tidak boleh kosong');window.location=('index.html');</script>";
   }
elseif ($_POST['user']=="admin" AND ($_POST['pass']=="admin123")){
   echo"<script>window.alert('berhasil login'); window.location=('home.php');</script>";
   }
else{
   echo"<script>window.alert('user salah');window.location=('index.html');</script>";
   }
?>