Cara Membuat Blog Safelink Responsif

SomeOnlyClub Cara Membuat Blog Safelink Responsif - Kali ini saya akan membagikan tutorial tentang cara membuat blog safelink dengan mudah, cepat, dan tentunya responsif. Bagi kalian yang belum tau apa itu safelink, safelink adalah blog pengalihan sebelum menuju ke halaman aslinya. Keuntungan mempunyai blog safelink yaitu kamu bisa mengamankan semua link yang ada di blog utama kamu. Ya sudah langsung saja menuju ke langkah-langkahnya. Saya membuat tutorial ini lengkap dengan gambar, semoga bisa lebih mudah dipahami.

Bahan-bahan untuk Membuat Safelink:
► Blog yang Sudah Custom Domain (Baca: Cara Custom Domain Blog Gratis)
► Template untuk Blog Safelink
► Script untuk di Upload
► Script untuk Halaman Safelink
► Script untuk Blog Utama

DEMO SAFELINK

Tutorial Membuat Safelink:
1. Buka Blogger.com, pilih blog yang ingin dijadikan safelink (harus custom domain)

2. Masuk ke menu Halaman, buatlah sebuah "Halaman Baru". Beri judul halaman tersebut Visit. Kemudian Publikasikan. Setelah halaman berhasil dibuat, klik kanan "Lihat" lalu pilih "Copy Link Address / Salin alamat tautan"

3. Masuk kembali ke Editor postingan dengan cara menekan "Edit" (dibawah judul halaman). Ganti mode Editor menjadi HTML, bukan Compose. Masukkan Script untuk Halaman Safelink Berikut. Kemudian klik tombol Perbarui

<center>
<h2 id="daplong" style="color: daplong;">
Please Wait...</h2>
<script src="KODE_SCRIPT" type="text/javascript"></script> <script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("ALAMAT_POSTING?url=", "");
document.write('<button id="download" class="Visit_Link" onclick="changeLink();" style="display: none;text-align:justify;margin-bottom:2px;">Visit Link</button>')
</script>
</center>
</div>

Keterangan:
KODE_SCRIPT: Kamu abaikan dulu
ALAMAT_POSTING: Ganti dengan URL halaman yang baru saja kamu salin (Contoh: http://www.ayodance.tk/p/visit.html)

4. Kita akan membuat script untuk mengganti KODE_SCRIPT diatas. Caranya, copy dan paste kode dibawah ini ke notepad

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 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="ALAMAT_POSTING?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;}

Keterangan:
ALAMAT_POSTING: Ganti dengan URL halaman yang kamu salin tadi

5. Save As file notepad tersebut dan beri nama safelink.js.

6. Buka website www.YourJavaScript.com lalu upload Script safelink.js tadi.

7. Setelah berhasil di upload, buka kotak masuk Email kamu lalu coba cek di bagian "Spam", akan ada email dari yourjavascript, buka email tersebut lalu copy kode nya. Itu adalah KODE_SCRIPT nya

8. Sekarang buka kembali postingan yang kamu buat di awal tutorial. Ganti KODE_SCRIPT menjadi kode yang baru saja kamu copy. Kemudian klik tombol "Perbarui"

9. Waktunya mengganti template blog safelink menjadi template blog yang Responsif. Download Disini

10. Buka Menu Tema, klik Edit HTML, paste kode Template yang baru saja di download. Ganti ALAMAT_POSTING menjadi URL halaman yang kamu buat tadi (Contoh: http://www.ayodance.tk/p/visit.html). Lalu klik Simpan Tema

11. Blog Safelink kamu sudah jadi, kini tinggal menaruh Kode Script untuk Blog Utama. Copy kode dibawah ini

<script type="text/javascript" src="KODE_SCRIPT"></script>
<script type="text/javascript">
protected_links = "PROTECT_LINK ";
auto_safelink();
</script>

Keterangan:
KODE_SCRIPT: Ganti menjadi Kode Javascript yang ada di email kamu
PROTECT_LINK: Ganti menjadi URL halaman yang tidak ingin kalian amankan (google, blogspot, facebook, twitter, instagram) batasi tiap url halaman dengan tanda Koma (,)

12. Langkah terakhir, buka Blogger.com pilih masuk ke Blog Utama dan pilih Menu Tata Letak. Klik "Tambahkan Gadget" lalu pilih HTML/Javascript. Paste Kode diatas ke dalam gadget tersebut kemudian Simpan

Nah itulah tadi Tutorial tentang Cara Membuat Blog Safelink Responsif. Dengan melakukan langkah-langkah diatas maka semua link di blog utama (kecuali PROTECT_LINK) akan diarahkan ke blog safelink dulu sebelum mengarah ke link aslinya. Kalau ada yang mau ditanyakan, kamu bisa berkomentar dibawah. Semoga postingan kali ini bermanfaat bagi semua dan jangan lupa kunjungi terus Blog SomeOnlyClub

---

NB: SomeOnlyClub membuka jasa pembuatan Blog Safelink untuk digunakan di Blog atau Website kamu, bebas pilih template sesuai keinginan (Rp. 15.000). Jika berminat, silahkan kunjungi link https://goo.gl/VmNGNS