Cara Membuat Safelink di Blog Utama 100% Work dan Aman

Cara Membuat Safelink di Blog Utama yang Aman

Safelink adalah sebuah halaman pada website atau blog yang berfungsi untuk mendeteksi apakah url/link yang akan dituju aman atau tidak dari virus dan malware, singkatnya safelink adalah halaman peralihan sebelum visitor pergi ke halaman yang dituju.

Biasanya safelink terdapat pada blog atau website download, namun yang sering ditemui adalah blog safelink tersebut tidak dalam satu blog utama atau masih dalam subdomain blog utama. Blog safelink biasanya terpisah menggunakan blog sendiri dan biasanya berdomain blogspot.com.

Selain agar link download yang akan dituju terhindar dari virus yang dapat menyebabkan terjadinya error saat download, safelink juga merupakan salah satu cara yang dilakukan oleh kebanyakan blogger untuk membantu meningkatkan penghasilan mereka.

Dalam pembuatan safelink terdapat beberapa cara, namun pada tutorial ini admin membuat safelink di dalam blog utama. Alasan membuat safelink di blog utama karena tidak perlu repot-repot membuat blog lagi.

Cara Membuat Safelink di Blog Utama yang Aman

Selain itu, membuat safelink di dalam blog utama juga akan menambah page view dan mengurangi bounce rate blog tersebut serta 100% aman karena masih satu domain dengan blog utama.

Skema Safelink di Blog Utama

Skema dari safelink di blog utama ini sama dengan blog safelink pada umumnya. Dimana cara kerjanya adalah ketika pengunjung ingin mendownload file dalam blog (artikel download), mereka akan diarahkan ke laman tertentu dari blog tersebut (safelink) sebelum akhirnya menuju ke laman download file (google drive, mediafire, dll).

Cara Membuat Safelink di Blog Utama yang Aman

Cara Membuat Safelink di Blog Utama

Pada tutorial membuat safelink di blog utama ini admin menggunakan platform blogger karena tutorial ini diutamakan untuk pengguna blogger dan sudah diterapkan pada blog Kang Tutorial ini. Pastikan jika ingin membuat safelink blog sudah support HTTPS. Untuk membuat safelink di blog utama, simak langkah-langkah berikut dengan teliti agar tidak terjadi error pada safelink.

Membuat Artikel Safelink

1. Pertama, buatlah sebuah judul safelink di halaman statis atau di halaman postingan blog. Setelah dipublikasikan lalu copy paste url safelink laman tersebut di notepad.

2. Kedua, edit laman tersebut dalam mode HTML, copy paste kode script dibawah ini pada laman safelink yang sudah dibuat. Letakkan artikel pada bagian yang sudah disediakan

Cara Membuat Safelink di Blog Utama yang Aman

<div class='separator-text' style='text-align:center'>
<a class='button1' href='#golink'>Klik untuk menuju link dibawah <i class="fa fa-external-link"></i></a></div>
<div class='separator-text'>
<!-- Tulis Artikel Disini --></div>
<div id='golink' class='separator' style='text-align:center'>
<div class='safelink' dir='ltr' trbidi='on'>
<div>
<span id='daplong' class='button1'>Tunggu Sebentar...</span></div>
<script>var currentURL=location.href; var str = currentURL; var res = str.replace("https://www.ALAMATBLOGUTAMA.com/2019/07/safelink.html?url=", ""); document.write('<button id="download" class="visit-link button1" onclick="changeLink();" style="display:none;">Download <i class="fa fa-download" aria-hidden="true"></i></button>')</script></div>
</div>
<div class='clear'>
</div>
  • Kalimat “Klik untuk menuju link dibawah”, “Tunggu Sebentar...” dan “Download” dapat diganti sesuai keinginan.
  • Ganti https://www.ALAMATBLOGUTAMA.com/2019/07/safelink.html dengan url safelink yang sudah di copy paste di notepad.
3. Ketiga, simpan kembali laman yang sudah di edit tadi. Jika saat ingin menyimpan muncul pesan seperti ini “Anda tidak bisa diterima: Tag putus: BUTTON” atau sebagainya, abaikan saja dengan cara klik tutup dan simpan.

Mengedit Template

Sebelum mengedit, sebaiknya backup terlebih dahulu template agar jika terjadi error dapat dikembalikan seperti semula.

1. Edit template dengan cara klik Tema - Edit HTML.

2. Letakkan kode CSS berikut diatas kode ]]></b:skin>

Cara Membuat Safelink di Blog Utama yang Aman

