Cara Membuat Safelink Converter Di Blog Utama ( Update )

blogger Cara Membuat Safelink Converter Di Blog Utama ( Update )
Candil KfbCara Membuat Safelink Converter Di Blog Utama Tanpa Tambahan Blog Lain, 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 mas Azid45.web.id)

Cara Membuat Safelink Converter Di Blog Utama ( Update )

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. Lihat Demonya Ya Lur

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

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.

Catatan : ganti tulisan "isi kode adsense anda" dengan dengan kode iklan adsense milik teman-teman.

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>

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

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 Menyimpan 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. Saya Sudah Sediakan Video Tutorial Cara Membuat Safelink Di Blog Utamam Tanpa Tambahan Blog Lain Silahkan Di Simak Baik Baik.


Demikian Cara Membuat Safelink Converter Di Blog Utama , semoga bermanfaat ya Lurd. Terima Kasih.

  • Deskripsi

    Candil Kfb - Cara Membuat Safelink Converter Di Blog Utama Tanpa Tambahan Blog Lain, 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.
  • Tag

    blogger safelink