Password Protected Download Button On Blogger

Post a Comment
Hello and welcome to the UNPLUG-DOCUMENT blog. We will now learn about Blogger's password protected download button. play ppsspp games. So you've come to the right place. How to add password protection boot button script.

This script is very easy to use and changes the download link, just change the password and the download link is ready to use. Password protected download button, let's move on to how to use this script for blogger. Password protected download button.

Password protected download button

This script works mostly with javascript function, you just need to change your password and download the link. don't change any other part of the code, because this script doesn't completely work. no complicated steps required, just copy and paste just the link. this script is installed with one click.
Can you change your button colour so change this code number #14396a and replace your colour code number #000000 . Done
Can you change your button colour so change this code number #468ccf and replace your colour code number #000000 . Done

PASTE THIS CODE ON POST OR PAGE

<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: #468ccf;
    }
    .classname:active {
        position: relative;
        top: 1px;
    }
    .css-input {
        margin-right: 25px;
         padding: .85em 1em;
         height: 50px;
         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="Download Now!">
        
    </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://unplug-document.blogspot.com/", "_blank");
            }
    
        }
    
    </script>

Many people are looking for free blogger widgets and free blogging scripts to make them look like professional bloggers. this script is very useful for professional blogging developers. I provide this script for free with no domain restrictions.

Related Posts

Post a Comment

Subscribe Our Newsletter