Cara membuat kunci halaman pada blog agar tidak bisa diakses orang

·

Ini kode untuk membuat halaman yang dikunci pada blog supaya orang gak bisa lihat isinya karna ada hal pentingan yang hanya kita yang tahu. 

temen-temen bisa coba copas scrip di bawah ini.

Masukan saja pada postomgan baru. setelah terlihat hasilnya baru disedit-edit aja sesuka hati.  

 <div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6rFvxDfKOm22iYFbNBeWZqgv9TeooxAelH5WXv1gWBlceMzFcnSH7yWB_XiDQvXROwXow42DWddtzsk0LN_CkEuScmtgjA5EWsNIHSUlv05MCPQjqEtU3ExkzIzJKXz2XxNQI60By6KiSJnk_qRj_fJ56umh8_KG5S9j1dCcsL4p13w6nj_P7MVrkPA/s1920/Cara%20simpel%20membuat%20Biolink%20dengan%20Canva%20(1).png" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="1080" data-original-width="1920" height="225" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6rFvxDfKOm22iYFbNBeWZqgv9TeooxAelH5WXv1gWBlceMzFcnSH7yWB_XiDQvXROwXow42DWddtzsk0LN_CkEuScmtgjA5EWsNIHSUlv05MCPQjqEtU3ExkzIzJKXz2XxNQI60By6KiSJnk_qRj_fJ56umh8_KG5S9j1dCcsL4p13w6nj_P7MVrkPA/w400-h225/Cara%20simpel%20membuat%20Biolink%20dengan%20Canva%20(1).png" width="400" /></a></div><br /><p>Kelas ini dibuat untuk memberikan tips sederhana cara membuat web biolonk untuk pada guru agar bisa dimanfaatkan sebagai link portofolio atau bisa juga disematkan di sosial media seperti facebook atau intsgram. Semoga bermanfaat!</p><div class="separator" style="clear: both; text-align: center;"><span style="text-align: left;">!!! COMING SOON !!!</span></div><div></div><div><br /></div>
<!--kode untuk kunci-->
<script>
function verify() {
  if (document.getElementById('password').value === '12345678') {
    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" id="password" onkeydown="if (event.keyCode == 13) verify()" type="text" />
<br />
<input class="buttonkls" id="button" onclick="verify()" type="button" value="Buka Halaman" />
</div> 
</div>
</center>
<div class="hidden" id="HIDDENDIV"><div style="text-align: center;"><br /></div><div style="text-align: center;">------ Awali Pelatihan ini dengan Bismillah ----------&nbsp;</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;">Biolink ini merupakan cara sederhana yang kami ajarkan, jika ingin lebih bagus lagi tinggal dikreasikan sesuai dengan keinginan masing-masing. ikuti step by step langkahnya agar bisa selesai sesuai dengan harapan bapak ibu semua.&nbsp;</div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><b><span style="font-family: inherit;">STEP 1</span></b></div><div class="separator" style="clear: both; text-align: center;"><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-family: inherit; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><i>Siapkan tautan ekternal</i></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="font-family: inherit; white-space: pre;"> </span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Link Sosmed</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">a) Fb </span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">:&nbsp;</span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">b) Ig </span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">c) Yt </span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">d) Wa </span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><div style="text-align: left;"><span style="font-family: inherit;"><br /></span></div><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit; font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Link Utama</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">a) Link 1 Profil <span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp;  </span>: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">b) Link 2 Penghargaan&nbsp;<span>&nbsp;&nbsp;  </span>: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">c) Link 3 Aksi Nyata&nbsp;<span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp; </span>: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">d) Link 4 Media <span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; &nbsp;</span>: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt; text-align: left;"><span style="font-family: inherit;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;"><span class="Apple-tab-span" style="white-space: pre;"> </span></span><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">e) Link 5 Galery Foto <span>&nbsp;&nbsp; &nbsp;</span><span>&nbsp;&nbsp; </span>: </span><span style="font-size: 14.6667px; white-space: pre-wrap;">..............................................</span></span></p></div><div class="separator" style="clear: both; text-align: center;"><b><span style="font-family: inherit;"><br /></span></b></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit; font-size: 11pt; white-space: pre-wrap;"><span style="font-size: 14.6667px;"><b><br /></b></span></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit; font-size: 11pt; white-space: pre-wrap;"><span style="font-size: 14.6667px;"><b>STEP 2</b></span></span></div><div class="separator" style="clear: both; text-align: center;"><b style="font-size: 11pt; white-space: pre-wrap;"><span style="font-family: inherit;">Buka Aplikasi Canva &gt;&gt; <a href="https://www.canva.com/">https://www.canva.com/</a></span></b></div><div class="separator" style="clear: both; text-align: center;"><span id="docs-internal-guid-0a9ec209-7fff-58f4-2aa9-26e1c0f4bf86" style="font-family: inherit;"><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 14.6667px; white-space: pre-wrap;">Pembuatan biolink ini menggunakan Canva, silahkan akses aplikasi canva pada link di atas.</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><br /></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><b>STEP 3</b></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><i>Pilih dan Edit Template Biolink</i></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"></p><div class="separator" style="clear: both; text-align: center;"><object class="BLOG_video_class" contentid="dcc470e8a59790ad" height="266" id="BLOG_video-dcc470e8a59790ad" width="320"></object></div><br /><p></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><b>STEP 4</b></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; white-space: pre-wrap;"><i>Masukan link tautan yang sudah disediakan</i></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; white-space: pre-wrap;"><br /></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><b>STEP 5</b></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; white-space: pre-wrap;">Simpan Biolink dalam bentuk web</span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; white-space: pre-wrap;"><br /></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; white-space: pre-wrap;"><br /></span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><br /></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">Sebagai Penghargaan Anda sudah menyelesaikan Mini Class ini, </span></p><p dir="ltr" style="line-height: 1.38; margin-bottom: 0pt; margin-top: 0pt;"><span style="font-size: 11pt; font-variant-east-asian: normal; font-variant-numeric: normal; vertical-align: baseline; white-space: pre-wrap;">kami akan berikan Penghargaan via email, silahkan isi form berikut ini</span></p></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit;">xxxxxxxx</span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit;"><br /></span></div><div class="separator" style="clear: both; text-align: center;"><span style="font-family: inherit;">Terimakasih sudah mengikuti Mini Class ini. Semoga bermanfaat.</span></div><div class="separator" style="clear: both; text-align: center;"><br /></div><div class="separator" style="clear: both; text-align: center;"><a href="https://komedbekasi.blogspot.com" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="128" data-original-width="406" height="45" src="https://blogger.googleusercontent.com/img/a/AVvXsEjhAPGzhvBzK0SWGLrlEl5V2jk0Z_2DFg5qfRi44H7QNx-q6Crtaat-qACpWemcaicr4AodAzhA_yShLy0I4H9-ld7FT7yNN8zuA9FrIXegjiFj3pLGQIT-Z_6_Gp41Zi6VynZmZFc-VmefXYPXc6c-HCwLGvocEEht-qjRNan-fYFUg1-US719QDxEOQ=w144-h45" width="144" /></a></div><div class="separator" style="clear: both; text-align: center;">-------- Alhamdulillah -----</div></div><div class="hidden" id="HIDDENDIV"><br /></div>
<!--end kode untuk kunci-->

Scrip ini sudah banyak kata-katanya, karna sudah saya gunakan. kalo memang terlalu banyak mohon dimaklum nanti edit aja sendiri. 

pada bagaian 

if (document.getElementById('password').value === '12345678')

ganti angka 12345678 dengan password yang diinginkan.

okeh itu aja, semoga bermanfaat


By -