Cara Membuat Safelink Sendiri Pada Blog Utama Yang Aman Buat Adsense

www.azid45.web.id - Cara Membuat Safelink Sendiri Pada Blog Utama Yang Aman Buat Adsense. Assalamualaikum.wr.wb, Pada kesempatan ini saya akan share cara membuat saflink sendiri pada blog utama, sehingga kita tidak usah lagi membuat blog lagi khusus safelink.

Baca Juga: Membuat Safelink Sendiri Pada Blogger 100% Mudah dan Aman untuk Adsense

Tentunya teman-teman sudah mengenal apa itu safelink. Ya, secara sederhana safelink merupakan sarana redirect atau generate link sementara dari link sesunggunya. Jadi jika teman-teman mendownload suatu file namun file tersebut menggunakan safelink maka teman-teman akan diarahkan terlebih dahulu pada situs safelink terlebih dahulu sebelum mengarah pada situs file download itu sendiri. Secara singkat seperti ini, blog utama yang terdapat link download - blog safelink - blog penyedia download. Jika belum paham, bisa melihat alur pada gambar berikut ini; (gambar saya ambil dari corpon blog)

Mengapa harus membuat safelink pada blog utama?

bounce rate adalah jawabannya. Jika ada pengunjung yang mengunjungi blog teman-teman dan kemudian langsung meninggalkannya maka secara otomatis teman-teman akan terkena blog rate dan hal tersebut akan mengurangi SEO. Oleh karena itu safelink di blog utama sangat menguntungkan dan untuk mengurangi hal tersebut, karena pengunjung dengan mengklik link eksternal maka akan diarahkan pada blog safelink kita yang ada pada menu halaman statis maupun pada artikel kita. Selain hal tesebut, tentunya dengan safelink pada blog kita, maka secara tidak langsung visitor akan bertambah karena setiap link eksternal yang diklik maka otomatis diredirect terlebih dahulu yang tentunya pada situs kita juga dan baru menuju link eksternal aslinya.

Cara Membuat Safelink di Blog Utama Pada Blogger

Untuk membuat safelink ini, alangkah baiknya back up terlebih dahulu template teman-teman agar jika tidak berhasil bisa mengembalikan ke pengaturan template sebagaimana mestinya, untuk caranya bisa menuju menu theme - edit HTML dan copas semua isinya setelah itu pastekan pada notepad. Jika sudah memback up template teman-teman, sekarang bisa menuju tutorial membuat safelink pada blog utama

Pertama, langkah awal adalah membuat halama statis baru, teman-teman bisa menuju pada menu halaman atau page dan buatlah halaman baru dengan memberikan nama "go" setelah itu copas kode berikut ini pada mode HTML bukan compose

 <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/go.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>

Sebelum save halaman, jangan lupa mengisi artikel sesuka hati teman-teman dan jangan lupa ganti alamatblog.com dengan alamat blog teman-teman. Jika sudah maka save halaman.

NB: ganti tulisan "isi kode adsense anda" dengan dengan kode iklan adsense milik teman-teman.
Pertanyaan: Apakah bisa ditaruh pada artikel biasa dan tidak menggunakan halaman statis? jawabannya 100% bisa dan justru memduhakan teman-teman. Selain memudahkan visitor pada artikel teman-teman akan meningkat tatkala mana setiap kali blog teman-teman meredirect ke artikel safelinknya.

Terus bagaimana caranya? Letakkan kode berikut ini tepat diawal artikel

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

Kemudian letakkan kode berikut tepat setelah akhir artikel atau tenggah artikel juga bisa

<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/go.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>

Sebelum menyimpan artikel pastikan kode adsense sudah terpasang dan jangan lupa juga ganti https://alamatblog.com/p/go.html dengan link artikel teman-teman, jika sudah  Save Artikel.

Kedua, Setelah membuat halaman statis atau artikel yang sudah terdapat script maka langkah selanjutnya adalah menuju menu theme atau tema - edit HTML, dan cari kode </head> setelah itu letakkan kode berikut tepat diatas kode </head>

<style>/* 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}}
</style>

<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/go.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>

NB: Ganti alamatblog.com dengan url domain teman-teman. Jika teman-teman menggunakan artikel sebagai safelinknya maka rubah kode <b:if cond='data:blog.pageType == &quot;static_page&quot;'> dengan kode <b:if cond='data:blog.pageType == &quot;item&quot;'> dan pastikan alamatblog.com/p/go.html sudah diganti dengan alamat artikel teman-teman.

Ketiga, tetap pada menu theme - edit HTML, cari kode </b:widget> "mungkin ada banyak" jika sudah ketemu, maka pastekan kode berikut tepat setelah kode </b:widget> ......</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>

NB: Sama seperti langkah sebelumnya, pastikan alamatblog.com ganti dengan url alamat blog teman-teman dan jika menggunakan artikel sebagai safelinknya maka ganti dengan url artikel blog teman-teman.

Keempat, Langkah selanjutnya adalah cari kode <body> dan tambahkan "onload='generate()'" setalah teks body. Lihat ulasan dibawah ini

sebelumnya
......
<body>
.......
</body>

Setelahnya

<body onload='generate()'>
.....
</body>

Kelima, Save Template teman-teman.

Dengan mengsave template, seharusnya blog teman-teman sudah bisa dan otomatis meredirect setiap link eksternal jika teman-teman mengikuti langkah-langkah diatas secara keseluruhan. Namun jika ada kesalahan bisa berkomentar dimenu komentar.

Demikianlah Cara Membuat Safelink Sendiri Pada Blog Utama Yang Aman Buat Adsense. Semoga artikel ini bermanfaat, Amin.

KETERANGAN: Demo dalam tutorial ini sudah tidak berfungsi dikarenakan saya sudah melepas code sebagaiamana pada tutorial tersebut. Namun dalam tutorial ini sudah saya coba dan berhasil. Oleh karena itu, jika teman-teman ada error dalam membuat safelink yang saya bagikan ini maka kemungkinan ada langkah yang kurang tepat atau tidak sesuai. Jadi harus sekreatif mungkin untuk memodifikasi dan selalu mencoba. Semoga berhasil

DEMO