This is useful for protecting files you upload to websites and send to other people through email.
To access the file, you need to enter the password. If you forget the password, the encrypted file will not be accessible.
Create Password Protected File on WordPress & Blogger Script
<style type="text/css">
.classname {
box-shadow: inset 0px 1px 0px 0px #bee2f9;
background-color: #63b8ee;
border-top-left-radius: 16px;
border-top-right-radius: 16px;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
text-indent: 0;
border: 1px solid #3866a3;
display:inline-block;
color: #14396a;
font-family: arial;
font-size: 15px;
font-weight: bold;
font-style: normal;
height: 34px;
line-height: 34px;
width: 133px;
text-decoration: none;
text-shadow: 0px 1px 0px #7cacde;
margin-top: 15px;
}
.classname:hover {
background-color: #468ccf;
}
.classname:active {
position: relative;
top: 1px;
}
.css-input {
margin-right: 25px;
padding: .85em 1em;
height: 32px;
width: 170px;
border-width: 1px;
border-color: #1F77BA;
background-color: #FFFFFF;
color: #000000;
border-style: solid;
border-radius: 0px;
}
.css-input:focus {
outline:none;
}
.error-text{
background: #F8D7DA;
padding: 15px;
border-radius: 5px;
color: #8B3E46;
border: 5px solid #F5C6CB;
display: none;
margin-bottom: 10px;
font-weight: bold;
width: 90%;
text-align: center;
}
</style>
<form onsubmit="return passcheck()">
<div class="error-text">
</div>
<p align="center">
<span face="'Noto Sans', sans-serif" style="font-size: 22px; font-weight: bold; margin-right: 25px;"></span>
<input class="css-input" id="pass1" required="" type="Password" />
<input class="classname" type="submit" value="CLICK HERE!" /></p>
</form>
<script>
const errorText = document.querySelector(".error-text");
var Password ="kavita";
function passcheck(){
if (document.getElementById('pass1').value != Password) {
errorText.style.display = "block";
errorText.textContent = "ERROR! Password Not Match.";
return false;
}
if (document.getElementById('pass1').value == Password) {
window.open("https://logbooklet.blogspot.com/", "_blank");
}
}
</script>
