Create Password Protected File on WordPress & Blogger




Create a password-protected file that allows you to encrypt any type of file, including text, picture, video, and audio. 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. Please don't forget to Like, Share, Comment and Subscribe to our Techno Vedant Channel for more videos.

Products I Use For Making Videos:
LED Tubelight:
Web Hosting Link:

Create Password Protected File on WordPress & Blogger Video

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;  


     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 {  




    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;  



   <form onsubmit="return passcheck()">  

     <div class="error-text">  


    <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>  



     const errorText = document.querySelector(".error-text");  

     var Password ="vedant";  

     function passcheck(){  

       if (document.getElementById('pass1').value != Password) {  
 = "block";  

         errorText.textContent = "ERROR! Password Not Match.";  

         return false;  


       if (document.getElementById('pass1').value == Password) {  
"", "_blank");  




Leave a Comment