How to Add Auto SafeLink Blogger On The Specific Posts or Pages in Your Blogger Blog
  • Default Language
  • Nepali
  • Arabic
  • Basque
  • Bengali
  • Bulgaria
  • Catalan
  • Croatian
  • Czech
  • Chinese
  • Danish
  • Dutch
  • English (UK)
  • English (US)
  • Estonian
  • Filipino
  • Finnish
  • French
  • German
  • Greek
  • Hindi
  • Hungarian
  • Icelandic
  • Indonesian
  • Italian
  • Japanese
  • Kannada
  • Korean
  • Latvian
  • Lithuanian
  • Malay
  • Norwegian
  • Polish
  • Portugal
  • Romanian
  • Russian
  • Serbian
  • Taiwan
  • Slovak
  • Slovenian
  • liish
  • Swahili
  • Swedish
  • Tamil
  • Thailand
  • Ukrainian
  • Urdu
  • Vietnamese
  • Welsh

How to Add Auto SafeLink Blogger On The Specific Posts or Pages in Your Blogger Blog

Safelinks or automatic download redirect are template scripts that are known for increasing page views and revenue for monetizing websites or blogs.

How to Add Auto SafeLink Blogger On The Specific Posts or Pages in Your Blogger Blog

Safelinks or automatic download redirect are template scripts that are known for increasing page views and revenue for monetizing websites or blogs. When these safelinks are to be used on blogger, we are always forced to start or create a new blog for redirection of all download links in order to increase page views and revenue.

Hopefully, now you won't have to create a new blog for this because in this article, I'll show you how to create an automatic safelink redirection on your blogger blog and without creating a new blog for safelink for specific pages or post.


What is Safelink?

Safelink is a page on a blog or website that encrypts destination URLs or links, and scans for various viruses such as walware viruses and others. By using safelink, users can avoid from the URL contained in the virus. A Safelink template or script is simply a set of JavaScript codes designed for encrypting any link by automatically syncing or embedding the link into some text or a post.

When someone will try to access the encrypted link, the person will have to go through the safelink to get the link encrypted into this set of codes and often, the safelink will ask you to wait for some seconds in order to access the link you are trying to access.

Safelink helps in such a way that the owner receives page views and revenue from his visitors if he monetizes his website.


Create a auto Safelink on the specific pages or posts of the Main Blog

