Mungkin diantara Anda ada yang punya keinginan untuk membuat safelink didalam blog utama. Beberapa bulan lalu saya pernah mencoba membuat safelink pada salah satu blog, namun karena hasilnya kurang memuaskan dan tidak sesuai harapan maka keinginan untuk punya safelink pada blog utama tidak tercapai. 

Namun beberapa hari yang lalu saya mencoba kembali membuat safelink didalam blog, dan blog yang menjadi percobaan adalah blog ini. Setelah berhasil dan semuanya sudah  sesuai keinginan, saya menempatkan tombol untuk menuju link download atau link tujuan sebagai halaman safelink pada postingan, tapi pada blog lain saya menerapkannya pada halaman statis.

Sebelum menuju tahap pembuatannya, saya sedikit membahas dulu tentang safelink. Biasanya kita sering menjumpai blog atau website yang menggunakan safelink namun safelink tersebut tidak terdapat didalam blog utama, sebab memiliki alamat url dengan domain atau sub domain yang berbeda. 

Safelink yang terdapat didalam blog utama memiliki kelebihan tersendiri meskipun juga memiliki kekurangan yaitu harus memasang kode pada template blog lain yang ingin menggunakannya secara bersama-sama. Adapun kelebihan dan manfaat dari membuat safelink didalam blog yaitu :

1. Mengurangi efek bounch rate pada blog.
2. Meningkatkan page view blog.
3. Tidak membutuhkan blog baru.
4. Meningkatkan penghasilan AdSense.
5. Aman untuk akun AdSense.

Membuat Safelink Pada Blog Utama

Sebelum membuat safelink pada blog utama, pastikan terlebih dahulu melakukan backup pada template blog untuk berjaga-jaga jika seandainya terjadi kesalahan nanti. Setelah selesai melakukan backup, saatnya sekarang menuju langkah-langkah pembuatan. Saya berharap agar pembuatannya dilakukan dengan teliti dan hati-hati agar kemungkinan berhasil lebih besar.

Membuat Halaman Safelink

Halaman safelink dapat dibuat pada halaman postingan atau halaman statis. Buatlah sebuah halaman baru, silahkan pilih postingan atau halaman statis, beri judul kemudian simpan. Masuk kedalam mode edit HTML kemudian letakan kode dibawah ini dibagian manapun yang Anda inginkan, tapi disarankan dibagian tengah artikel.

<div style="text-align: center;">
<!-- Iklan AdSense -->
<br/>
<div><span class="button1" id="daplong">Please Wait...</span></div>
<script>var currentURL=location.href; var str = currentURL; var res = str.replace("https://www.caraliyo.com/p/safelink.html?url=", ""); document.write('<button id="download" class="visit-link button1" onclick="changeLink();" style="display:none;">Menuju Link</button>')</script>
<br/>
<!-- Iklan AdSense -->
</div>

Ganti alamat url yang berwarna merah dengan alamat url dari halaman safelink yang telah dibuat tadi. Setelah selesai membuat halaman safelink, simpan atau publikasikan halaman yang telah dibuat. Jika ada notifikasi error saat menyimpan, klik saja "Tutup" dan simpan kembali.

Edit Template

Untuk dapat mengedit template, silahkan pilih menu Tema > Edit HTML.

Memasukkan Kode CSS

Kode ini berfungsi sebagai style untuk link dan tombol pada halaman safelink yang telah dibuat tadi. Letakan kode dibawah ini tepat diatas kode </style>.

/* Safelink */
.button1{display: inline-block;background-color: #fff;border: 1px solid #707070;font-size: 13px;color: #414141;border-radius: 30px;cursor: pointer;transition:  all 0.3s ease}
.button1:hover{background-color: #f78154;border-color: #f78154;color: #fff}
.visit-link,#daplong{margin-right: 0;padding:  5px 50px;line-height: 25px;font-family: Lato, sans-serif;transition: all 0.3s ease-in-out}
.visit-link{padding:  5px 50px}
#HTML99,#HTML99 .widget-content{border: 0!important;margin: 0!important;padding: 0!important}

Jika terdapat lebih dari satu kode </style> pada template, silahkan dicoba satu persatu sampai style tombol pada halaman safelink mengalami perubahan.

Memasukkan Kode JavaScript

Salin kode JavaScript dibawah ini dan letakan tepat diatas kode </head> pada template.

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

Ganti url yang bertanda merah pada kode diatas dengan url halaman safelink Anda tanpa "https:", dan kode angka 10 merupakan variabel waktu dalam satuan detik yang akan digunakan oleh timer untuk menghitung mundur hingga menampilkan link tujuan.

Kode diatas hanya berlaku untuk safelink yang dibuat pada halaman statis, sehingga safelink yang dibuat pada halaman postingan tidak akan berfungsi. Jika safelink ingin dibuat pada halaman postingan, maka kode "static_page" harus diganti dengan "item", sehingga penggunaannya dapat disesuaikan dengan selera dan keinginan.

Membuat Widget Baru

Cari kode widget bagian sidebar pada template dan letakan kode dibawah ini tepat diantara kode </b:widget> dan </b:section> sehingga susunannya menjadi :

</b:widget>
Kode dibawah
</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.caraliyo.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,youtube.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>

<body onload='generate()'>

<body itemscope='itemscope' itemtype='https://schema.org/Blog' onload='generate()'>