Cara Membuat Safelink di Halaman Statis Blog Utama

www.wak.my.id - Safelink merupakan sebuah website atau blog yang berfungsi sebagai pihak ketiga pengaman suatu url / link yang jika mengandung virus maupun malware, namun bukan itu saja safelink juga dipergunakan sebagai ladang penghasilan Google Adsense.

Biasanya safelink dibuat dan digunakan melalui  melalui tema / template khusus safelink pada umumnya, namun kali ini saya akan membagikan cara membuat blog safelink di halaman menggunakan blog utama tanpa harus membuat blog baru.

Menggunakan safelink dihalaman statis blog utama anda sangatlah bagus dan direkomendasi apa saja keuntungan lebih fungsi safelink dihalaman statis blog utama? 

1. Sudah pasti anda tidak perlu lagi membuat blog baru sekaligus tanpa harus menunggu diterimanya google adsense melalui add site maupun daftar secara langsung.
2. Penghasilan perlahan bertambah dikarenakan impress iklan yang banyak membuat iklan google adsense blog anda jika diklik bisa mendapatkan BPK besar.
3. Visitor anda otomatis naik dan membuat blog anda semakin bagus sekaligus baik dimata google.
4. Mengurangi bounce yang tinggi diblog anda.
5. Lebih mudah dikostumisasi.
6. 100% aman insyallah dari banned.

Penasaran bagaimana cara membuat blog safelink dihalaman statis blog utama? langsung saja simak tutorialnya berikut ini.

Tutorial Cara Membuat Safelink di Halaman Statis Blog Utama

Agar tutorial ini berhasil 100% saya mohon anda benar-benar mengikuti langkah demi langkah tutorial ini, jika ada satu kesalahan akan membuat safelink dihalaman statis ini tidak work / tidak berfungsi.

Langkah Pertama: Membuat Artikel di Halaman Statis

#1. Login di blogger.com

#2. Setelah login masuk ke menu Halaman > Halaman Baru, buatlah artikel yang anda inginkan bebas.

#3. Selanjutnya jangan di posting dulu artikel tadi yang anda buat di halaman statis, masukan kode berikut ini tepat di tengah-tengah artikel anda (bebas jika anda ingin menaruhnya dimana tergantung selera masing-masing)

<div class='separator-text' style='text-align:center'><div class='ads-top'><!-- Isi Kode Adsense Anda --></div><a class='button1' href='#golink'>Klik 2x untuk menuju link</a></div><div class='separator-text'><!-- Tulis Konten Artikel Anda Disini --></div> <div id='golink' class='separator' style='text-align:center'><div id='ads-left' class='ads-left'><!-- Isi Kode Adsense Anda --></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.alamatblog.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'><!-- Isi Kode Adsense Anda --></div></div><div class='clear'></div>

Penjelasan:

• Ganti url yang yang tertera didalam code menjadi url artikel halaman statis safelink anda.

• Perlu diperhatikan jika blog Anda menggunakan “http” segeralah menggunakan SSL HTTPS agar safelink ini lebih optimal berkerja.

• Saat selesai membuat artikel serta memasang kode iklan dan anda mau publikasikan nanti akan muncul notifikasi seperti ini “HTML Anda tidak bisa diterima: Tag putus: BUTTON” abaikan saja dan klik menu “Tutup” yang ada disamping notoifkasi tersebut.

Langkah Kedua: Memasang Kode Safelink di Template

Buka menu di Dashboard blogger.com anda dan masuk ke menu Tema > Edit HTML seperti gambar dibawah, jangan lupa backup terlebih dahulu template jika terjadi error otomatis backup tadi bisa di gunakan kembali.

#1. Memasang Kode CSS

/* 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: #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}}

#2. Memasang Kode JavaScript

Masukan kode javascript dibawah ini tepat di code </head> template blog anda.

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

Penjelasan:

• Ganti url pada kode yang tertera di atas dengan url halaman statis artikel safelink anda

• Untuk angka 5 yang ada di antara code diatas berfungsi sebagai lamanya waktu (tunggu) yang ditampilkannya url tujuan, dan bisa anda kostumisasikan sesuai selera anda.

• Pastikan kode diatas atas anda tepat menaruhnya di kode </head> template blog anda.

Langkah Ketiga: Memasang Widget Template

Buka menu Tata Letak > Tambahkan Gadget > HTML di dasboard blog anda, dan mauskan kode dibawah 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>

Penjelasan:

• Ganti kembali url halaman statis safelink blog Anda pada bagian yang sudah ditandai seperti awal tadi.

• Nanti setelah berhasil membuat safelink dihalaman statis semua url exsternal blog anda secara otomatis akan di generate menjadi url safelink dan diarahkan ke halaman statis safelink blog anda tanpa perlu melakukan cara manual yang cukup mengesalkan.

• Jika anda ingin beberapa url situs di kecualikan seperti url facebook, dan url tidak perlu lagi di kecualikan karena sudah otomatis url internal blog Anda tidak akan di generate safelink. Untuk bagian “protected_links”, tambah spasi atau koma (,) jika anda ingin menambahkan beberapa url situs pengecualian.

Langkah Keempat:  Memasang Kode Terakhir

Langkah terakhir ini memasang kode HTML pemancing agar ketika load halaman statis safelink anda berfungsi, ganti kode <body> yang ada di template blog anda menjadi <body onload='generate()'> contob seperti kode dibawah berikut ini.

<body onload='generate()'>

Jika sudah dipasang klik Simpan Tema dan selesai.

untuk demo bisa anda lihat di bawah ini:

DemoClick here

Sampai tahap ini anda sudah berhasil membuat safelink dihalaman statis blog utama anda, mungkin itu saja untuk tutorial kali ini semoga bermanfaat, jika ada kesalahan / terjadi erorr maupun tidak work cara diatas bisa anda kirimkan keluhan anda di kolom komentar bawah.