Cara Mengunci Isi Artikel Blog Dengan Password

Cara Mengunci Isi Artikel Blog Dengan Password

السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ

Pada kesempatan kali ini Bloggerin ID akan share kepada kalian bagaimana Cara Mengunci Isi Artikel Blog Dengan Password


Mengapa mengunci artikel? mengunci isi artikel ini bagus digunakan untuk para guru maupun yang mempunyai les privat, jadi apa yang ditulis hanya dapat diakses yang mengetahui passwordnya saja. Contohnya seperti dibawah ini:


Masukkan Password Untuk Membuka Artikel ini!
password: bloggerin

Ini isi artikel yang dikunci

Nah itu contoh dari artikel yang diberi password, untuk yang berminat memasangnya silahkan simak tutorial dibawah ini:


Pertama agan masuk terlebih dahulu ke Blogger > Buat postingan baru pada mode HTML kemudian copy kode dibawah ini dan pastekan pada kolom HTML postingan


<script>
function verify() {
  if (document.getElementById('password').value === 'bloggerin') {
    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" type="text" id="password" onkeydown="if (event.keyCode == 13) verify()" />
<br/>
<input class="kuratombol" id="button" type="button" value="Buka Artikel" onclick="verify()" />
</div> 
</div>
</center>

<div id="HIDDENDIV" class="kurahidden">
LETAKKAN ISI ARTIKEL YANG INGIN DIPASSWORD DISINI YA GAES!
</div>

Noted: Isi yang saya tandai sesuai keinginan agan ya

Jika merasa sudah semua lalu klik publikasikan dan lihat hasilnya.


Sumber: kurazone.net


Oke sekian yang bisa saya sampaikan tentang Cara Mengunci Isi Artikel Blog Dengan Password Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

وَ السَّلاَمُ عَلَيْكُمْ وَرَحْمَةُ اللهِ وَبَرَكَاتُهُ


Berkomentarlah dengan bijak 🥰