Video Popup Download Timer Button Earning Script

 

 

 

Increase Blogger Earning Video

Increase Blogger Earning Code

1. Above </body>

2. Button Code

<!-- These are the links on your original website. Add as many as you like. -->

<style>
   {<style>
   {
    display: none;
  }
  .btngoo {
    border: transparent;
    background-color: coral;
    color: white;
    height: 50px;
    width: 120px;
    border-radius: 15px;
    margin-left: 15px;
    margin-bottom: 10px;
  }
  @media (max-width: 767px) {
    .btngoo {
      margin-left: 30px;
      margin-bottom: 20px;
    }
  }
</style>

<button
  href="#"
  data-url="download link URL 1"
  class="redirectLink btngoo"
>
Download
</button>

<button
  href="#"
  data-url="download link URL 2"
  class="redirectLink btngoo"
>
  Click Here
</button>

3. Top of your Post

<!-- This is the countdown timer -->
<div id="countdown" style="display: none;">
<div class='safelink-countdown'></div>
<div class="sky-note">
<div class='safelink-header'> 
<p class='pcustom' align='center'>Scroll Down and click on <span class='pscustom'>Continue</span> button</p> 
</div> 
<div align='center' class='safelink-footer'> 
<div class="aScrD">
<svg class="counterline" viewBox="0 0 24 24"><path d="M22 11.07V12a10 10 0 1 1-5.93-9.14"></path><polyline points="23 3 12 14 9 11"></polyline>
</svg>Congrats! Link is Generated</div>
</div>
</div>
</div>

4. Bottom of your Post

<!-- This is the button that will appear after the countdown. It's hidden by default. -->
<div id="continueButtonMessage" style="display: none;flex-direction: column;align-items: center;" class="sky-note">
<p class='pcustom' style="font-size: 1.3em;margin-bottom: -10px !important;" align='center'>Click the <span class='pscustom'>Continue</span> button to go to the Google search page. Then, click on our site, <span class='pscustom'>About Us Viskill</span></p> 
<button class="bubbly-button" id="continueButton" style="display: none;">Continue</button>
</div>

5. Top of your Site's Homepage/Post/Page

<!-- This is the countdown timer -->
<div id="countdown2" style="display: none;">
<div class='safelink-countdown'></div>
<div class="sky-note">
<div class='safelink-header'> 
<p class='pcustom' align='center'>Scroll Down and click on <span class='pscustom'>Go to Link</span> button for download</p> 
</div> 
<div align='center' class='safelink-footer'> 
<div class="aScrD">
<svg class="counterline" viewBox="0 0 24 24"><path d="M22 11.07V12a10 10 0 1 1-5.93-9.14"></path><polyline points="23 3 12 14 9 11"></polyline>
</svg>Link is Generated</div>
</div>
</div>
</div>

6. Bottom of your Site's Homepage/Post/Page

<!-- This is the button that will appear after the countdown. It's hidden by default. -->
<div align='center'>
<button class="bubbly-button" id="continueButton2" style="display: none;">Go to Link</button>
</div>

The post Increase Blogger Earning with Advanced Coding Script appeared first on Techno Vedant.

from Techno Vedant https://ift.tt/nybSv5z