Safelink on Main Blog Tutorial for Blogger

How to make Safelink on main blog tutorial for blogger. Generally Safelink is a web page that is used to find out whether the URL / link in question is safe, free from viruses and malware. In other words, safelink is an intermediate page before the user goes to the real page.

Safelink on Main Blog Tutorial for Blogger - Webmasters Bligging Pedia

What is Safelink?

Safelink’s core function is to secure download websites from trackers of file links when reported to the DMCA. So that the download file link can be long-lived, aka not expire quickly due to being blocked by certain parties.

In addition, Safelink also functions to secure the original link from ignorant hands who like to copy and paste other people’s articles.

There are lots of naughty bloggers who enjoy articles belonging to other people to the point that they create AGC (Auto Generate Content) blogs to copy and paste all articles from start to finish automatically. Well, here the safelink function will be felt. When they copy and paste our article, the active link in the article will still lead to our safelink and the income will still flow.

In addition, this copy and paste task is not as easy as usual. At first, they just kept quiet about receiving articles into their blogs, but after our blog was installed by Safelink, they inevitably had to re-edit the articles they had taken from us.

So, the safelink function is:

  1. Secure the original link from viruses / expired.
  2. Make it difficult for naughty bloggers when copying articles.
  3. Increase blog income.
  4. Adding backlinks.

Different kinds of Safelink System

There are 3 major catagories on different perspective and 2 subcategory in each major catagory. These three catagories are explained below:

A. Safelink based on its location:

1. Independent Safelink Blog

This type of safelink is usually outside the main blog. Usually this safelink is planted into a new blog which is used for safelink only. So that if someone clicks the link on the main blog, the visitor will be diverted to the new blog.

The advantages of this safelink:

  • Creating a new backlink.
  • Easy to customize without destroying the main blog template.
  • Can be used for the public to share income with other bloggers.

2. Safelink on the main blog

This type of safelink is simpler and doesn’t make visitors confused, because it is planted directly in the main blog. So, when visitors click on the link on the main blog, they will be redirected to a special safelink page without leaving the main blog.

The advantages of this type of safelink:

  1. Increase Pagerank
  2. Increase the blog pageview.
  3. No need to create a new blog.
  4. Do not confuse visitors.
  5. It will help to reduce the Bounce Rate of the main blog.
  6. Safe, because it is in the same domain.
  7. Make visitors feel comfortable and safe.
  8. Visitors have more confidence to click the button they want.

B. Safelink based on ownership:

1. Personal safelink / individual

Usually made by yourself with your own blog and own adsense.

2. General / corporate safelink

Usually, they use safelink service providers such as: and, which means that they must comply with the service provider’s terms and conditions in order to be paid. This type of safelink is commonly used by those who have not been accepted by Google Adsense.

C. Safelink based on how it works :

1. Automatic safelink

Users do not need to convert links one by one before entering the blog. Users only need to enter a certain code to be embedded in the template so that every link from outside will lead to safelink automatically.

2. Manual safelink

Users are required to convert links one by one on their safelink site. So it is very tiring and makes a lot of work. (Old Safelink)

How Safelink Works

The way Safelink works is quite simple. First, the external link will be automatically encrypted into base64 or md5 code so that the original link will be hidden. When the link is clicked, the visitor will be directed to a safelink page. On the safelink page, visitors are usually asked to wait for a few seconds and are sometimes asked to pass a captcha code. After that, visitors can download / open the original file.

Now we know what is safelink and how it works! Now, want to make safelink on main blog?

According to Webmasters Blogging Pedia, a good safelink is a safelink that is made by yourself and planted on the main blog with an automatic system. For how to make it immediately, see the following tutorial below.

Step by Step Tutorial on Making Automatic Safelink on Main Blog

You have to complete 4 steps to make a automatic safelink on main blog. And these steps are adding html, css and javascript codes in template html.

Step 1 : Creating a Safelink Page

Go to your Blogger menu and open pages. Create a new page and give it a name “Safelink”. Now copy and paste the below html code in Edit HTML mode then save and publish the page.

<div class='separator' style='text-align:center'>
<div class='ads-top'><!-- Fill AdSense code here--></div>

<div class='safelink' id='safelink'>
<div class='button outline' id='daplong'>
Wait a minute...</div>
<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace('' + '?url=', ""); function changeLink(){var decodedString = Base64.decode(res);,'_blank')}; document.write('<a href="#go-link" id="download-safelink" class="button outline">Click to go to the link</a>'); var linkDL = document.getElementById("download-safelink"); var notif = document.getElementById("daplong"); var waktu = 3; var teks_waktu = document.createElement("span"); linkDL.parentNode.replaceChild(teks_waktu, linkDL); var id; id = setInterval(function () { waktu--; if (waktu < 0) { teks_waktu.parentNode.replaceChild(linkDL, teks_waktu); clearInterval(id); = "none"; = "inline-block"; } else { teks_waktu.innerHTML = "Link will appear in " + waktu.toString() + " second"; }}, 1000); /*]]>*/</script></center>

<div class='separator-text'><!-- Write your article content here --></div>

<div class='blockLink' style='text-align:center'>
<div id='ads-left' class='ads-left'><!-- Fill AdSense code here --></div>

<div id='go-link'>
<a class='button outline' href='javascript:void(0)' onclick='changeLink();' rel='nofollow noreferrer'><i class = 'icon demo'> </i>Go to the link</a>

<div id='ads-right' class='ads-right'><!-- Fill AdSense code here --></div>

Copy the safelink page link then Open the safelink page in Edit HTML mode. Now replace the safelink page link with your safelink page link. Also you can change loading time if you want.

Step 2 : Adding CSS

Go to at the end of your websites templates html and add the below css code just above </head>

/* Safelink */
.button{display: inline-flex;display: -webkit-inline-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;margin-bottom: 10px;padding: 9px 20px;border-radius: 10px;font-size: .8rem;line-height: 1.3rem;background-color: #fff;color: #161617;}
.button.outline{background-color: #fdd929;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
.safelink span{display: block;font-size: 12px}
.blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}
.blockLink > div{display: block;width: 35%;}
.blockLink > div#go-link{width: 30%;}
.blockLink > div#go-link a{display: none;margin: 0}
.blockLink > div#go-link:target a{display: inline-flex}
.ads-top{margin: 0 0 20px 0;text-align: center}
#HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}
/* Responsive */
@media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}

Step 3 : Add Jasvascript to remove &m=1

Add the below javascript just above </head>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script>/*<![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);}; var protocol=window.location.protocol.replace(/:/g,''); if(protocol=='http'){ var url=window.location.href.replace('http','https'); 
window.location.replace(url);} /*]]>*/</script>

Step 4 : Add javascript of Automatic safelink system

This javascript is to make the safelink system automatic. So, add the below code just above </body> tag.

<script>/*<![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(/rn/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 daftarPostingan = [ "" ]; 
      var randomPostingan = daftarPostingan[Math.floor(Math.random()*daftarPostingan.length)]; 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("https")) {a_to_vh = true;} j++; } if (a_to_vh == false) {var encryptedUrl = Base64.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "nofollow noreferrer"; 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>
      <script>/*<![CDATA[*/ protected_links = ",,";auto_safelink(); /*]]>*/</script>

Replace the safelink page link with yours link.

Add website links in protected links list to disable safelink for any specific links.


Safelink creation on the main blog for blogger is complete. If you follow the steps above correctly, your safelink is definitely working properly. Please do a test by pressing the download button on your blog.

Leave a Comment

Your email address will not be published. Required fields are marked *