Cara Membuat Isi Artikel Blog Dikunci atau Dipassword

byKurazone Net -
KURAZONE ~ Halo sahabat Kurazer, pada kesempatan kali ini saya bagikan informasi mengenai Cara Membuat Isi Artikel Blog Dikunci atau Dipassword. Hasil jadi dari tutorial kali ini bisa langsung kalian lihat dibawah ini :
masukkan password kurazone
Masukkan Password Untuk Membuka Artikel ini!

Berikut adalah Cara Membuat Isi Artikel Blog Dikunci atau Dipassword

Memasang kode didalam artikel

1. Buka akun Blogger.
2. Buat artikel baru, pindah ke mode HTML.
3. Copy 1 paket kode dibawah ini:
<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" 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>
4. Paste kedalam isi artikel, lalu edit sesuai keterangan dibawah ini :
  • Ganti teks kurazone menjadi password yang kalian inginkan (huruf besar / kecil sangat berpengaruh)
  • Ganti teks Password Salah! untuk menampilkan pesan apabila seseorang keliru memasukkan password
  • Masukkan bagian artikel yang ingin dipassword diantara kode:
    <div id="HIDDENDIV" class="kurahidden"> ............ </div>
  • Proteksi bisa berupa teks, gambar maupun video
5. Publikasi artikel dan lihat hasilnya
Dari cara ini kalian bisa membuat artikel dikunci dengan password yang berbeda-beda pula

Kelebihan

  • Yang jelas untuk menyembunyikan isi artikel
  • Bagi kalian seorang guru/instruktur yang ingin memposting nilai para siswa secara online di blog, kalian bisa menggunakan cara ini. Password yang kalian buat bisa kalian berikan kepada para siswa melalui grup WA. Sehingga cuma murid kalian saja yang mengetahui Password tersebut. Lumayan kan jika dapat kunjungan dari para siswa.
  • Terlihat elegan dan terproteksi gitu..kayak dokumen rahasia.
  • Bisa digunakan untuk menyembunyikan link download. Yang bisa kalian kombinasikan dengan embed video Youtube ke blog. Seperti : untuk mendapatkan password, silakan tonton video dibawah ini dan temukan password didalam videonya. Lumayan kan nambah view.

Kekurangan

  • Isi artikel yang diproteksi masih bisa dilihat apabila pengunjung melakukan CTRL+U alias view-source pada artikel yang diproteksi

Itulah informasi mengenai "Cara Membuat Isi Artikel Blog Dikunci atau Dipassword", selamat mencoba dan semoga bermanfaat. Goodluck!

Tags





Lebih baru Lebih lama