Anti Ribet! Begini Cara Membuat Safelink Otomatis di Blog Sendiri Tanpa Domain Baru

Safelink otomatis kini diperlukan bagi beberapa website dengan tema download dengan berbagai tujuan simak cara mudah bikin laman safelink otomatis dalam artikel ini.

Ilustrasi safelink otomatis (Lovepik)

ASIFBAART - Halaman safelink otomatis Asifba Art dibuat untuk mengamankan link download yang telah ditanam dalam artikel untuk menghindari dari berbagai macam bahaya. 

Baca Juga: Download Vector Baju Wisuda CDR Gratis

Pengertian Safelink Otomatis di Website

Safelink otomatis adalah sebuah bentuk layanan yang digunakan oleh beberapa situs web atau platform untuk mengkonversi tautan asli (link) menjadi tautan yang lebih aman atau nyaman untuk pengguna. 

Tujuan utama dari safelink otomatis adalah untuk melindungi pengguna dari tautan berbahaya atau merugikan, serta untuk memberikan nilai tambah, seperti memperpendek tautan yang panjang atau memberikan informasi tambahan sebelum mengakses tautan tersebut.

Cara kerja safelink otomatis bisa bervariasi, tetapi umumnya, pengguna akan diarahkan melalui halaman antara sebelum mencapai tautan tujuan. Halaman antara ini dapat berisi informasi tambahan, iklan, atau peringatan keamanan.

Selain itu, safelink otomatis juga bisa digunakan oleh pemilik situs web atau pembuat konten untuk menghasilkan pendapatan melalui iklan yang ditampilkan kepada pengguna sebelum mereka diarahkan ke tautan asli.

Safelink otomatis dapat menjadi alat yang bermanfaat untuk mengelola tautan dan memberikan perlindungan tambahan terhadap tautan berbahaya di internet. 

Baca Juga: Cara Bikin Safelink Otomatis di Blogger 

Cara Membuat Laman Safelink Otomatis di Website Sendiri 

Di bawah ini kami sajikan tutorial mengenai cara membuat laman safelink otomatis pada blog sendiri:

Pertama, Buat Halaman Safelink Otomatis Melalui Halaman Statis

1. Masuk ke Blogger

2. Menu Halaman

3. Buat Halaman Baru

4. Masuk ke HTML dan Copas code berikut

<script async="" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<center><a class="button7" href="#golink">Klik 2x untuk menuju link</a></center>

<div class="separator" id="unduh" style="text-align: center;">

Isi Kode Adsense Anda

<div class='separator-text'>Tulis Konten Artikel Anda Disini</div>

<div class="safelink" dir="ltr" trbidi="on">

<center><div class="lds-spinner" id="daplong"><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div></center>

<script>var currentURL=location.href; var str = currentURL; var res = str.replace("https://www.asifbaart.web.id/p/safelink.html?url=", ""); document.write('<button id="download1" class="visit-link button7 center" onclick="changeLink();" style="display:none;">MENUJU LINK</button>')</script>

<br />
<div id='golink'>

<center>Isi Kode Adsense Anda</center>

</div></div>

5. Edit kotak biru sesuai kode Adsense Anda

6. Ganti konten yang ada tulisan berwarna kuning

7. Kotak ungu bisa dirubah bahasanya sesuai dengan selera.

8. Publikasikan halaman

9. Klik View dan copas linknya

10. Masuk ke halaman ini dan ubah link yang berwarna merah dengan link safelink di blog Anda.

Kedua, Buat Safelink Otomatis via Edit HTML

1. Masuk ke blogger

2. Pilih edit Tema

3. Edit HTML

4. Masukkan kode CSS berikut ini

• Cari kode ]]></b:skin> supaya cepat gunakan Ctrl + F
• Letakkan kode di bawah ini tepat di atas ]]></b:skin>

