Cara Membuat Safelink di Blog Utama

Kali ini admin akan membagikan toturial memasang safelink otomatis di blog utama tanpa harus ganti template dan keluar dari blog utama

6 min read

Cara Membuat Safelink di Blog Utama Tanpa Harus Ganti Template

Safelink adalah suatu halaman web yang di gunakan untuk mengetahui url/link yang di tuju aman, bebas dari virus dan malware, dengan kata lain safelink merupakan halaman perantara sebelum pengunjung menuju halaman sebelumnya.

Kali ini admin akan membagikan toturial memasang safelink otomatis di blog utama tanpa harus ganti template dan keluar dari blog utama

Kelebihan safelink otomatis di blog utama;

Meningkatkan page rank
Memperbanyak page view blog
Tidak Perlu membuat blog baru
Tidak membuat pengunjung bingung
Mengurangi baunce rate dari blog utama
Aman karena dalam satu domain yang sama
Membuat pengunjung merasa aman dan nyaman
Pengunjung lebih percaya klik tombol yang mereka tuju

Cara membuat safelink di blog utama

1.Membuat Halaman Safelink

Masuk ke dashbor blogger anda
Klik menu Halaman
Lalu Klik Halaman Baru

Buat judul halaman sesuai selera kalian , misalnya : Safelink
Lalu masuk ke penulisan HTML
Kemudian salin kode HTML di bawah ini dan masukan ke halaman tadi

<div class='separator-text' style='text-align:center'>
<div class='ads-top'>
</div>
<a class='button1' href='#golink'>Klik 2x untuk menuju link</a></div>
<div class='separator-text'>
</div>
<div id='golink' class='separator' style='text-align:center'>

<div id='ads-left' class='ads-left'>
</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://genkialami.blogspot.com/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'>
</div>
</div>
<div class='clear'>
</div>

Penjelasan warna pada kode html saflink

Warna BIRU adalah tempat untu kode iklan google adsense / unit iklan adsense
Warna KUNING adalah tempat untuk menaruh kontent pada halaman safelink
Warna MERAH adalah url/link halaman safelink kalian
Warna UNGU adalah tulisan untuk menuju url/link yang akan di tuju

Silahkan kreasikan sesuai dengan selera masing-masing

Contohnya seperti gambar di bawah ini

Jika sudah klik tombol Publikasikan

Terapkan langkah di atas satu persatu dengan teliti terutama pada bagian tulisan warna merah,karna jika salah menyebabkan safelink tidak berfungsi,

2.Menanam Kode Otomatis di Tamplate Blog

Klik menu Tema
Lalu klik tanda Titik Giga
Pilih Edit HTML

# Memasang CSS

Cari kode ]]></b:skin> supaya cepat mencari nya tenakan Ctrl + F
Masukan kode di bawah ini tepat di atas ]]></b:skin>

/* Safelink Genkialami.blogspot.com*/
.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: #EA6D23;border-color: #EA6D23;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}}

# Memasang Javascript

Cari kode </head> atau 

Masukan kode di bawah ini tepat di atasnya

<b:if cond='data:blog.pageType == "static_page"'>

<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("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>.

Ubah URL berwarna merah dengan link Halaman Safelink kamu yang sudah kita buat tadi.
Hapus "https:" seperti contoh di atas, agar pengunjung yang berasal dari "http" tetap bisa masuk ke safelink dan di redirect ke mode "https"
Angka 5 yang berwarna hijau adalah jumlah detik waktu hitungan mundur, bisa diganti dengan angka yang lebih kecil jika ingin mempercepatnya, dan diganti dengan angka yang lebih besar jika ingin memperlambatnya.
Tulisan Link akan tampil dalam bisa diganti sesuai selera.
Kode berwarna pink berfungsi untuk mengubah http menjadi https, jika blog kamu belum support https sebaiknya kamu hapus bagian ini. Sebab Safelink yang disetting mode 'http' tidak akan berfungsi jika dibuka melalui 'https' dan berlaku sebaliknya mode 'https' tidak akan berfungsi jika dibuka melalui 'http'

# Mengubah HTML

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

//kode sebelum di ubah tampilannya seperti ini
<body>

//kode setelah diubah menjadi seperti ini
<body onload='generate()'>

# Membuat Widget Baru

Pilih menu Tata Letak
Lalu klik Tambahkan Gadget
Pilih menu HTML/Javascript
Masukan kode di bawah ini

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

Ubah URL yang ditandai warna merah dengan URL Halaman Safelink kamu.
Secara otomatis, link eksternal akan di arahkan ke halaman Safelink kamu, kecuali url yang kamu cantumkan di dalam warna kuning. Jadi jika di blog kamu ada link sosial media atau link yang tidak perlu mengarah ke Safelink, kamu tambahkan deretan di tulisan warna kuning dengan pemisah tanda koma (,)
Klik Simpan

DEMO SAFELINK

Pembuatan Safelink di blog utama sudah selesai. Jika mengikuti langkah di atas dengan benar, pasti safelinknya berfungsi dengan baik. Silakan lakukan pengujian dengan menekan tombol download di blog kamu.

Search this blog

Genkialami.com