/* Safelink */
.button1{display: inline-block;padding: 6px 20px;margin: 1px 0 8px 0;border: 1px solid #008c5f;font-size: 14px;font-weight: bold;color: #008c5f;border-radius: 30px;cursor: pointer;transition:  all 0.3s ease}
.button1:hover{background: #008c5f;border-color: #008c5f;color: #fff}
.ads-top{padding: 5px 0 15px 0;text-align: center}
.ads-left,.ads-right{display: inline-block;float: left;margin: 5px 15px 0 0}
.ads-right{float: right;margin: 5px 0 0 15px}
.visit-link,#daplong{margin-right: 0;padding: 7px 30px;line-height: 25px;font-family: Arial, sans-serif;transition: all 0.3s ease-in-out}
.visit-link{padding: 7px 50px}
#HTML99,#HTML99 .widget-content{border: 0!important;margin: 0!important;padding: 0!important}
/* Responsive */
@media screen and (max-width: 768px){.ads-left,.ads-right{display: block;float: none;margin: 5px 0 0;text-align: center}}

3. Kemudian letakkan kode Javascript berikut diatas kode </head>

Cara Membuat Safelink di Blog Utama yang Aman

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace("//www.ALAMATBLOGUTAMA.com/2019/07/safelink.html?url=", ""); $(".visit-link").hide(); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')} function generate() {var linkDL = document.getElementById("download"), btn = document.getElementById("btn"), notif = document.getElementById("daplong"), direklink = document.getElementById("download").href, waktu = 10; 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); notif.style.display = "none"; linkDL.style.display = "inline-block"; } else { teks_waktu.innerHTML = "Link akan tampil dalam " + waktu.toString() + " Detik"; btn.style.display = "none";}}, 1000);} /*]]>*/</script>
<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>
</b:if>
  • Ubah www.ALAMATBLOGUTAMA.com/2019/07/safelink.html dengan url safelink yang sudah dibuat tadi.
  • Kode waktu = 5 menunjukkan link akan muncul dalam 5 detik. Waktu tersebut dapat dirubah menjadi lebih cepat atau lebih lambat dengan mengganti angka 5 tersebut (misalnya 3 atau 10).
  • Teks = "Link akan tampil dalam " dapat kustom sesuai kenginan kalian.
4. Setelah itu simpan template.

Menambahkan Widget Baru

1. Masuk ke menu Tata Letak, kemudian tambahkan widget HTML baru.

2. Letakkan kode berikut di widget HTML yang akan ditambahkan.

Cara Membuat Safelink di Blog Utama yang Aman

<b:widget cond='data:view.isSingleItem' id='HTML99' locked='false' title='Safelink' type='HTML' version='1'>
  <b:widget-settings>
    <b:widget-setting name='content'/>
  </b:widget-setting></b:widget-settings>
  <b:includable id='main'>
    <div class='widget-content'>
      <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 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);a_to_ve[i].href="https://www.ALAMATBLOGUTAMA.com/2019/07/safelink.html?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>
      <script>/*<![CDATA[*/ protected_links = "facebook.com,fb.me,instagram.com,plus.google.com,twitter.com,1.bp.blogspot.com,2.bp.blogspot.com,3.bp.blogspot.com,4.bp.blogspot.com";auto_safelink(); /*]]>*/</script> 
    </div>
  </b:includable>
</b:widget>
  • Secara default, semua link eksternal akan diarahkan ke laman safelink. Maka dari itu, kode [*/ protected_links = "facebook.com,fb.me,instagram.com,plus.google.com,twitter.com"; merupakan kode untuk memproteksi url-url eksternal dari safelink. Dengan kata lain bertujuan untuk mencegah url eksternal yang ada didalam kode tersebut menuju ke laman safelink.
  • Ganti https://www.ALAMATBLOGUTAMA.com/2019/07/safelink.html dengan url safelink yang dibuat tadi

Tahap Akhir

Agar blog safelink dapat berjalan dengan semestinya, masuk ke mode Tema – Edit HTML, lalu ganti tag <body> dengan kode berikut.

Cara Membuat Safelink di Blog Utama yang Aman

<body onload='generate()'>

Terakhir klik Simpan.

Selanjutnya tinggal uji coba laman safelink yang sudah dibuat tadi, apakah berfungsi dengan normal atau tidak. Dan untuk melihat demonya, silahkan klik tombol Demo dibawah ini.


Demikian artikel tentang cara membuat safelink di blog utama. Jika ada pertanyaan atau bagian yang kurang paham, silahkan tuliskan pertanyaan melalui kolom komentar yang sudah disediakan. Terima kasih dan selamat mencoba.

Artikel Terkait

Buka Komentar
Tutup Komentar

2 Komentar untuk "Cara Membuat Safelink di Blog Utama 100% Work dan Aman"

Jika ada yang masih kurang jelas, silahkan untuk bertanya pada kolom komentar di bawah ini atau dengan menghubungi kami di halaman kontak.

1. Centang kotak Notify me/Beri tahu saya untuk mendapatkan notifikasi komentar.
2. Semua komentar dengan menambahkan link akan dihapus dan tidak akan dipublikasikan.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel