1. file index.php + CSS
<!DOCTYPE html>
<html>
<head>
<title>MENU-LOGIN</title>
</head>
<body>
<style>
body { font-family: sans-serif; background: #d5f0f3; }
h1 { text-align: center; /*ketebalan font*/ font-weight: 300; }
.tulisan_login { text-align: center; /*membuat semua huruf menjadi kapital*/ text-transform: uppercase; }
.kotak_login { width: 350px; background: white; /*meletakkan form ke tengah*/ margin: 80px auto; padding: 30px 20px; }
label { font-size: 11pt; }
.form_login { /*membuat lebar form penuh*/ box-sizing: border-box; width: 100%; padding: 10px; font-size: 11pt; margin-bottom: 20px; }
.tombol_login { background: #46de4b; color: white; font-size: 11pt; width: 100%; border: none; border-radius: 3px; padding: 10px 20px; float : right; }
.tombol_login2{ background: #ff0000 ; color: white; font-size: 11pt; width: 100%; border: none; border-radius: 3px; padding: 10px 20px; float : right; }
.link { color: #232323; text-decoration: none; font-size: 10pt; }
</style>
<center><h1>FORM LOGIN</h1></center>
<div class="kotak_login">
<p class="tulisan_login">Silahkan login</p>

<form action="login.php" method="post">
<label>Username</label>
<input type="text" name="username" class="form_login" placeholder="Username ">
<label>Password</label>
<input type="text" name="password" class="form_login" placeholder="Password ">
<input type="submit" class="tombol_login " name="login" value="LOGIN">
<hr>
<input type="reset" class="tombol_login2" value="reset" >
<br/>
<br/>
<center>
</center>
</form>
</div>
</body>
</html>

2. file koneksi.php

isi $db sesuai dengan nama database yang ada di aweb server


<?php
$host = '127.0.0.1';
$user = 'root';
$pass = 'root';
$db = 'DB_PERPUSTAKAAN';

$koneksi = mysqli_connect($host, $user, $pass, $db);
if(mysqli_connect_errno()){
	echo "koneksi gagal :". mysqli_connect_error();
	}
?>
3. file login.php
<?php // mengaktifkan session php
session_start();
// menghubungkan dengan koneksi
include 'koneksi.php';
// menangkap data yang dikirim dari form
$username = $_POST['username']; $password = $_POST['password']; // menyeleksi data user dengan username dan password yang sesuai
$result = mysqli_query($koneksi,"SELECT * FROM admin where username='$username' and password='$password'");
$cek = mysqli_num_rows($result);
if($cek > 0) {
$data = mysqli_fetch_assoc($result);
//menyimpan session user, nama, status dan id login
$_SESSION['username'] = $username;
$_SESSION['passoword'] = $password;
header("location:admin.php");
} else {
header("location:login.php?pesan=gagal login data tidak ditemukan.");
} ?>

4.file admin.php
<!DOCTYPE html>
<html>
<head>
<title>LOGIN</title>
</head>
<body>
<style> body { font-family: sans-serif; background: #d5f0f3; }
h1 { text-align: center; /*ketebalan font*/ font-weight: 300; }
.tulisan_login { text-align: center; /*membuat semua huruf menjadi kapital*/ text-transform: uppercase; font-size:200px; }
.kotak_login { width: 350px; background: white; /*meletakkan form ke tengah*/ margin: 80px auto; padding: 30px 20px; }
label { font-size: 11pt; }
.form_login { /*membuat lebar form penuh*/ box-sizing: border-box; width: 100%; padding: 10px; font-size: 11pt; margin-bottom: 20px; }
.tombol_login { background: #46de4b; color: white; font-size: 11pt; width: 100%; border: none; border-radius: 3px; padding: 10px 20px; float : right; }
.tombol_login2{ background: #ff0000 ; color: white; font-size: 80px; font-family:arial; width: 100%; border: none; border-radius: 3px; padding: 10px 20px; float : right; }
a:hover{ baground-color:blue; }
.link { color: #232323; text-decoration: none; font-size: 10pt; } </style>
<div class="kotak_login">
<p class="tulisan_login" >Berhasil Login</p>
<center><a class="tombol_login2 " href="logout.php " >logout</a></center>
<center><p style:"font-size: 80px;">Klik Logout untuk kembali ke menu login</p></center>
</div>
</body>
</html>
5. file logout.php 

<?php
session_start();
session_destroy();
header("location:index.php");
?>

6.Pembuatan Tabel
Buat tabel admin di dalam DB masing masing sesuai koneksi.php
JIKA VIDEO KURANG JELAS SILAHKAN KLIK LINK DIBAWAH INI