-->
Home / Kode Blogger / Web Programing

Cara membuat halaman safelink di blogger blog pribadi

By Jurnalis Post a Comment

Sebelum memulai pastikan kamu tahu terlebih dahulu apa itu safelink, dan kegunaanya untuk apa?.
Safelink itu adalah sejenis short URL yang melindungi link keluar menuju situs lainya. Tapi kebanyakan safelink digunakan untuk mencari penghasilan tambahan dengan menayangkan iklan pada halaman destinasi.
Script Safelink atau shortlink yang saya bagikan ini adalah jenis safelink yang mengubah semua URL pada halaman tertentu menjadi mengarah ke page safelink anda, sehingga anda bisa menayangkan iklan disana.


Langkah pertama Silakan kamu backup terlebih dahulu template blog nya dan simpan salinanya, ini kita gunakan buat jaga-jaga jika terjadi masalah sekalipun buat mengembalikanya seperti semula.
Kalau sudah jika kamu menggunakan pc masuk ke tema lalu pilih edit HTML tapi jika menggunakan HP alanhkah baiknya file xml templatenya kita download tierlebih dahulu barulah kemudian edit menggunakan teks editor.

1. Copy semua code dibawah ini, temukan tag pada kode template tadi dan pastekan css diatasnya.


/* SafeLink CSS */
.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: linear-gradient(to right, #5b86e5, #36d1dc);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}}


/* Tombol Download */
.buttonDownload {
 border-radius: 3px;
 display: inline-block;
 position: relative;
 padding: 10px 25px;
 background-color: $(link.color);
 color: white !important;
 font-weight: 500; 
 font-size: 0.9em;
 text-align: center;
 text-indent: 15px;
 transition:all 0.4s;
 -moz-transition:all 0.4s;
 -webkit-transition:all 0.4s;
}
.buttonDownload:hover {
 opacity: .85;
}
.buttonDownload:before, .buttonDownload:after {
 content: ' ';
 display: block;
 position: absolute;
 left: 15px;
 top: 52%;
}
.buttonDownload:before {
 width: 10px;
 height: 2px;
 border-style: solid;
 border-width: 0 2px 2px;
}
.buttonDownload:after {
 width: 0;
 height: 0;
 margin-left: 3px;
 margin-top: -7px;
 border-style: solid;
 border-width: 4px 4px 0 4px;
 border-color: transparent;
 border-top-color: inherit;
 animation: downloadArrow 2s linear infinite;
 animation-play-state: paused;
}
.buttonDownload:hover:after {
 animation-play-state: running;
}
@keyframes downloadArrow {
 0% {
  margin-top: -7px;
  opacity: 1;
 }
 0.001% {
  margin-top: -15px;
  opacity: 0;
 }
 50% {
  opacity: 1;
 }
 100% {
  margin-top: 0;
  opacity: 0;
 }
}

.download-button {float:left; list-style:none; text-align:center; width:100%; margin:5px 0; padding:0; font-size:14px; clear:both;}
.download {border:none; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:8px 30px !important; background:#5FAAE3; color:#fff !important; text-align:center; text-shadow:0 0 1px rgba(0, 0, 0, 0.3); -webkit-text-shadow:0 0 1px rgba(0, 0, 0, 0.3); -moz-text-shadow:0 0 1px rgba(0, 0, 0, 0.3); -ms-text-shadow:0 0 1px rgba(0, 0, 0, 0.3); transition:background-color 1s ease-out 0s; -moz-transition:background-color 1s ease-out 0s; -webkit-transition:background-color 1s ease-out 0s; -o-transition:background-color 1s ease-out 0s; letter-spacing:1px;}
.download:hover {background:#454242; text-shadow:0 0 1px #222; -moz-text-shadow:0 0 1px #222; -webkit-text-shadow:0 0 1px #222; -ms-text-shadow:0 0 1px #222;}


Selain cara diatas kamu juga bisa meletakan kode css diantara tag dengan menggunakan tag style, sebagai contoh:

<head>
<style>Kode CSS diatas </style>
</head>



2. Langkah kedua salin semua code java script dibawah ini, lalu cari meta tag pada template sobat, jangan lupa https://ryanjhr350.blogspot.com diganti dengan URL domain sobat ya. Pastekan kode dibawah ini dibawah tag 


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



4. Simpan terlebih dahulu template yang sudah kita edit atau jika kamu mengedit file xml nya di hape silakan upload terlebih dahulu ke tema blogger, lalu masuk ke menu tata letak, klik tambahkan witget baru. Dan copy kode script dibawah ini pastekan, biarkan nama witget tetap kosong.
Jangan lupa protect_links=" domain situs" tambahkan semua domain situs yang tidak ingin melalui safelink, pisahkan dengan tanda koma ( , ) dan jangan ada space. 

<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://ini-keren1.blogspot.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>



5. Langkah selanjutnya, silakan sobat buat halaman dengan judul safelink ingat jangan pake judul lain!!!, kecuali sobat sudah mengganti URL diatas.
Klik halaman => buat halaman baru
Copy Semua kode dibawah ini dan jangan lupa dibawah tag isi dengan artikel ya.
Kode banner adsense nya juga ditempatkan.
Jangan lupa ganti domain https://ryanjhr350.blogspot.com dengan domain blog sobat. 


<!-- ISI ARTIKEL SOBAR -->

<!-- ISI KODE ADSENSE SOBAT -->

<span class="button1" id="daplong">Please Wait...</span>
<script>var currentURL=location.href; var str = currentURL; var res = str.replace("<span style="color: blue;">https://ryanjhr350.blogspot.com/p/safelink.html</span>?url=", ""); document.write('<button id="download" class="visit-link button1" onclick="changeLink();" style="display:none;">Get Link</button>')</script>
<!-- ISI KODE ADSENSE SOBAT -->
<!-- ISI ARTIKEL SOBAT -->
</code></pre>


jangan lupa ganti url yang saya tandai merah itu dengan URL blog sobat saran saya gunakan artikel dengan keyword yang mahal, biar preferensi iklanya nanti BPk nya naik.
Lalu kembali lagi ke halaman yang sobat buat tadi, klik HTML bukan compose.
Hapus Semua code yang ada dan pastekan lalu simpan.


Sekarang safelink sudah jadi, untuk menggunakan sobat tinggal menyertakan atribut class pada hyperlink.
Contoh Download disini


Perlu diingat, semua kode diatas akan mengganti semua Hyperlink yang ada pada postingan sobat menjadi mengarah ke halaman safelink sebelum dilempar keluar. Baiklah itu saja tutorialnya, jika sobat lakukan dengan benar maka bisa berhasil.


Tags: safelink blogger login, cara membuat safelink klik 2x work 100%, safelink blogger 2019, cara membuat safelink di blogger 2019, template safelink blogger, membuat safelink adsense, cara membuat blog safelink 2x klik, cara buat safelink random artikel, cara membuat safelink klik 2x, cara membuat safelink sederhana di blog, cara membuat safelink di blog utama, cara membuat blog safelink untuk adsense

Post a Comment for "Cara membuat halaman safelink di blogger blog pribadi"

Post a Comment

Komentar sesuai isi topik. Gunakan kalimat yang sopan, dilarang spam link.^_^