√ Membuat Safelink di Domain Blog Utama

Membuat Safelink di Domain Blog Utama

19.4.23

Safelink adalah teknik yang digunakan oleh banyak blogger dan penerbit web untuk memperpendek URL dan mengamankannya dari serangan virus atau malware. Dengan membuat safelink di Blogspot, kamu dapat membantu menjaga keamanan pengunjung dan membuat link kamu terlihat lebih profesional. Di artikel ini, kami akan membahas cara membuat safelink di Blogspot agar kamu dapat melindungi link dan memperbaiki SEO blog kamu.

Baca juga: Menambahkan Animasi pada Icon atau Elemen Blog

Apa itu Safelink?

Safelink adalah URL yang telah diubah untuk melindungi pengunjung dari malware atau virus saat mengakses situs web tertentu. Ini sering digunakan oleh penerbit web dan blogger untuk melindungi pengunjung dari situs web yang tidak aman dan juga membantu memperpendek link.

Mengapa Safelink Penting?

Ketika kamu mengirim link ke pengunjung atau pengikutmu, kamu tidak tahu apakah link itu aman atau tidak. Malware atau virus bisa menyerang pengunjung saat mereka mengunjungi situs yang tidak aman. Dengan membuat safelink, kamu dapat melindungi pengunjungmu dari ancaman tersebut dan mengirimkan mereka ke situs yang aman. Selain itu, safelink juga memperpendek URL, sehingga lebih mudah untuk dibagikan dan terlihat lebih profesional.

Cara Membuat Safelink di Domain Utama Blogspot

Langkah-langkah untuk membuat safelink di Blogspot sangat mudah dan dapat dilakukan oleh siapa saja, bahkan jika kamu tidak memiliki pengetahuan teknis yang mendalam. Berikut adalah langkah-langkahnya:

Langkah 1. Login ke akun dashboard blogger kemudian silakan buat halaman atau page baru dengan nama apa saja terserah kamu misalkan "safelink" atau silakan dibuat dengan judul apa saja nantinya akan diisi dengan artikel. Jika sudah selesai silakan di terbitkan atau publish jangan lupa catat URLnya. URL ini akan kita pakai pada langkah berikutnya.

Langkah 2. Berikutnya klik pada ikon pensil disebelah kiri kemudian pilih <> Tampilan HTML, copy atau salin kode dibawah ini dan paste/tempel didalamnya.

  
<div class='separator-text' style='text-align:center'>
<div class='ads-top'>
<!-- Isi Kode Adsense --></div>
<a class='button1' href='#visitlink'>Klik disini untuk menuju link</a></div>
<div class='separator-text'>
<!-- Tuliskan Konten Artikel Anda Disini --></div>

<div id='visitlink' class='separator' style='text-align:center'>
<div id='ads-left' class='ads-left'>
<!-- Isi Kode Adsense --></div>
<div class='safelink' dir='ltr' trbidi='on'>
<div>
<span id='daplong' class='button1'>Please Wait...</span></div>
<script>var currentURL=location.href; var str = currentURL; var res = str.replace("https://www.idebelajar/p/safelink.html?url=", ""); document.write('<button id="download" class="visit-link button1" onclick="changeLink();" style="display:none;">Menuju Link</button>')</script></div>
<div id='ads-right' class='ads-right'>
<!-- Isi Kode Adsense --></div>
</div>
<div class='clear'>
<!-- Tulis Konten Artikel Anda Disini --></div>

Keterangan:

Tulis Konten Artikel Anda Disini: Ketikkan artikel kamu dibagian yang telah kami tandai.
Ganti yang admin tandai dengan warna kuning dengan URL Halaman Safelink atau page yang kamu buat sesuai langkah 1.
Masukkan kode iklan yang kamu punya sesuai keterangan .

Langkah 3. Setelah membuat halaman selesai, lanjutkan menuju menu Tema/Template lalu pilih Edit HTML. Selanjutnya cari kode ]]></b:skin>, lalu copy dan paste kode CSS di bawah ini tepat di atasnya.

/* Safelink*/
.button1{display: inline-block;padding: 6px 20px;margin: 15px 0 10px 0;border: 1px solid #ddd;font-size: 13px;color: #414141;border-radius: 30px;cursor: pointer;transition: all 0.3s ease}
.button1:hover{background-color: #137FAA;border-color: #137FAA;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: 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}
/* Responsive */
@media screen and (max-width: 768px){.ads-left,.ads-right{display: block;float: none;margin: 5px 0 0;text-align: center}}

Langkah 4. Masih pada menu Edit HTML, cari lagi kode </head>, copy paste kode di bawah ini tepat di atasnya. Jangan lupa untuk mengganti URL dengan url halaman safelink yang pada langkah 1 sudah dibuat. Selain itu, kamu juga dapat mengatur jeda waktu sesuai dengan yang di inginkan.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace("//www.idebelajar.p/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 = 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>

Keterangan:

Yang admin tandai dengan warna kuning silakan diganti dengan URL halaman safelink yang telah dibuat pada langkah 1.
Tanda pink silakan sesuaikan dengan keiinginan jeda waktunya.

Langkah 5. Cari lagi kode <body. Tambahkan kode onload='generate()' kedalamnya. Sehingga kodenya akan menjadi seperti dibawah ini.

<body onload='generate()'>

Langkah 6. Lanjut lagi carilah kode </b:widget> dan </b:section> tepatnya biasanya diatas kode </body> paling bawah. Tambahkan kode berikut kedalamnya atau ditengah kode. Contoh </b:widget> KODE SCRIPT </b:section>. Jangan lupa untuk mengganti URL Safelink sesuai langkah 1.

<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.idebelajar.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>

Keterangan:

Tanda kuning silakan diganti sesui URL pada langkah 1.
Tanda pink silakan tambahkan situs yang menjadi pengecualian, artinya tidak akan ikut digenerate safelink.

Langkah 7. Cek kembali langkah 1 sampai dengan langkah 6 yang sudah dicoba tadi jangan sampai ada yang terlewat atau salah penempatan kodenya. Jika sudah, klik Simpan atau Save untuk menyimpan perubahan yang sudah kamu buat tersebut.

Pastikan cek dengan teliti langkah demi langkah, jika terjadi error dan sebagainya kemungkinan ada langkah yang kurang pas diterapkan atau keliru dalam penempatan kodenya.

Demikian tutorial bagaimana cara membuat safelink di domain blog utama, semoga dapat membantu rekan-rekan yang ingin membuat safelink secara gratis di blog utama dengan tanpa membuat blog baru. Selamat mencoba!