Okay cuy,kembali lagi di blog R7. Kali ini admin akan memberikan tutorial bagaimana cara memberi password pada suatu halaman postingan blog.
Kelebihan:
1.Konten tertutup sempurna
2.Tampilan input menarik
Seperti ini tampilannya...
Karena disebelumnya,kita telah membahas cara memberi kunci pada loading suatu artikel.Dengan beberapa kekurangannya yaitu konten masih muncul sepersekian detik,konten dapat dilihat lewat view-source: , dll
Okay langsung saja kematerinya yah gan...
Yang pertama,kalian copy code dibawah (ctrl+C)
<script>
function verify() {
if (document.getElementById('password').value === '12345') {
document.getElementById('HIDDENDIV').classList.remove("hidden");
document.getElementById('credentials').classList.add("hidden");
} else {
alert('Password Salah!');
password.setSelectionRange(0, password.value.length);
}
return false;
}
</script>
<style>
.hidden {display: none;}
.passwordku{padding:30px;background:#f3f3f3;border-radius:5px;width:300px;}
.buttonkls{padding:4px 20px 4px; 20px;background:#3e4282;color:#fff;width:80%;border-radius:5px;}
.inputpassw{padding:4px;background:#fff;color:#000;width:80%;text-align:center;border-radius:5px;margin-bottom:3px;}
.ketpassword{text-align:center;margin-bottom:5px;}
</style>
<center>
<div id="credentials">
<div class="passwordku">
<div class="ketpassword">
Masukkan Password Untuk Mengakses Halaman ini!
</div>
<input class="inputpassw" type="text" id="password" onkeydown="if (event.keyCode == 13) verify()" />
<br/>
<input class="buttonkls" id="button" type="button" value="AKSES HALAMAN" onclick="verify()" />
</div>
</div>
</center>
<div id="HIDDENDIV" class="hidden">
Alhamdulillah,kontennya terbuka cuy!.
Konten yang anda kunci masukan disini, baik teks, gambar, video, dll.
</div>
Nah...kalian ganti konten yg berwarna merah dengan sandi/password anda,
Kemudian kalian ganti juga konten yang akan anda sembunyikan di kolom berwarna biru.
Preview:
Masukkan sandi 12345 dan klik akses halaman
Masukkan Password Untuk Mengakses Halaman ini!
Alhamdulillah,kontennya terbuka cuy!.
Konten yang anda kunci masukan disini, baik teks, gambar, video, dll.
Bagaimana,keren kan?
Okay sekian dari admin,artikel ini mungkin sangat berguna buat sob blogger yang suka mbucin agar kebucinannya terprivat :v
Ok,jumpa lagi dikonten selanjutnya...