5 langkah membuat safelink blogger di blog utama 100% work

cara membuat safelink blogger sendiri di blog utama – Hampir semua blogger ingin mendapatkan penghasilan yang mencukupi dari jerih payah menulisnya di blog mereka, salah satunya adalah saya sendiri, saya tidak ingin munafik menjadi manusia yang memang sejatinya memerlukan uang untuk memenuhi kebutuhan hidup, setidaknya bisa untuk menutupi biaya perpanjangan hosting atau domain

Berbagai metode dilakukan para blogger untuk meningkatkan penghasilan, tentunya dengan tetap menjaga dan meminimalisir semaksimal mungkin dari pelanggaran pelanggaran yang dilarang dari pihak blogger.com (jika menggunakan blogger.com) atau dari pihak periklanan seperti adsanse

Sebagai blogger yang berdomisili Di Negara Indonesia, tentunya sudah tahu kalau cpc adsanse tidak sebesar negara negara lain, walaupun sebenarnya kita harus tetap bersyukur karena masih banyak yang sampai sekarang belum pernah diterima sebagai publisher adsanse

Dan salah satu metode yang sering dilakukan oleh para blogger untuk meningkatkan penghasilan dari iklan adalah dengan membuat blog safelink, saya yakin kalau kalian sudah tahu apa itu blog safelink, jadi saya tidak ingin membahasnya terlalu panjang disini

safelink blogger

Lihat Demo Safelink

Cara membuat safelink blogger di blog utama

Ditahun tahun belakangan kalau membuat safelink blogger biasanya terpisah dari blog utama, dan cara ini sudah mulai ditinggalkan karena dinilai kurang efektif, selain lebih boros pengeluaran karena harus memakai 2 domain, juga untuk saat ini syarat diterima adsanse juga lebih sulit, karena setiap penambahan domain baru memerlukan peninjauan kembali.

Oleh karena itu sekarang sudah mulai banyak blogger yang memilih membuat safelink di blog atau domain utama sekaligus, selain menghemat biaya juga dinilai lebih baik karena mengurangi bounce rate dari blog, karena pengunjung tidak langsung keluar begitu saja.

Ok sekarang saatnya saya berbagi cara untuk membuat safelink blogger langsung satu domain, tapi ingat ini hanya bekerja di blogger.com, tidak bekerja di wordpress.

Berikut cara membuat safelink blogger:

1. Buat halaman safelink

Copy kode html dibawah ini, kemudian buat halaman baru di blogger dengan mode menulis HTML, beri judul terserah kalian, lalu terbitkan.

<div id='golink' class='separator' style='text-align:center'>
<div class='safelink' dir='ltr' trbidi='on'>
<div>
<span id='daplong' class='button1'>Mohon tunggu...</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;">Download</button>')</script></div>

Jika sudah terbit jangan lupa untuk mengganti https://www.blogkamu.com/p/safelink.html  dengan alamat url dari halaman yang dibuat tadi, kemudian perbaharui terbitan kembali untuk menyimpan perubahan

2. Percantik tampilan dengan CSS

Agar tampilan tombol download yang dihasilkan terlihat bagus maka kamu memerlukan css untuk tombol download di halaman safelink, caranya cukup copy kode css dibawah ini dan masuk ke bagian Tema=> Sesuaikan=> Edit html, cari tag penutup </style> dan letakan kode diatas tag tersebut.

/* CSS button by paytrenium.com */
.button1{display: inline-block;padding: 6px 20px;margin: 1px 0 1px 0;border: 1px solid #ddd;font-size: 13px;color: #ffff;background: #18898e; border-radius: 4px;cursor: pointer;transition: all 0.3s ease}
.button1:hover{background: linear-gradient(to right, #4a7b55, #25596d);border-color: #5b86e5;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}}

3. Masukan kode js untuk encode semua link di blog menjadi base64.

Copy kode script dibawah ini dan letakan tepat diatas tag </body> biasanya ada di bagian paling bawah template.

<b:if cond='data:view.isSingleItem'>
  <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(/\r\n/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 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.blogkamu.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 = "noopener noreferrer"; a_to_vb++; a_to_vc += i + ":::" + a_to_ve[i].href + "\n";} } var a_to_vj = ""; var a_to_vk = ""; 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>

  <!--[ Link yang tidak ingin di encode ]-->
  <script>protected_links = "blogkamu.com, google.com, facebook.com, instagram.com, twitter.com"; auto_safelink(); </script>
</b:if>

Jangan lupa ganti alamat https://www.blogkamu.com/p/safelink.html menjadi alamat atau url halaman safelink yang telah dibuat diawal.

Jika ingin menggunakan random page maka kamu perlu membuat halaman safelink lagi seperti pada cara pertama, kemudian masukan alamat page safelink yang lain setelah alamat page safelink pertama dengan tanda koma (,) sebagai pemisah

Setelah kamu memasukan kode diatas pada template blogger, maka semua link yang ada di blog kamu akan di encode untuk diarahkan ke page safelink terlebih dahulu, kecuali link yang dilindungi dari encode, ganti blogkamu.com dengan nama domain blog kamu, kamu juga bisa menambahkan alamat lain yang tidak ingin di encode dengan tanda koma (,) sebagai pemisah.

Contoh link pada blog yang sudah di encode maka akan tampil kira kira seperti dibawah ini

https://www.blogkamu.com/p/safelink?url=sAfxa6zhhhdux7HKjsUVjaaeudeisidseh3u1

4. Masukan script js

Tambahkan script js dibawah ini tepat diatas tag </head>, fungsinya untuk mengatur waktu bar sebelum tombol tautan asli muncul untuk di klik, kode dibawah ini juga untuk menghilangkan string &m=1 pada link blogger perangkat mobile, karena pada tampilan mobile secara default akan ada string &m=1 dan ini akan mengakibatkan safelink tidak berfungsi dengan benar.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace("https://www.blogkamu.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>

Jangan lupa untuk mengganti alamat https://www.blogkamu.com/p/safelink.html dengan link halaman safelink, untuk mengatur waktu silahkan ganti angka 5 sesuka hati

5. Langkah terahir silahkan pergi lagi ke template blogger dan edit html. Cari tag <body> kemudian ganti menjadi <body onload=”generate()”> Terkadang tag <body> pada template tidak selalu tertulis sama, contoh <body id=”mainConten”> dll, maka tinggal tambah saja onload=”generate()” sebelum penutup (>), contoh menjadi

<body id="mainContent" onload="generate()">

Safelink siap digunakan, apapun link yang kamu masukan di blog maka akan tergenerate secara otomatis kecuali link yang sudah di kecualikan pada tahap ke 3. Safelink ini tidak berfungsi pada blog amp.

Baca juga:

Tinggalkan Balasan