Follow these steps carefully to implement your auto safelink in the specific posts or pages on your blogger template.
  1. First of all Login to your Blogger Dashboard with your gmail Id and password.
  2. Select your Blog then Go to Theme menu.
  3. Backup your template before edit and go to Edit Theme.

  4. Copy the bootstrap plugins and paste it into Heder Section ( <head> to </head> ) [ before </head> or &lt;/head&gt;].
  5. 
    <link href='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/css/bootstrap.min.css' rel='stylesheet'/>
    
    <script src='https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.5/js/bootstrap.min.js'></script>
      
    <script src='https://cdnjs.cloudflare.com/ajax/libs/bootstrap-progressbar/0.9.0/bootstrap-progressbar.min.js'></script>
    
    

  6. You must have implemented jquery plugin, If not Please, implement the following jQuery Plugin into Heder Section ( <head> to </head> ) [ before </head> or &lt;/head&gt; ].
  7. 
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js'></script>
    
  8. You must have implemented fontawesome plugin, If not Please, implement the following fontawesome Plugin into Heder Section ( <head> to </head> ) [ before </head> or &lt;/head&gt; ].
  9. 
    <script src='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/fontawesome.min.css'></script>

  10. Copy the CSS code below and implement it just below </b:skin> code or //]]></b:skin> code.
  11. 
    <b:if cond='data:view.isSingleItem'>
    <style>
    .slideInDownThumb{-webkit-animation:bounce 1s linear 1s infinite normal;animation:bounce 1s linear 1s infinite normal;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-fill-mode:both;animation-fill-mode:both}
    @-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    }
    @keyframes bounce{0%,100%,20%,53%,80%{-webkit-transition-timing-function:cubic-bezier(.215,.61,.355,1);transition-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
    40%,43%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}
    70%{-webkit-transition-timing-function:cubic-bezier(.755,.050,.855,.060);transition-timing-function:cubic-bezier(.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}
    90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}
    }
    </style>
    </b:if>

  12. Copy the following javascript code and implement it into Heder Section ( <head> to </head> ) [ before </head> or &lt;/head&gt;].
  13. 
    <b:if cond='data:view.isSingleItem'>
    <script type='text/javascript'>
    //<![CDATA[
    var currentURL = location.href;
    var str = currentURL;
    var res = str.replace("https://yourblogname.blogspot.com?url=", "");
    
    $(".Visit_Link").hide();
    
    function changeLink() {
       var decodedString = Base64.decode(res);
       window.open(decodedString, 'noopener noreferrer', '_blank');
    }
    
    function generate() {
       var n = document.getElementById("download2"),
          t = document.getElementById("btn"),
          l = document.getElementById("daplong"),
          d = (document.getElementById("download2").href, 6),
          a = document.createElement("span");
       n.parentNode.replaceChild(a, n);
       var o;
       o = setInterval(function () {
          d--, 0 > d ? (a.parentNode.replaceChild(n, a), clearInterval(o), l.style.display = "none", n.style.display = "inline") : (a.innerHTML = "<h3 class='text-warning'>Link will appear in " + d.toString() + " Second</h3>", t.style.display = "none")
       }, 510)
    }
    
    function clickshow() {
       var e = document.getElementById("download"),
          b = document.getElementById("download3"),
          t = document.getElementById("btn"),
          d = (document.getElementById("download").href, 11),
          a = document.createElement("span");
       e.parentNode.replaceChild(a, e);
       var o;
       o = setInterval(function () {
          d--, 0 > d ? (a.parentNode.replaceChild(e, a), clearInterval(o), e.style.display = "inline", b.style.display = "inline") : (a.innerHTML = "<h3 class='text-danger'>Link will appear in " + d.toString() + " Second</h3>", t.style.display = "none")
       }, 1010)
    }
    
    function jump(h) {
       var top = document.getElementById(h).offsetTop;
       window.scrollTo(0, top);
    }
    //]]>
    </script>
    </b:if>

    Replace your blog name instead of https://yourblogname.blogspot.com.

  14. Add Javascript for Redirect ?m=1. Find the </head> code on your blog and place the code below just above the </head> or &lt;/head&gt; code:
  15. 
    <b:if cond='data:view.isSingleItem'>
    <script type='text/javascript'>
    //<![CDATA[
    var uri=window.location.toString();if(uri.indexOf("%3D","%3D")>0){var clean_uri=uri.substring(0,uri.indexOf("%3D"));window.history.replaceState({},document.title,clean_uri)}var uri=window.location.toString();if(uri.indexOf("%3D%3D","%3D%3D")>0){var clean_uri=uri.substring(0,uri.indexOf("%3D%3D"));window.history.replaceState({},document.title,clean_uri)}var uri=window.location.toString();if(uri.indexOf("&m=1","&m=1")>0){var clean_uri=uri.substring(0,uri.indexOf("&m=1"));window.history.replaceState({},document.title,clean_uri)}var uri=window.location.toString();if(uri.indexOf("?m=1","?m=1")>0){var clean_uri=uri.substring(0,uri.indexOf("?m=1"));window.history.replaceState({},document.title,clean_uri)}
    //]]>
    </script>
    </b:if>
    

    The code above serves to remove the code '&m=1' which usually appears when the page is accessed via mobile, because if the code '&m=1' is not removed then safelink will not work when visitors access it via the mobile platform. This code also works to redirect visitors via 'http' to 'https'.

  16. Now implement the Javascript Code to Encode Url. This script serves to change all external links on the blog to Base64, after adding the script below all external links will be automatically encoded. The easiest way to place the following javascript code just before </body> tag. Look for the tag usually at the bottom of the template and paste the Javascript code below right before the </body> tag.
  17. 
    <b:if cond='data:view.isSingleItem'>
    <script type='text/javascript'>
    //<![CDATA[
    var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(input){var output="";var chr1,chr2,chr3,enc1,enc2,enc3,enc4;var i=0;input=Base64._utf8_encode(input);while(i<input.length){chr1=input.charCodeAt(i++);chr2=input.charCodeAt(i++);chr3=input.charCodeAt(i++);enc1=chr1>>2;enc2=((chr1&3)<<4)|(chr2>>4);enc3=((chr2&15)<<2)|(chr3>>6);enc4=chr3&63;if(isNaN(chr2)){enc3=enc4=64;}else if(isNaN(chr3)){enc4=64;}
    output=output+ this._keyStr.charAt(enc1)+ this._keyStr.charAt(enc2)+ this._keyStr.charAt(enc3)+ this._keyStr.charAt(enc4);}
    return output;},decode:function(input){var output="";var chr1,chr2,chr3;var enc1,enc2,enc3,enc4;var i=0;input=input.replace(/[^A-Za-z0-9\+\/\=]/g,"");while(i<input.length){enc1=this._keyStr.indexOf(input.charAt(i++));enc2=this._keyStr.indexOf(input.charAt(i++));enc3=this._keyStr.indexOf(input.charAt(i++));enc4=this._keyStr.indexOf(input.charAt(i++));chr1=(enc1<<2)|(enc2>>4);chr2=((enc2&15)<<4)|(enc3>>2);chr3=((enc3&3)<<6)|enc4;output=output+ String.fromCharCode(chr1);if(enc3!=64){output=output+ String.fromCharCode(chr2);}
    if(enc4!=64){output=output+ String.fromCharCode(chr3);}}
    output=Base64._utf8_decode(output);return output;},_utf8_encode:function(string){string=string.replace(/\r\n/g,"\n");var utftext="";for(var n=0;n<string.length;n++){var c=string.charCodeAt(n);if(c<128){utftext+=String.fromCharCode(c);}
    else if((c>127)&&(c<2048)){utftext+=String.fromCharCode((c>>6)|192);utftext+=String.fromCharCode((c&63)|128);}
    else{utftext+=String.fromCharCode((c>>12)|224);utftext+=String.fromCharCode(((c>>6)&63)|128);utftext+=String.fromCharCode((c&63)|128);}}
    return utftext;},_utf8_decode:function(utftext){var string="";var i=0;var c=c1=c2=0;while(i<utftext.length){c=utftext.charCodeAt(i);if(c<128){string+=String.fromCharCode(c);i++;}
    else if((c>191)&&(c<224)){c2=utftext.charCodeAt(i+ 1);string+=String.fromCharCode(((c&31)<<6)|(c2&63));i+=2;}
    else{c2=utftext.charCodeAt(i+ 1);c3=utftext.charCodeAt(i+ 2);string+=String.fromCharCode(((c&15)<<12)|((c2&63)<<6)|(c3&63));i+=3;}}
    return string;}}
    var encode=document.getElementById('encode'),decode=document.getElementById('decode'),output=document.getElementById('output'),input=document.getElementById('input');var User_ID="";var protected_links="";var a_to_va=0;var a_to_vb=0;var a_to_vc="";function auto_safelink(){auto_safeconvert();}
    function auto_safeconvert(){var a_to_vd=window.location.hostname;if(protected_links!=""&&!protected_links.match(a_to_vd)){protected_links+=", "+ a_to_vd;}else if(protected_links=="")
    {protected_links=a_to_vd;}
    var a_to_ve="";var a_to_vf=new Array();var a_to_vg=0;a_to_ve=document.getElementsByTagName("a");a_to_va=a_to_ve.length;a_to_vf=a_to_fa();a_to_vg=a_to_vf.length;var a_to_vh=false;var j=0;var a_to_vi="";for(var i=0;i<a_to_va;i++)
    {a_to_vh=false;j=0;while(a_to_vh==false&&j<a_to_vg)
    {a_to_vi=a_to_ve[i].href;if(a_to_vi.match(a_to_vf[j])||!a_to_vi||!a_to_vi.match("http"))
    {a_to_vh=true;}
    j++;}
    if(a_to_vh==false)
    {var encryptedUrl=Base64.encode(a_to_vi);
    var x=Math.floor((Math.random()*4)+ 1);
    var xxx=null;
    if(x=="1"){xxx="/2022/08/test.html"}
    if(x=="2"){xxx="/2022/08/test2.html"}
    if(x=="3"){xxx="/2022/08/test3.html"}
    if(x=="4"){xxx="/2022/08/test4.html"}a_to_ve[i].href="https://yourblogname.blogspot.com"+xxx+"?url="+ encryptedUrl;a_to_ve[i].rel="nofollow";a_to_vb++;a_to_vc+=i+":::"+ a_to_ve[i].href+"\n";}}
    var a_to_vj=document.getElementById("anonyminized");var a_to_vk=document.getElementById("found_links");if(a_to_vj)
    {a_to_vj.innerHTML+=a_to_vb;}
    if(a_to_vk)
    {a_to_vk.innerHTML+=a_to_va;}}
    function a_to_fa()
    {var a_to_vf=new Array();protected_links=protected_links.replace(" ","");a_to_vf=protected_links.split(",");return a_to_vf;}
    //]]>
    </script>

    Replace /2022/08/test.html, /2022/08/test2.html, /2022/08/test3.html, /2022/08/test3.html with your desired specific safelink post and Replace your safelink blog url instead of https://yourblogname.blogspot.com.

  18. Copy the following javascript code before </body>
  19. 
    <script>
    //<![CDATA[
    // Save the domains you don't want to be encrypted
    
    protected_links = "YourDomain.com,linkedin.com,twitter.com,youtube.com,facebook.com,google.com";auto_safelink();
    //]]>
    </script>
    <b:if>

    By default all external links will be redirected to the safelink page, add some exception sites such as your facebook blog page and so on in the 'protected_links' section, separate them with a comma (,) if you want to add some exception sites, change the part marked in the code above with desired websites.

  20. Then, Save your template.

  21. Creating a Specific Auto Safelink Pages or Posts

    First of all, create a blogger page or post, it doesn't have to be a static page, the posting page can also be used for this auto safelink. We assume you already understand and can create the page, then edit it in 'HTML Display' by clicking the pencil icon at the bottom of the title when editing the page or post.

    We have prepared a template that you can use for the layout of the safelink page, so you only need to copy and paste the HTML code below on the safelink page that you have created.


  22. Then you just need to paste the link generator HTML code below into the each specific auto safelink post or page into the HTML Version. Add this code into the specific safelink posts or pages, paste it between paragraphs of your blog article (above). Replace the code marked with your ad code.
  23. 
    
    <!-- Ads code Here -->
      
    <div class='text-xs-center margin-bottom-20'>
    <p class='text-warning'>Encrypting your link and protect the link from viruses, malware, thief, etc! Made your link safe to visit.</p>
    <div class='clearfix'/>
    <div class='col-md-4 text-xs-center' style='margin:0 auto;float:none;'>
    <div class='progress' id='daplong'>
    <progress class='progress progress-striped progress-info progress-animated' data-percentage='100' max='100' value='0'/>
    
      
    <button class='btn btn-success' id='download2' onclick='jump(&quot;btn-down&quot;);clickshow()' style='display:none'><strong>Click here for Generate Link</strong></button>
    
    </div>  
      
    <!-- Ads code Here -->
      
    </div>
    </div>  
    
    

  24. Then add this Download HTML code below into the each specific auto safelink posts or pages, paste it between paragraphs of your blog article (below). Replace the code marked with your ad code.
  25. <div id='btn-down'/>
    
    <div class='container'>
    <div class='row'>
    <div class='col-md-4 float-xs-left text-xs-center ad-column'>
    <div class='row'>
    
    <!-- Ads code Here -->
    
    </div>
    </div>
    <div class='col-md-4 text-xs-center'>
    <button class='alert alert-dismissible alert-success btn-lg' id='download3' style='display:none'><i aria-hidden='true' class='fa fa-thumbs-o-up'/> <strong>Well done!</strong> you have successfully gained access to Decrypted Link. <i aria-hidden='true' class='fa fa-hand-o-down slideInDownThumb'/></button>
    <div class='clearfix'/>
    </div>
    <div class='col-md-4 float-xs-right text-xs-center ad-column'>
    <div class='row'>
    
    <!-- Ads code Here -->
    
    </div>
    </div>
    </div>
    </div>

  26. Copy the following Javascript Code and paste it into the each your specific safelink implemented post or page into the HTML Version.
  27. 
    <script type="text/javascript">
    var currentURL=location.href;
    var str = currentURL;
    var res = str.replace("https://yourposturl.blogspot.com/2022/08/your-current-post-url-where-you-are-going-to-paste-it.html?url=", "");
    
    document.write('<div class="text-ts-center"><button type="button" id="download" class="Visit_Link btn btn-success" onclick="changeLink();" style="display: none;"><strong>Download File</strong> <i class="fa fa-download"></i></button></div>');
    </script>
    

    Replace your desiered safelink specific post url or page url instead of https://yourposturl.blogspot.com/2022/08/your-current-post-url-where-you-are-going-to-paste-it.html.

  28. Now Save or Publish your safelink specific posts or page.
  29. Finally your auto safelink on the specific posts or pages has been complatelly implemented on your blogger template.

If you are redirecting your auto safelink posts in different blog follow all the above steps for your specific posts or pages for another blog.

Now your safelink page has been completely created, if you follow all the steps correctly then we can guarantee the safelink page is working well. Please try it by clicking the download link on your blog. If there are questions or parts that are not understood, please write questions through the comments column provided.

Mero Blogging Tips

Mero Blogging Tips Share Blogger Tutorials, HTML, JavaScript, CSS, Widget, SEO, jQuery, Web Tool and General Helpful Stuff for Newbie Bloggers and Readers.

Post a Comment

First of all, thank you for taking the time to read my blog. It's much appreciated! If you would like to leave a comment, please do, I'd love to hear what you think!. Suggestions and/or questions are always welcome, either post them in the comment form.

However, comments are always reviewed and it may take some time to appear. Also, Comments without NAME will not be published. Always keep in mind "URL without nofollow tag" will consider as a spam.

Previous Post Next Post

Contact Form