Welly Blogger Indonesia ku

Kamis, 15 Maret 2018

Membuat Aksi Dengan JavaScript

Tutorial Membuat Aksi Dengan Java Script dengan berhasil Login dan Tidak Berhasil berikut tutorial sederhana yang bisa anda/ kalian ikuti dan cermati dengan baik :

Gambar Login :

Gambar Login BERHASIL :

Gambar Login Tidak BERHASIL :

Diatas contoh gambar yang akan kita buat dalam membuat aksi java script dengan netbeans, disini saya akan memberikan sourcode index.php dan login.php disini anda bisa pelajari lebih lanjut dengan sendiri nya, terimakasih sudah berkunjung diblog ini menjelaskan sederhana tentang membuat aksi java script.

index.php

<<?php

session_start();

ini_set('display_errors',0);

if($_SESSION["SALAH"]>=3){

echo '<h1>Anda dalam kondisi diBlokir</h1>';

exit();

}

<!DOCTYPE html>

<html>

<head>

<title>Login Kita</title>

function Hello(){

var email=document.getElementById("email").value;

var password=document.getElementById("password").value;

if (email=="admin@gmail.com" && password=="admin123"){

alert("Hello...Anda BERHASIL Masuk Login");

}

else{

alert("ANDA TIDAK BERHASIL LOGIN SALAH EMAIL/PASSWORD");

}

};

</script>

</head>

<body>

<h1>Login Kita</h1>

<p>Ayookkk Login Untuk Masuk...!!!</p>

<p>Salah Login 3 KALI Anda Di Blokir</p>

</div>

<input class="form-control"

type="email"

name="email"

id="email"

placeholder="Email Address"

required="email"

autofocus="yes"

autocomplete="no"

maxlength="30">

<label for="email">Email Anda</label>

</div>

<input class="form-control"

type="password"

name="password"

id="password"

placeholder="password"

required="yes"

autocomplete="no"

maxlength="8">

<label for="password">Password</label>

</div>

<label>

<input type="checkbox"> Remember Me

</label>

</div>

<button class="btn-lg btn-primary btn-block" type="button">Forget Password</button>

</form>

</body>

</html>

<?php

session_start();

$user = $_POST["email"];

$pass = $_POST["password"];

//==============================

$dbuser = "admin@gmail.com";

$dbpass = "admin123";

//==============================

if($user == $dbuser && $pass == $dbpass){

echo '<h1>SELAMAT DATANG DI WEBSITE KAMI</h1>';

} else {

$_SESSION["SALAH"]++;

header("location:index.php");

}

Selasa, 06 Maret 2018

Tutorial Membuat Layout Pada HTM & CSS

Tutorial Membuat Layout Pada HTM & CSS

Dengan kesempatan ini saya akan membuat sebuah tutorial dalam membuat Layout Website sederhana menggunakan HTML & CSS

Jadi disini saya akan menjelaskan tentang Layout yang paling standart dan paling umum. Bisa teman-teman susun kerangka website sederhana sepeerti gambar dibawah ini :

Coba teman-teman perhatikan pada contoh layout web pada gambar diatas. Gambar diatas adalah gambar tampilan sebuah website. Dimana terdapat sebuah header pada bagian atas , menu navigasi bagian tengah, dan footer bagian paling bawah.

Nah sekarang kita akan membuat sebuah layout website yang paling sederhana seperti pada gambar diatas . untuk bisa mudah memahami tentang cara membuat template website. Teman-teman harus memahami dulu dasar-dasar dari HTML dan CSS disini saya membuat sebuah file dengan nama index.html

<!DOCTYPE html>

<html>

<head>

<title>SEMANGATBISA</title>

</head>

<style>

header, footer {

color: white;

background: black;

clear: left;

padding: 1em;

text-align: center;