Cara Membuat Safelink Otomatis Di Blog Utama Blogger

  • Whatsapp

Cara Membuat Safelink Otomatis Di Blog Utama Blogger

Cara Membuat Safelink Otomatis di Blog Utama – Membuat safelink pada halaman utama website adalah salah satu sebuah keuntungan untuk menampilkan iklan adsense setiap orang yang mengklik link dari website utama kita dan melewati safelink kita. Sebelum itu apa sih safelink?

Apa itu Safelink?

Safelink adalah sebuah halaman blog yang khusus difungsikan untuk mendeteksi sebuah URL atau alamat website yang ditujui, supaya link lebih aman dari bahaya virus dan lain sebagainya.

Pengertian Safelink lainnya adalah Mengalihkan URL halaman ke safelink terlebih dahulu sebelum langsung menuju ke URL yang akan ditujui. 

Nah, itulah sedikit penjelas mengenai safelink yang dapat saya share kepada sobat, untuk safelink sendiri banyak digunakan oleh website-website download sebagai alternatif pendapatan cuan dari blognya.

Baca Juga: Cara Mengatasi Error data-vocabulary.org schema

Nah, salah satu keuntungan membuat safelink di blog utama adalah sobat tidak perlu membuat lagi web khusus untuk safelinknya, disini kita cukup saja di web utama kita sudah bisa dijadikan safelink dan pastinya aman untuk iklan adsense.

Gimana, Penasaran? Nah, silahkan simak berikut ini cara membuat safelink di blog utama otomatis untuk iklan Google Adsense.

Cara Membuat Safelink Otomatis di Blog Utama

1. Silahkan login ke Blogger.com

2. Pilih Menu Halaman/Pages dan Buat Halaman Baru.

3. Beri Judul safelink atau seterah sobat. Klik Publish dan Edit Kembali.

4. Berikutnya pilih menu HTML bukan menu Compose. 

5. Dan masukkan kode di bawah ini di halaman HTML.

<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.imamlarh.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.imamlarh.com/p/safelink.html dengan URL yang baru saja sobat publish seperti pada langkah nomor 3 diatas.

Untuk memasang iklan adsense atau iklan dari manapun, sobat cukup meletakkan kode iklan Adsense atau iklan jenis lainnya di bagian <!– Isi Kode Adsense Anda –> dan Masukkan Artikel halamannya di bagian <!– Tulis Konten Artikel Anda Disini –>

Dan klik  perbarui pada halaman safelink yang sudah sobat buat, dan misalkan ada timbul masalah pada saat melakukan perbaruan silahkan skip saja.

Sampai langkah ini sobattelah berhasil membuat halaman safelinknya di blog utama secara otomatis, tetapi supaya bisa berjalan safelinknya kita harus menambahkan sebuah CSS dan JavaScript terlebih dahulu.

1. Pilih Menu Tema/Template > Edit HTML

2. Cari kode ]]></b:skin> dan Letakkan kode dibawah ini tepat diatas kode itu. (gunakan ctrl+f untuk mempermudah pencarian kode).

/* 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 letkkan kode dibawah ini tepat diatas.

<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. Simpan Template!

5. Pergi ke Menu Layout/Tata Letak

6. Klik Tambahkan Gadget/Buat Widget Baru dan Pilih HTML/Javacript.

7. Masukkan kode Javascript berikut ini.

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

8. Silahkan ganti https://www.imamlarh.com/p/safelink.html dengan URL yang sudah sobat buat seperti pada tahap awal nomor 3 diatas.

9. Klik Save!

10. Selesai

JIka sobat telah sampai disini, maka sobat telah berhasil membuat safelink di blog utama secara otomatis, untuk mencobanya coba sobat masukkan link di salah satu artikel blog sobat.

Baca Juga: Cara Mengisi Tax Information di Google Adsense Tanpa NPWP

Demikianlah artikel kali ini mengenai Cara Membuat Safelink di blog Utama Secara Otomatis. Semoga artikel kali ini dapat bermanfaat dan membantu dan apbila ada kendala bisa komentar dibawah!

Related posts

Leave a Reply

Your email address will not be published. Required fields are marked *