Cara Membuat Safelink Otomatis di Blog Utama

Cara Membuat Safelink Otomatis di Blog Utama - Pada postingan kali ini, kami akan memberikan tutorial mengenai safelink agar dapat digunakan pada blog utama dan tentunya aman jika ingin di pasang iklan dari Google Adsense, sebelum lanjut ke tutorial ada baiknya untuk mengenal apa itu safelink dan kegunaannya.

Apa itu Safelink?

Safelink adalah sebuah halaman website yang di fungsikan untuk mendeteksi sebuah URL atau link yang dituju apakah aman dari virus atau tidak.

Pengertian lainnya adalah mengalihkan URL yang ada pada halaman ke safelink terlebih dahulu, hal ini bisa di artikan bahwa safelink adalah sebagai penengah antara artikel dan URL atau link yang ingin dituju. Safelink sendiri sering kita temui pada sebuah website terutama yang memiliki kategori konten download.

Menggunakan safelink di sebuah website adalah salah satu cara alternatif yang sering sekali di gunakan oleh para blogger untuk mendapatkan penghasilan lebih dengan memasang iklan pada halaman safelink mereka, apalagi website dengan kategori konten download yang memiliki banyak visitor tentu akan sering dikunjungi.

Nah, seperti itulah definisi mengenai safelink, dan kegunaannya. Untuk tutorial yang satu ini, kalian bisa menggunakanya tanpa harus membuat blog baru atau membeli domain baru yang nantinya harus kalian add site sebelum menayangkan iklan.

Lalu apakah bisa menggunakan website utama sebagai safelink? tentu saja bisa dan tentunya lebih aman dibandingkan jika menggunakan blog baru untuk safelink, lantas bagaimana caranya?

Simak tutorialnya dibawah ini, pastikan web yang anda kelola telah menggunakan domain TLd agar mendapatkan hasil yang maksimal.

Tutorial Membuat Halaman Safelink

1. Login terlebih dahulu ke Blogger.
2. Pada menu dashboard, silahkan pilih menu Pages kemudian pilih New Pages
3. Pada kolom judul silahkan beri nama Safelink atau lainnya (bebas) lalu Publish, dan edit kembali.
   Sebelum edit kembali halaman, pastikan kalian sudah salin URL Halaman tersebut.
4. Kemudian pilih mode penulisan HTML bukan Compose lalu masukkan kode berikut ini.

   <div class='separator' style='text-align:center'>
   <div class='ads-top'><!-- Isi Kode Adsense Anda --></div>
   
   <div class='safelink' id='safelink'>
   <center>
   <div class='button outline' id='daplong'>
   Tunggu sebentar...</div>
   <script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace('https://www.alamatbloganda.com/p/safelink.html' + '?url=', ""); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')}; document.write('<a href="#go-link" id="download-safelink" class="button outline">Klik untuk menuju link</a>'); var linkDL = document.getElementById("download-safelink"); var notif = document.getElementById("daplong"); var 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 " + waktu.toString() + " detik"; }}, 1000); /*]]>*/</script></center>
   </div>
   
   <div class='separator-text'><!-- Tulis Konten Artikel Anda Disini --></div>
   
   <div class='blockLink' style='text-align:center'>
   <div id='ads-left' class='ads-left'><!-- Isi Kode Adsense Anda --></div>
   
   <div id='go-link'>
   <a class='button' href='javascript:void(0)' onclick='changeLink();' rel='nofollow noreferrer'>Menuju link</a>
   </div>
   
   <div id='ads-right' class='ads-right'><!-- Isi Kode Adsense Anda --></div>
   </div>

   Silahkan ganti https://www.alamatbloganda.com/p/safelink.html dengan URL halaman yang telah kalian buat tadi.

5. Jangan lupa untuk Publikasikan.

Sampai disini kalian telah berhasil untuk membuat halaman safelink, namun belum dengan tampilan countdown dan lain-lain. Untuk membuatnya lebih sempurna, silahkan terapkan tutorial dibawah ini.

Tutorial Penerapan

1. Pada menu dashboard, pilih menu Template > Edit HTML
2. Kemudian cari kode ]]></b:skin> dan letakkan kode CSS berikut ini diatasnya.

   /* Safelink */
   .button{display: inline-flex;display: -webkit-inline-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;margin-bottom: 10px;padding: 9px 20px;border-radius: 10px;font-size: .8rem;line-height: 1.3rem;background-color: #fff;color: #161617;}
   .button.outline{background-color: #fdd929;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
   .safelink span{display: block;font-size: 12px}
   .blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}
   .blockLink > div{display: block;width: 35%;}
   .blockLink > div#go-link{width: 30%;}
   .blockLink > div#go-link a{display: none;margin: 0}
   .blockLink > div#go-link:target a{display: inline-flex}
   .ads-top{margin: 0 0 20px 0;text-align: center}
   #HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}
   /* Responsive */
   @media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}}

3. Berikutnya cari kode </body> dan letakkan juga Javascript berikut ini diatasnya.

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

4. Jangan lupa untuk Save Template.

Belum selesai sampai disini, untuk mengecualikan link dan menghubungkan safelink ke URL yang di tuju, kalian harus memasang kode Javascript berikut ini di Tata Letak dengan membuat Widget Baru.

<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 daftarPostingan = [ "https://www.alamatblog.com/p/safelink.html" ]; var randomPostingan = daftarPostingan[Math.floor(Math.random()*daftarPostingan.length)]; 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("https")) {a_to_vh = true;} j++; } if (a_to_vh == false) {var encryptedUrl = Base64.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "nofollow noreferrer"; 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,instagram.com,twitter.com";auto_safelink(); /*]]>*/</script>

Silahkan ubah https://www.alamatblog.com/p/safelink.html dengan URL halaman yang telah anda buat.

Penutup

Sampai disini kalian telah berhasil untuk membuat safelink dengan sempurna di website utama. Jika ada kesalahan silahkan bisa anda tanyakan pada kolom komentar dibawah artikel ini, pastikan agar pertanyaan sesuai topik!

Mungkin sekian dulu artikel dari Cara Membuat Safelink Otomatis di Blog Utama, semoga artikel ini bisa bermanfaat untuk kalian semua.

Terima kasih