Home
Script

How to Create Latest Auto Demo and Download Page For Redirect Custom External Link in Blogger

Hey Guys! Welcome back to Techly Series website.

Assuming You are observing Latest Auto Demo and Download Page For Redirect Custom External Link Script on blogger. This is the Right Place to you. Since You can get this Script for free and gain deep pocket With Your adsense.

Today, in this article, I will Discuss with you about How to Create Latest Auto Demo and Download Page For Redirect Custom External Link in Blog - Post or Page.

Demo & Download Page

If you have a template provider website, then you can use this 'Demo and Download' page for all template.

If you use this page in your blogger then you will see your adsense income increase

By this page you can decrease your website's bounce rate.

How to Create

So, to create Latest Auto Demo and Download Page on blogger you need to follow the following process below precisely.

What's more, with the help of these steps, you can easily make this page 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 & Javascript Code below and Paste on top of </head> or &lt;/head&gt;

You must back up your theme before go to Edit HTML

<style>
.Pframe,.Preview{width:100%;height:100%}.Preview{position:fixed;background:#1e1e1e;top:0;left:0;z-index:99999!important}.Pframe{position:absolute;border:0}.Safe{display:flex;position:fixed;bottom:75px;background:#ffffff;box-shadow:0 0 5px #000000;border-radius:100%;z-index:5;overflow:hidden;width:55px;height:55px;font-size:20px;align-items:center;justify-content:center;color:#000000}.S1{left:30%}.S2{right:30%}
</style>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/4ad360bfd2.js'/>
<script src='https://code.jquery.com/jquery-3.6.0.min.js'></script>

Step 2

  • After Paste CSS & Javascript Code
  • Search - <body> or &lt;body&gt;
  • Copy this Javascript below and Paste after - <body> or &lt;body&gt;
  • Replace the yourPageLink in the code below with your created demo and download page url
  • Save Theme
<script>/*<![CDATA[*/
$(".Tdemo").each(function(){var a=$(this).attr("href"),b=$(this).attr("d");$(this).attr("href","yourPageLink?u="+a+"&d="+b)});
/*]]>*/</script>

Step 3

  • After Save Theme
  • Create a new Post or Page
  • Copy this HTML & Javascript Code below and Paste in your blog - Post or Page
  • Publish
<div class="Preview">

<iframe class="Pframe" id="Pframe" src=""></iframe>

<a class="S1" id="Dlink" href="">
<i class="fa fa-arrow-up-right-from-square"></i>
</a>

<a class="S2" id="Dbutton" href="">
<i class="fa fa-cloud-arrow-down"></i>
</a>

</div>

<script>
function getpameter(a,b){b||(b=window.location.href),a=a.replace(/[\[\]]/g,"\\$&");var c=new RegExp("[?&]"+a+"(=([^&#]*)|&|#|$)").exec(b);return c?c[2]?decodeURIComponent(c[2].replace(/\+/g," ")):"":null}var a=getpameter("u"),b=getpameter("d");$("#Pframe").attr("src",a||"/"),$("#Dlink").attr("href",a||"/"),$("#Dbutton").attr("href",b||a||"/");
</script>

Final Step

  • Paste the button's html below wherever you want
  • Replace the demoLink Text with your demo link in the provided HTML below
  • Replace the downloadLink Text with your download link in the provided HTML below
  • You will see that the links have been converted to automatic safe demo and download links
<div class="Button">
<a class="Tdemo" href="demoLink" d="downloadLink">
<button class="Dbutton">Demo & 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.

Post a Comment

  • Aᴀ
  • A+
  • A-