How to Add Subscribe to Unlock Link Button in Blogger

Hey Guys! Welcome back to Techly Series website.

Assuming You are observing the Subscribe to Unlock Link Button Script on blogger. This is the Right Place to you. Since You can get this Script for free.

Today, in this article, I will Discuss with you about How to Add Subscribe to Unlock Link Button in Blogger.

Information

Folks, assuming you are a blogger and furthermore make YouTube recordings also. So making YouTube channel greater turns into an exceptionally large undertaking for you. In such a circumstance, it is essential to have most extreme endorsers on the channel. For this, you need to give incredible substance.

This Subscribe to open Download Button will assist you with expanding your Subscriber. You need to download a record from your webpage. So you can download that record by adding it through this Subscribe to Unlock Download Button.

When you add Download File through Subscribe to Unlock Download Button, first of all your Youtube Channel will have a Subscribe Button show, after clicking on that button, your Youtube Channel will open.

There the stoner will subscribe to the channel only also the download button will show. So by utilizing this Subscribe to Unlock Download Button you can expand the Subscriber of your Youtube Channel.

For this, you'll need to Subscribe to Unlock Download Link Script.

So for this, I have provided you two types of scripts of subscribe to unlock link.

How to Add

So, to Add Subscribe to Unlock Link Button on blogger you need to follow the following process below precisely.

What's more, with the help of these steps, you can easily add this feature in your blogger website.

Step 1

  • You will go to your - Blogger Dashboard
  • Go to Theme
  • Go to - Edit HTML
  • Search - </head> or &lt;/head&gt;
  • Copy this CSS Code below and Paste on top of </head> or &lt;/head&gt;

You must back up your theme before go to Edit HTML

<style>
.StoULink{text-align:center;margin:15px 30px 15px 30px}
.Sbutton{background:#ff0000;color:#fff;border:0;border-radius:10px;width:100%;font-size:19px;text-shadow:0 0 5px #000;padding:15px 22px}
.Sbutton:active{transform:scale(1.05)}
.Sbutton i,.Sbutton span{font-size:21px;margin:0 7px 0 0}
.SCbutton{background:#ff0000;color:#fff;border:0;border-radius:10px;width:100%;font-size:17px;text-shadow:0 0 5px #000;padding:16px 22px}
.SCbutton i,.SCbutton span{font-size:16px;margin:0 7px 0 0}
#SDbutton1,#SDbutton2{background:linear-gradient(to right,#f81894,#0000ff);border:1px solid #ff0000;border-radius:10px;color:#fff;font-size:18px;text-shadow:0 0 5px #000;width:100%;padding:15px 22px}
#SDbutton1:active,#SDbutton2:active{transform:scale(0.95)}
#SDbutton1 i,#SDbutton1 span{margin:0 7px 0 0}
#SDbutton2{margin-top:15px}
#SDbutton2 i,#SDbutton2 span{font-size:17px;margin:0 7px 0 0}
</style>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/4ad360bfd2.js'></script>

Step 2

  • After Paste CSS Code
  • Search - </body> or &lt;/body&gt;
  • Copy this Javascript below and Paste on top of - </body> or &lt;/body&gt;
  • Save theme
<script>function tsshow(){document.getElementById("Sbutton1").style.display="none",document.getElementById("SCbutton").style.display="",setTimeout(function(){document.getElementById("Sbutton1").style.display="none",document.getElementById("SCbutton").style.display="none",document.getElementById("SDbutton1").style.display=""},1e4)}document.getElementById("SCbutton").style.display="none",document.getElementById("SDbutton1").style.display="none";var o=0;document.getElementById("Sbutton2").disabled=!1,document.getElementById("SDbutton2").disabled=!0,document.getElementById("Sbutton2").onclick=function(){document.getElementById("SDbutton2").disabled=!1};</script>

Step 3

  • After Save Theme
  • Copy this HTML Code and Paste anywhere you like
  • Replace YT Channel Link and Paste Your YT Channel Link
  • Replace Download Link and Paste Your Download Link
  • Done.

1st Type HTML

<div class="StoULink">
<a href="YT Channel Link">
<button class="Sbutton" id="Sbutton1" onclick="tsshow()"><i class="fa fa-youtube-play"></i>Subscribe to Unlock Link</button>
</a>
<button class="SCbutton" id="SCbutton"><i class="fa fa-cog fa-spin"></i>Checking You Subscribe or not...</button>
<button class="Downloadbutton" id="SDbutton1" onclick="window.open('Download Link','_blank')"><i class="fa fa-cloud-download"></i>Click Here to Download</button>
</a>
</div>

2nd Type HTML

<div class="StoULink">
<a href="YT Channel Link">
<button class="Sbutton" id="Sbutton2"><span class="fa fa-youtube-play"></span>Subscribe to Unlock Link</button>
</a>
<button class="Downloadbutton" id="SDbutton2" onclick="window.open('Download Link','_blank')"><span class="fa fa-download"></span>Click Here to Download</button>
</a>
</div>

Final Words

You ought to indeed note by thinking in the remark box underneath. Or on the other hand you moreover bear to give some sort of Suggestion, likewise you can partake your conviction with me in the Comment Box beneath.

I didn't give this content to any individual who saw or replicated them. This content I've looked through a great deal and given by experience. So kindly don't note on this substance.

Assuming you experience any issues while copying this script you can impart me by Telegram and I'll attempt to help.

  • Aᴀ
  • A+
  • A-