How To Create Password Protect Link Post - UNPLUG.DOC

How To Create Password Protect Link Post On Blogger. Although the page is "published", a password is required to unlock the content. The password can be shared with your subscribers to the newsletter and they can visit it regularly to access new content.

Just follow the instructions below to create a password protected page.

Password protect your blog post and share it with whoever you want to show it to. To open this blog post, you must enter the password you created at the time this blog post was published. You can password protect your posts and blogger pages. If you create private posts and pages on Blogger and want to share them with some select people, you can set a password for blog posts.

Readers can only open and read the article with a password. Remember that you can always change the password, and readers must enter the new password to open the article. Today in this article, I will walk you step by step on how to password protect a blogger post. Password protect Blogger content for personal use.

1. copy this code and paste to your post and 
2. remove this add your article this code is design and paste yours.
3. change password 123456 to yours password
4. change my link to your link

HTML CODE

<span style="font-family: arial;">this code is design by usama siddiqui only for our blogger visitors</span>
<style type="text/css">
    .classname {
        box-shadow: inset 0px 1px 0px 0px #bee2f9;
        background-color: #63b8ee;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        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: #009688;
    }
    .classname:active {
        position: relative;
        top: 1px;
    }
    .css-input {
        margin-right: 25px;
         padding: .85em 1em;
         height: 20px;
         width: 200px;	
         border-width: 3px;
         border-color: #504f4f;
         background-color: #FFFFFF;
         color: #000000;
         border-style: solid;
         border-radius: 0px;
         box-shadow: -1px 2px 4px rgba(59,59,59,.86);
         text-shadow: -50px 0px 0px rgba(66,66,66,.0);
    }
     .css-input:focus {
         outline:none;
    }
    
    .error-text{
      background: #F8D7DA;
      padding: 15px;
      border-radius: 5px;
      color: #8B3E46;
      border: 1px 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>
        <span style="font-size: 22px; font-weight: bold; font-family: 'Noto Sans', sans-serif; margin-right: 25px;">Enter Password : </span>
        <input type="Password" class="css-input" required id="pass1">
        <input type="submit" class="classname" value="View Page !">
        
    </form>
    
    <script>
        const errorText = document.querySelector(".error-text");
        var Password ="123456";
        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://crack-safelink.blogspot.com/", "_blank");
            }
    
        }
    
    </script>

The social media widget is now fully built and working correctly if you follow all the steps correctly. If you have questions or steps that you do not understand, please write down the questions and concerns in the comment column below.