How to create Password Protected File on WordPress and Blogger

Hi to all, In this article I am going to tell you all about how to create password protected file on WordPress and Blogger websites in just few minutes.

Read the below provided steps carefully and completely to get clear understanding.

FAQ:

1) Why to use this password protected script?

Basically by using this you can reduce your bounce rate and also you can some money by telling password to those people who paid money to download file or visit any other websites.

2) Will this Password Protector works in both WordPress & Blogger websites?

Yes, this script greatly works in both WordPress websites and blogger websites, but the main thing is adding the script in correct place will provide successful protection but if you will not add the script in correct position then it may show some error, so read the steps carefully.

3) What are the advantages of Password Protected script?

This is useful for protecting files you upload to the website and send to other people through emails, so to access the file, you need to enter password.

4) What is the disadvantage of Password Protected Script?

If you forget the password, the encrypted file will not be accessible, so while adding the password you need to remember password or write password some where in safe place.

How to create Password Protected File on WordPress and Blogger

Steps to Create Password Protected File on Blogger

Step-1: First of all you need to login to your blogger account by using your credentials.

Step-2: Click on New Post.

Step-3: Enter your post title and click on  pencil icon and select HTML view.

Step-4: Copy the below provided code.

Step-5: Paste the complete code in the post.

Step-6: Before publishing you need to change some details from the script i.e.

• Password

• File URL or Website URL

Note: You can also add file to download or you can add website URL to redirect from your website to other website.

Step-7: After changing password and File URL, click on publish button.

Step-8: You have successfully created the password protected file in your WordPress website article, likewise you can add password protected script for your post or pages in your website.

• Also Read: Add Automatic Internal Links in Blogger

Steps to Create Password Protected File on WordPress

Step-1: First of all you need to login to your WordPress dashboard by using your login credentials.

Step-2: After login to WordPress dashboard click on Post option.

Step-3: Click on + icon or Plus icon and choose Custom HTML.

Step-4: Copy the below provided code.

Step-5: Paste the complete code in the in that html section.

Step-6: Before publishing you need to change some details from the script i.e.

• Password

• File URL or Website URL

Note: You can also add file to download or you can add website URL to redirect from your website to other website.

Step-7: After changing password and File URL, click on publish button.

Step-8: You have successfully created the password protected file in your WordPress website article, likewise you can add password protected script for your post or pages in your website.

• Also Read: Right Click Disable Script for Blogger

Password Protected Script

<!--[ Password Protected Script for Blogger & WordPress Websites ]--> <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 ="12345"; 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://www.google.com/", "_blank"); } } </script>
Copy

Conclusion

If you follow the above written steps then you can create Password Protected file on WordPress and Blogger websites in just few minutes.