Free Premium New Blogger Password Protected Download Button Script (2021)
Hello, and welcome to the Cyber chipe Blog. Now we're going to learn about Blogger's password-protected download button.
Many people look for free Blogger widgets and free Blogger scripts to shape their professional bloggers. This script is very useful for professional blogger developers. I am providing this script for free from unlimited domains.
Blogger password-protected download button script.
This script is very easy to use and modify the download link, just change the password and the download link is ready to use. Password protected download button, let's start how to use this script for bloggers. Blogger Password protected download button
Password protected download button
This script works mainly based on JavaScript, just change the password and download the link. Do not change any other part of the coding because this script does not fully work. no need to perform complex actions, just copy and paste the link only. this script clicks to install.
How to use this script.
- Login to your Google account.
- Go to Blogger.com.
- Edit any post.
- Copy this script code below.
<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://www.google.com", "_blank");
}
}
</script>
- Type Password Any character must include a special character (default password is 12345)
- Change your download link, just copy and paste the link space (default link is https://www.google.com)
- When the changes are finished, click the Publish option.
Finish and enjoy.
You are experiencing an error. Please comment on this post below. Blogger password-protected download button.
Post a Comment