/* Safelink Asifbaart.web.id*/
.button1{display: inline-block;padding: 6px 20px;margin: 5px 0 5px 0;border: 2px solid #000;font-size: 13px;color: #000;border-radius: 30px;cursor: pointer;transition:  all 0.3s: ease}
.button1:hover{background-color: #EA6D23;border-color: #EA6D23;color: #fff}
.button7{display: inline-block;padding: 6px 20px;margin: 5px 0 5px 0;border: 2px solid #0088FF;font-size: 13px;color: #0088FF;border-radius: 30px;cursor: pointer;transition:  all 0.3s: ease}
.button7:hover{background-color: #0088FF;border-color: #0088FF;color: #fff}
.visit-link,#daplong{margin-right: 0;padding: 7px 30px;line-height: 25px;font-family: Lato, 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}
/*Loading*/.lds-spinner{color:official;display:inline-block;position:relative;width:64px;height:64px}.lds-spinner div{transform-origin:32px 32px;animation:lds-spinner 1.2s linear infinite}.lds-spinner div:after{content:&quot;&quot;;display:block;position:absolute;top:3px;left:29px;width:5px;height:14px;border-radius:20%;background:#3291d1}.lds-spinner div:nth-child(1){transform:rotate(0deg);animation-delay:-1.1s}.lds-spinner div:nth-child(2){transform:rotate(30deg);animation-delay:-1s}.lds-spinner div:nth-child(3){transform:rotate(60deg);animation-delay:-0.9s}.lds-spinner div:nth-child(4){transform:rotate(90deg);animation-delay:-0.8s}.lds-spinner div:nth-child(5){transform:rotate(120deg);animation-delay:-0.7s}.lds-spinner div:nth-child(6){transform:rotate(150deg);animation-delay:-0.6s}.lds-spinner div:nth-child(7){transform:rotate(180deg);animation-delay:-0.5s}.lds-spinner div:nth-child(8){transform:rotate(210deg);animation-delay:-0.4s}.lds-spinner div:nth-child(9){transform:rotate(240deg);animation-delay:-0.3s}.lds-spinner div:nth-child(10){transform:rotate(270deg);animation-delay:-0.2s}.lds-spinner div:nth-child(11){transform:rotate(300deg);animation-delay:-0.1s}.lds-spinner div:nth-child(12){transform:rotate(330deg);animation-delay:0s}@keyframes lds-spinner{0%{opacity:1}100%{opacity:0}}
/* Responsive */
@media screen and (max-width: 768px){.ads-left,.ads-right{display: block;float: none;margin: 5px 0 0;text-align: center}}

5. Pasang Javascript

• Cari kode </head> atau &lt;!--<head/>--&gt;
• Letakkan kode di bawah ini tepat di atasnya

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace("//www.alamatblog.com/p/safelink.html?url=", ""); $(".visit-link").hide(); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')} function generate() {var linkDL = document.getElementById("download1"), btn = document.getElementById("btn"), notif = document.getElementById("daplong"), direklink = document.getElementById("download1").href, waktu = 5; 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>

6. Ubah link berwarna merah dengan link safelink blog Anda

7. Ubah HTML

• Cari kode <body
• Lalu tambahkan kode ini di dalamnya onload='generate()'

Contoh sebelum:

    <body>

Contoh Sesudah:

   <body onload='generate()'>

8. Buat Widget Baru

• Cari tulisan </b:widget> dan </b:section> yang berdekatan.
• Tulisan  tersebut biasanya ada banyak, pilihlah yang paling akhir atau paling bawah
• Letakkan script di antara keduanya, jadi posisinya seperti ini
  </b:widget>
  scriptnya di sini
  </b:section>

<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-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.alamatblog.com/p/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";auto_safelink(); /*]]>*/</script> 

    </div>

  </b:includable>

</b:widget>

9. Edit Warna Merah dengan Link safelink Blog Anda

10. Warna kuning untuk memblokir laman di safelink.

11. Simpan Tema

Apabila Anda sudah melalui langkah-langkah di atas dengan benar, maka Anda bisa mencoba menanamkan link ke artikel baru supaya bisa mengetes keberadaan safelink Anda.

Demikian artikel mengenai cara membuat laman safelink otomatis di blog sendiri tanpa menambah domain untuk website baru.***