KUNCI HALAMAN BLOG RESPONSIVE DARI KURAZONE
SCRIPT HTML
<script>
function verify() {
if (document.getElementById('password').value === 'kurazone') {
document.getElementById('HIDDENDIV').classList.remove("kurahidden");
document.getElementById('credentials').classList.add("kurahidden");
} else {
alert('Password Salah!');
password.setSelectionRange(0, password.value.length);
}
return false;
}
</script>
<style>
.kurahidden {display: none;}
.kurapassword{padding:20px;background:#007bfd;border-radius:5px;width:300px;}
.kuratombol{padding:4px 20px 4px; 20px;background:#222;color:#fff;width:80%;border-radius:5px;}
.kurainput{padding:4px;background:#fff;color:#000;width:80%;text-align:center;border-radius:5px;margin-bottom:3px;}
.kuraket{text-align:center;margin-bottom:5px;}
</style>
<center>
<div id="credentials">
<div class="kurapassword">
<div class="kuraket">
Masukkan Password Untuk Membuka Artikel ini!
</div>
<input class="kurainput" id="password" onkeydown="if (event.keyCode == 13) verify()" type="text" />
<br />
<input class="kuratombol" id="button" onclick="verify()" type="button" value="Buka Artikel" />
</div>
</div>
</center>
<div class="kurahidden" id="HIDDENDIV">
LETAKKAN ISI ARTIKEL YANG INGIN DIPASSWORD DISINI YA GAES!
</div><div class="kurahidden" id="HIDDENDIV"><br /></div><div class="kurahidden" id="HIDDENDIV"><br /></div><div class="kurahidden" id="HIDDENDIV"><br /></div><div class="kurahidden" id="HIDDENDIV"><br /></div><div class="kurahidden" id="HIDDENDIV">SUMBER:<a href="https://www.kurazone.net/2021/01/cara-membuat-isi-artikel-blog-dikunci.html">https://www.kurazone.net/2021/01/cara-membuat-isi-artikel-blog-dikunci.html</a></div>
Masukkan Password Untuk Membuka Artikel ini!
LETAKKAN ISI ARTIKEL YANG INGIN DIPASSWORD DISINI YA GAES!
SUMBER:https://www.kurazone.net/2021/01/cara-membuat-isi-artikel-blog-dikunci.html
Posting Komentar untuk "KUNCI HALAMAN BLOG RESPONSIVE DARI KURAZONE"