Cara membuat safelink di Blog Utama seperti safelink IDNGRAFIS 2023

Tutorial yang berhubungan dengan safelink sebenarnya sudah banyak di situs situs blogger lain, tapi tetap saja safelink di tiap situs mempunyai ciri khas masing - masing salah satunya safelink yang ada di situs idngrafis.

Safelink ini saya ambil dari Blog Jago Desain yang mana sedikit saya modif agar bisa memaksimalkan pendapatan dengan cara yang aman.

Dan dikesempatan ini saya mau memberikan tutorial cara membuat safelink seperti yang di gunakan situs idngrafis.

DEMO SAFELINK

Apa Manfaat Safelink di Blog Utama ?

Jika berbicara masalah manfaat tentu saja pasti punya kekurangan juga, dan manfaat safelink di blog utama adalah :
Tidak perlu membuat situs dan domain baru.
Tidak perlu mengutak atik Template, karena hanya tinggal pasang beberapa script.
Jika blog sobat sudah ber AdSense, tentu saja safelink bisa langsung di maksimalkan tanpa harus daftar adsense kembali.
Meningkatkan Visitor dan Page View.
Mengurangi Bounce Rate dari blog Utama.

Dan jika berbicara masalah kekurangan Safelink di blog utama jika di simpan di Page Halaman, iklan AdSense akan jarang sekali muncul, makannya di situs idngrafis safelink di simpan di Page postingan tujuannya agar iklan AdSense dapat muncul terus menerus dan memaksimalkan pendapatan.

1. Membuat halaman Safelink

Seperti biasa silahkan login dan masuk ke bagian dashboard blog sobat, Buat halaman Static atau Postingan, saya pribadi menyarankan Halaman safelink di buat di Page Postingan.

<div class="separator-text" style="text-align: center;">
<a class="button1" href="#golink">Klik 2x untuk menuju link</a></div>
<br />
<div class="separator-text">
<b> Judul Postingan Utama</b>
<b>Judul Postingan Kedua</b>,<br />
Bagian ini adalah isi postingan yang bisa sobat atur panjang atau pendeknya postingan<br />
<br />
<div class="separator-text" style="text-align: left;">
<b>Judul Postingan Ketiga</b><br />
Bagian ini adalah isi postingan yang bisa sobat atur panjang atau pendeknya postingan</div>
<div class="safelink" dir="ltr" trbidi="on">
<br /><div>
<div class="separator-text" style="text-align: left;">
<b>Judul Postingan Ke Empat</b><br />
Bagian ini adalah isi postingan yang bisa sobat atur panjang atau pendeknya postingan<br />
<br /></div><div class="separator" id="golink" style="text-align: center;">
<div class="separator-text" style="text-align: left;">
<b>Judul Postingan Ke Lima</b><br />
Bagian ini adalah isi postingan yang bisa sobat atur panjang atau pendeknya postingan.<br />
<br />
<div class="separator-text" style="text-align: left;">
Jika Link Tidak Muncul Silahkan Refresh / Gunakan Browser Lain<br />
<br /></div>
<div class="separator-text" style="text-align: center;">
<span class="button1" id="daplong">Please Wait...</span></div>
<div class="separator-text" style="text-align: center;">
<script>var currentURL=location.href; var str = currentURL; var res = str.replace("ganti dengan url / link postingan ini ( Silahkan publishkan dulu, baru copy url nya dan simpan disini?url=", ""); document.write('<button id="download" class="visit-link button1" onclick="changeLink();" style="display:none;">Menuju Link</button>')</script></div>
<br />

Iklan adsense disini ( Usahakan menggunakan iklan Responsive )

</div>
</div>
</div></div></div>

Untuk script yang saya tandai merah dan biru adalah text yang harus sobat ganti, dan sudah saya jelaskan langsung di tiap scriptnya.

Untuk referensi postingan sobat bisa liat di halaman safelink milik saya.

Dan cara menambahkan URL / LINK postingan, silahkan Publishkan dahulu trus ambil URL nya lalu balik lagi ke Page Safelink dan langsung tambakan di bagian yang sudah saya tandai.

Dan pada bagian Text yang saya tandai hijau, bisa sobat ganti sesuai Versi sobat.

2. Tambahkan kode CSS di Template Tema / Html

Kode CSS ini berfungsi untuk menampilkan layout pada laman safelink yang dibuat pada tahap awal, simpan CSS di bawah ini tepat di atas ]]></b:skin> atau </b:skin>

/* Safelink Idngrafis.com */
.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-color: #00D5FF;border-color: #00D5FF;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}}

Di bagian script ini sobat bisa merubah ukuran text, warna tombol, warna text.. jika sobat masih awam tentang safelink, sebaiknya di biarkan saja dulu sampai pemasangan selesai 100%, baru nanti bisa edit edit sedikit sesuai versi sobat.

3. Tambahkan kode Generate dan Redirect ?m=1

Tempatkan kode berikut tepat di atas kode <head/> dan seperti biasa ganti text yang saya tandai

<script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace("URL LINK POSTINGAN YANG TADI DI BUAT?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 = 13; 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 Will Appear In " + waktu.toString() + " Second"; 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>

4. Tambahkan Perintah Generate pada Tags Body

Cari kode <body atau <body (Kode sesudah diparse)
Lalu tambahkan kode ini di dalamnya onload='generate()'

//kode sebelum di ubah tampilannya seperti ini

<body>

//kode setelah diubah menjadi seperti ini

<body onload='generate()'>

5. Tambahkan Kode Javascript untuk Encode Url

Java script ini sebenarnya bisa di tambahkan melalui Widget JavaScript bisa juga langsung di Html template itu sendiri

Melalui Widget : Masuk ke tata letak, tambahkan widget HTM/JavaScript dan paste kode di bawah ini

Langsung melalui HTML Template : Cari tag </body> lalu pasti tepat di atas kode tersebut

<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="URL POSTINGAN SAFELINK?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,facebook.com,fb.me,instagram.com,plus.google.com,twitter.com,https://1.bp.blogspot.com/,https://www.blogger.com,http://,https://2.bp.blogspot.com, https://logophic.blogspot.com, https://4.bp.blogspot.com, https://3.bp.blogspot.com,https://5.bp.blogspot.com,1.bp.blogspot.com,2.bp.blogspot.com,3.bp.blogspot.com,4.bp.blogspot.com,5.bp.blogspot.com,6.bp.blogspot.com,https://a,https://b,https://c,https://e,https://f,https://g,https://h,https://i,https://j,https://k,https://l,https://m,https://n,https://w,https://o,https://p,https://q,https://r,https://s,https://t,https://u,https://v,https://x,https://y,https://z";auto_safelink(); /*]]>*/</script>

Untuk warna biru silahkan ganti dengan URL Page SafeLink

Untuk warna merah itu adalah kode yang di protected link, tujuannya agar link Seperti facebook, instagram, Home, Label, dll tidak di generate melalui safelink, dan kenapa kok sangat banyak protected link nya? Ya karena di idngrafis Safelink hanya untuk tombol Download saja, jadi link link external lainnya saya protected / di kecualikan, Dan untuk tombol Download nya pun saya hanya menggunakan Link dari Google Drive

Sobat bisa hapus atau Edit Protected yang di tandai warna merah sesuai Versi Sobat.

Jika sudah sobat tambahkan silahkan Klik Simpan Tema pada template sobat.

Dan jika sobat masih kebingungan dengan tutorial di atas, silahkan tinggalkan Komentar

Good Luck :)

6 comments

Aditya April 14, 2023 at 11:36 AM

Aman gak gan untuk adsens? Solanya saya pernah pasang Safelinknya ngarah ke blog saya yang lain, tapi malah ke ban adsensnya
1. Creator April 15, 2023 at 9:03 AM
  
  Kalo di blog utama udah pasti aman kak, soalnya bounce rate sama rpm nya sebanding, nah kenapa kalo pake blog lain adsense nya di ban? Karena pengunjung sedikit, tapi rpm adsensen nya tinggi..
julichan June 25, 2023 at 2:16 PM

maaf mas,untuk hitungan mundur kok g berfungsi mas? ada yg salah kah
Creator July 5, 2023 at 2:06 PM

Ga berfungsi nya gimana kak? ga ada angka nya atau angka stak di nomor tertentu ?
Mlyna September 4, 2023 at 3:47 PM

bisa lebih dari 1 postingan gak gan?
LogoPhic October 10, 2023 at 2:38 PM

untuk script yang saya bagikan hanya untuk 1 postingan ka, untuk beberapa postingan bisa menggunakan scrip multi post, next saya buatkan tutorialnnya

IDN GRAFIS

Cara membuat safelink di Blog Utama seperti safelink IDNGRAFIS 2023

6 comments

What is Finance, and 3 types of Finance

Download Template Banner Agen Brilink

Download MockUp Baju Lengan Panjang Cdr dan Ai

Download Logo Operator Lengkap Format Corel Draw

Download Logo Uefa Respect Vector Terbaru