Cara Membuat Safelink Di Blog Utama, Klik 2x Dan Sederhana

Blogger Sukses ID - Cara membuat safelink di blog utama, klik 2x, sederhana dan bisa untuk Adsense pastinya. Jika sedah punya adsense atau blog sobat sudah di terima oleh adsense dan berniat untuk membuat blog safelink sebaiknya membuat safelink di blog utama saja. Tapi jika mau membuat safelink diblog lain juga silahkan saya cuman nyarani aja, kalo add site blog safelink itu agak susah, jadi kalo kembuat safelink di blog utama tidak perlu add site dan iklan bisa langsung tayang
Cara Membuat Safelink Di Blog Utama

Dulu pas ingin membuat blog safelink di blog utama dan mencari tutorial cara membuat safelink di blog utama gagal terus gak tau kesalahanya dimana, dan akhirnya saya melupakan membuat safelink di blog utama tersebut, dilain hari saya mencoba membuat blog safelink di blog utama lagi karena masih penasaran tapi masih gagal sampai saya ulang ulang 3x gagal dan pas malamnya saya coba lagi dan memperbaiki masalahnya dan buummmm berhasil, ternyata kesalahnya ada di tutorial yang saya ikuti tersebut kurang jelas menyampaikanya.

Nah disini saya akan berikan tutorial cara membuat safelink di blog utama yang lebih jelas langkah-langkahnya.

Cara Membuat Safelink Di Blog Utama

Ikuti langkah-langkah dengan teliti agar tidak terjadi kesalahan seperti yang saya alami.

1. Buat Postingan Baru

Sobat buat artikel baru mau di postingan atau di halaman statis silahkan terserah aja, artikelnya minimal 300 kata dan silahkan publikasikan, sobat catat link artikelnya di notepad karena nanti akan diperlukan.

Kemudian sobat kembali ke postingan tadi (Edit Postingan) pilih mode HTML, copy dan paste kan script dibawah ini ke kolom postingan. Dan letakan artikelnya dibawah
<-- Tulis Artikel Dibawah -->

Cara Membuat Safelink Di Blog Utama

<div class='separator-text' style='text-align:center'>
<a class='button1' href='#golink'>Klik 2x <i class="fa fa-external-link"></i></a></div>
<div style="text-align: center;">
<-- Kode Iklan disini -->
</div>
<div class='separator-text'>
<!-- Tulis Artikel Dibawah -->

</div>
<div style="text-align: center;">
<-- Kode Iklan disini -->
</div>
<div id='golink' class='separator' style='text-align:center'>
<div class='safelink' dir='ltr' trbidi='on'>
<div>
<span id='daplong' class='button1'>Tunggu Sebentar...</span></div>
<script>var currentURL=location.href; var str = currentURL; var res = str.replace("https://www.bloggersukses.id/2019/11/apa-itu-asuransi.html?url=", ""); document.write('<button id="download" class="visit-link button1" onclick="changeLink();" style="display:none;">Download <i class="fa fa-download" aria-hidden="true"></i></button>')</script></div>
<div style="text-align: center;">
<-- Kode Iklan disini -->
</div>
</div>
<div class='clear'>
</div>

Keterangan!

  • Tulisan 'Klik 2x' bisa diubah dengan tulisan lain misal 'Download', 'Link Dibawah'
  • Ganti link https://www.bloggersukses.id/2019/11/apa-itu-asuransi.html menjadi link postingan yang tadi sobat catat di notepad.
  • Artikel tulis ditempat yang sudah di sediakan dan sobat bisa menyampung/melanjutkan artikel di bawah kode <div class='clear'></div>
  • Kode iklan ditempatkan dibawah <-- Kode Iklan Disini--> Ukuran iklan terserah sobat.

Jika sudah silahkan simpan kembali atau 'Perbarui', jika ada pemberitahuan “Anda tidak bisa diterima: Tag putus: BUTTON” klik tutup saja dan klik perbarui lagi.

2. Masukan Kode CSS ke Template

Pilih menu Tema, Kemudian Edit HTML dan letakan kode CSS berikut tepat diatas kode
]]></b:skin>


/* CSS Safelink */
.button1{display: inline-block;padding: 6px 20px;margin: 1px 0 8px 0;border: 1px solid #008c5f;font-size: 14px;font-weight: bold;color: #008c5f;border-radius: 30px;cursor: pointer;transition:  all 0.3s ease}
.button1:hover{background: #008c5f;border-color: #008c5f;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: Arial, 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. Letakan Java Script

Langkah selanjutnya letakan kode javascript dibawa diatas kode </head> Lihat gambar.

Cara Membuat Blog Safelink


<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace("//www.bloggersukses.id/2019/11/apa-itu-asuransi.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 = 10; 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>


Keterangan!
  • Ubah www.bloggersukses.id/2019/11/apa-itu-asuransi.html dengan url safelink yang tadi di catat di notepad, dan jangan tambahan https: atau http: pada link tersebut cukup diawali //www saja.
  • Kode waktu = 10 menunjukkan link akan muncul dalam 10 detik. Waktu tersebut dapat dirubah menjadi lebih cepat atau lebih lambat dengan mengganti angka 10 tersebut (misalnya 5 atau 15).
  • Teks = "Link akan tampil dalam " dapat ubah sesuai kenginan sobat.
  • Dan lakukan pengeditan di notepad.
4. Ubah Kode <body>

Dibawa kode </head> ada kode <body> silahkan sobat tambahkan onload='generate()' sehingga nanti akan seperti ini.

<body onload='generate()'>

5. Buat Widget Baru

Masuk ke Tata Letak dan Tambahkan Widget Baru, terserah mau diletakan dimana aja widget ini tidak akan tampil dihaman blog sobat.

 
<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-setting></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.bloggersukses.id/2019/11/apa-itu-asuransi.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 = "blogger.com facebook.com,fb.me,instagram.com,google.com,twitter.com,1.bp.blogspot.com,2.bp.blogspot.com,3.bp.blogspot.com,4.bp.blogspot.com";auto_safelink(); /*]]>*/</script> 
    </div>
  </b:includable>
</b:widget>

Keterangan!
  • Semua link eksternal atau link keluar akan diarahkan ke laman safelink. Maka dari itu, kode [*/ protected_links = "blogger.com,facebook.com,fb.me,instagram.com,google.com,twitter.com"; merupakan kode untuk memproteksi url-url eksternal dari safelink. Dengan kata lain bertujuan untuk mencegah url eksternal yang ada didalam kode tersebut menuju ke laman safelink, jadi url yang tidak dicatat disitu otomati akan dialihkan ke halaman safelink.
  • Ganti https://www.bloggersukses.id/2019/11/apa-itu-asuransi.html dengan url safelink yang dicatat di notepad.

Sobat bisa lihat hasilnya.

Lihat Hasilnya


Nah jika sobat memasang link keluar bisa blog orang lain maka harus ditambahkan disitu agar tidak dialihkan ke halaman safelink, mungkin itu adalah kekurangan dari safelink di blog utama.

Penutup
Demikian tentang Cara Membuat Safelink Di Blog Utama, Klik 2x Dan Sederhana, semoga artikel ini bermanfaat bagi banyak orang, salam blogger sukses.

Terima Kasih...

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel