Cara Membuat Safelink Converter Sendiri di Blogger

Safelink Converter adalah sebuah script khusus yang dapat mengubah semua link di website anda menjadi Enkripsi. Dengan dipasangi script ini Anda akan diarahkan terlebih dahulu ke sebuah halaman khusus dimana berisikan berupa sebuah artikel pendek, banyak iklan-iklan dan sebuah Tombol Continue yang dimana tombol tersebut berguna untuk mengarahkan link asli yang sudah di Enskripsi tadi menjadi halaman tujuan Anda.

Jika pada umumnya safelink yang dibuat adalah secara manual, maksud secara manual disini yaitu kita mengconvert link ke sebuah form input yang kemudian link itu berubah menjadi link yang sudah terenkripsi, contohnya seperti safelink saya : Safelink Converter

Berbeda dengan kali ini, safelink untuk kali ini yaitu kita tidak perlu lagi mengconvert link ke sebuah form input melaikan safelink ini autoconvert semua link yang ada di postingan anda.

Screenshoot :

Jika di ilustrasikan sistem kerja safelink berikut ini adalah seperti berikut; melalui blog utama, didalam postingan itu terdapat link, jika link itu di klik maka anda akan dialihkan ke blog safelink, di blog safelink link itu sudah otomatis di enkripsi dan ada sebuah tombol continue untuk pergi ke link yang sebenarnya.

Saya sudah menemukan berbagai kesalahan yang sering terjadi di safelink salah satunya adalah ketika anda membuka blog safelink anda di smartphone atau versi mobile dibagian URL tersebut terkadang bertambah tulisan dengan sendirinya yang membuat safelink menjadi error 404.

Contoh :

http://kelasiana.blogspot.com/p/go-to-url.html?url=aHR0cDovL2lkc2x5LmNvbS93MTJzaklF[Tulisan China]

Kini saya menambahkan kode dibagian </head> kodenya ada dibawah. Kode tersebut adalah kode pengalihan antara domain .blogspot.co.id menjadi blogspot.com. Jadi walaupun negara luar yang mengunjungi blog anda dan mengklik link pada postingan anda maka otomatis link pada safelink itu menjadi .blogspot.com bukan .blogspot.com.sg (singapore)

Saya sudah menyediakan demo dibawah ini, itu adalah blog download saya yang sudah lama tidak diurus. Silakan anda klik semua link yang ada di postingan tersebut, maka anda akan dialihkan ke blog safelink dan di blog safelink ada tombol continue yang berguna untuk menuju ke link yang sebenarnya. Ok, saya rasa cukup deskripsinya langsung saja ke proses pembuatan.


Cara Membuat Safelink Converter Sendiri di Blogger



Cara Pertama :


1. Siapkan 2 Blogger.
  • Blogger Utama.
  • Blogger Safelink.
Pertama yang kita setting adalah pada template safelink dulu, disini anda bebas mau buat blog baru atau menggunakan blog lama yang jelas disini anda bisa menggunakan template apa saja.

2. Dashboard - Tema/Template.
3. Temukan kode </head>
4. Copy & Paste kode berikut ini, dan letakkan diatas kode </head>
&lt;script type=&#039;text/javascript&#039;&gt;
var uri = window.location.toString();
if (uri.indexOf(&quot;%3D&quot;,&quot;%3D&quot;) &gt; 0) {
  var clean_uri = uri.substring(0, uri.indexOf(&quot;%3D&quot;));
    window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf(&quot;%3D%3D&quot;,&quot;%3D%3D&quot;) &gt; 0) {
  var clean_uri = uri.substring(0, uri.indexOf(&quot;%3D%3D&quot;));
    window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf(&quot;&amp;m=1&quot;,&quot;&amp;m=1&quot;) &gt; 0) {
  var clean_uri = uri.substring(0, uri.indexOf(&quot;&amp;m=1&quot;));
    window.history.replaceState({}, document.title, clean_uri);
}
var uri = window.location.toString();
if (uri.indexOf(&quot;?m=1&quot;,&quot;?m=1&quot;) &gt; 0) {
  var clean_uri = uri.substring(0, uri.indexOf(&quot;?m=1&quot;));
    window.history.replaceState({}, document.title, clean_uri);
}
&lt;/script&gt;

&lt;script type=&#039;text/javascript&#039;&gt;
var str= window.location.href.toString(); if((str.indexOf(&amp;#39;.com/&amp;#39;))==&amp;#39;-1&amp;#39;) { var str1=str.substring(str.lastIndexOf(&amp;quot;.blogspot.&amp;quot;));if (str1.indexOf(&amp;#39;/&amp;#39;)==&amp;#39;-1&amp;#39;) { var str2=str1; } else { var
str2=str1.substring(0,str1.indexOf(&amp;#39;/&amp;#39;)+1); } window.location.href=window.location.href.toString().replace(str2,&amp;#39;.blogspot.com/ncr/&amp;#39;); }
&lt;/script&gt;
2. Simpan Template.
3. Buka Dashboard Blogger - Kemudian Pilih Halaman.
4. Buat Halaman Baru.
5. Copy & Paste kode berikut ini, dan letakkan pada halaman pilih bagian HTML bukan COMPOSE.
<div dir="ltr" style="text-align: left;" trbidi="on">
<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
#outer-wrapper{margin:0 auto;text-align:left;float:none;background-position:center!important}
#post-wrapper{width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important}
.post-body,.post{background-position:center!important}
h2.post-title a,h1.post-title a,h2.post-title,h1.post-title{display:none;margin-top:0;margin:0}
#blog1,#artikel,.blog-posts{background-position:center!important}
.breadcrumbs{display:none;margin-top:0;margin:0}
#comments,#breadcrumb,#sidebar-wrapper,#menu-wrap{display:none;margin-top:0;margin:0}
.post-inner{padding:0 0 0 0;margin:20px auto}
.post-body ul#wrapin{display:block;position:relative;margin:30px auto 0 auto}
.post-body ul#wrapin li{display:block;margin:0 auto;text-align:left}
.post-body ul#wrapin br{display:none}
button{color:#fff!important;height:50px;font-size:14px;font-weight:bold;background:#07ACEC;padding:15px 25px;border-radius:4px;border:none;outline:none;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);cursor:pointer;transition:all .4s ease-in-out;text-transform:uppercase;}
</style>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis sem sit amet orci volutpat, vitae congue eros tincidunt. Donec semper mauris non arcu pellentesque, vel porttitor nisi egestas. Fusce augue nisl, tempus non placerat nec, hendrerit a nulla. Curabitur sodales velit et mauris auctor tincidunt. Nunc finibus ex at quam imperdiet venenatis. Vestibulum lacinia felis at tortor iaculis, ac ultricies nunc efficitur. Nulla nec risus non dui porta blandit. Aenean ullamcorper sagittis eleifend.<br />
<br />
Ut non nibh imperdiet, fermentum lectus et, varius tellus. Etiam magna lectus, interdum sit amet efficitur vitae, consectetur sed odio. Ut finibus urna et libero iaculis, et volutpat sapien vehicula. Curabitur vehicula condimentum risus porta efficitur. Aliquam erat volutpat. Duis vestibulum augue nulla, et efficitur purus malesuada non. Ut sollicitudin nibh vitae sem fermentum, eget iaculis nisi vulputate. Nullam mattis sodales lobortis. In ultricies augue magna, quis commodo dui ornare vel. Nullam luctus, odio non semper sollicitudin, ligula quam posuere tortor, ac rutrum est libero ac tortor.<br />
<br />
Ut aliquam, nibh sit amet pretium dapibus, tortor ligula pharetra leo, et viverra mi felis vitae quam. Nunc egestas orci vel vehicula vulputate. Curabitur porttitor velit id ultricies sollicitudin. Vestibulum ac mi blandit, lobortis sapien vitae, pharetra velit. In hac habitasse platea dictumst. Pellentesque sit amet rutrum tortor. Suspendisse bibendum molestie gravida. Praesent quis volutpat diam, vel sagittis augue. Pellentesque vulputate tempus mauris, quis malesuada lectus venenatis sit amet. Sed dignissim sit amet orci id ullamcorper.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-sbfc0nETNI8/WzD4HF5-75I/AAAAAAAAB6w/6EpW-iRYH6YYJnd7kzf_1Lu2Q8RXZ7LQgCEwYBhgL/s1600/728x90ads.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="90" data-original-width="729" height="78" src="https://1.bp.blogspot.com/-sbfc0nETNI8/WzD4HF5-75I/AAAAAAAAB6w/6EpW-iRYH6YYJnd7kzf_1Lu2Q8RXZ7LQgCEwYBhgL/s640/728x90ads.png" width="640" /></a></div>
<br />
Quisque tincidunt tortor sed pharetra dignissim. Fusce id elit at magna vestibulum dignissim a mattis enim. Donec erat augue, congue sed efficitur non, bibendum vel est. Praesent vel nisi rhoncus, pellentesque orci et, sollicitudin urna. Ut sed scelerisque ante, in cursus dolor. Praesent viverra dignissim eleifend. Curabitur risus neque, ultrices ut risus nec, auctor ultrices sapien. Ut luctus est sit amet pretium euismod. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vestibulum tincidunt auctor lectus vel blandit. Sed aliquam erat ultrices nulla lacinia scelerisque. Etiam nec dictum nulla.<br />
<br />
<center>
<script src="LINK-JAVASCRIPT" type="text/javascript"></script>
<div class="fitur-body">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-p3fYSeSx1GY/Wk492YjmzdI/AAAAAAAABxs/tm0CriZM_TYcwxNlopwTmvKxjleo26MxACLcBGAs/s1600/iklan-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-p3fYSeSx1GY/Wk492YjmzdI/AAAAAAAABxs/tm0CriZM_TYcwxNlopwTmvKxjleo26MxACLcBGAs/s1600/iklan-3.png" /></a></div>
<script type="text/javascript">
//<![CDATA[
function changeLink() {
    var e = Base64.decode(res);
    window.open(e, "_blank")
}
var currentURL = location.href,
    str = currentURL,
    res = str.replace("http://maycyber-download.blogspot.com/p/go-to-url.html?url=", "");
document.write('<button target="_self" class="btn btn-success" style="display: block;" id="download" onclick="changeLink()">Continue</button>');
onload: generate();
//]]>
</script>
</div>
</center>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://4.bp.blogspot.com/-p3fYSeSx1GY/Wk492YjmzdI/AAAAAAAABxs/tm0CriZM_TYcwxNlopwTmvKxjleo26MxACLcBGAs/s1600/iklan-3.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://4.bp.blogspot.com/-p3fYSeSx1GY/Wk492YjmzdI/AAAAAAAABxs/tm0CriZM_TYcwxNlopwTmvKxjleo26MxACLcBGAs/s1600/iklan-3.png" /></a></div>
</div>
Duis vel sodales augue. Ut nec sapien condimentum, tristique urna sit amet, tempor nunc. Nam mattis neque at orci feugiat, sit amet placerat massa viverra. Vestibulum egestas sem at interdum vestibulum. Phasellus venenatis viverra pulvinar. Vivamus fermentum nulla a scelerisque molestie. Proin sodales lacus ut sapien laoreet suscipit. Donec venenatis lectus arcu. Quisque imperdiet laoreet vestibulum. Vivamus vulputate nunc at iaculis fermentum. Aenean bibendum ex dolor, quis euismod erat tristique vitae. Aliquam convallis turpis enim, eu ultricies nunc fringilla eget.<br />
<br />
Praesent convallis ultrices sem, congue pulvinar massa finibus eget. Suspendisse euismod nulla sed vehicula euismod. Fusce dictum ligula ligula, at laoreet arcu placerat at. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris sed ultricies lectus. Ut semper aliquet feugiat. Pellentesque sollicitudin faucibus enim faucibus mollis. Fusce ante massa, laoreet et tellus sed, lobortis dictum sem. Nam sed ligula a ante pretium pharetra id nec ex. Duis semper at neque nec sagittis. Integer condimentum, diam at efficitur rutrum, nisl dolor dignissim augue, vitae condimentum libero mauris non tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas ultricies eleifend fringilla.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://1.bp.blogspot.com/-sbfc0nETNI8/WzD4HF5-75I/AAAAAAAAB6w/6EpW-iRYH6YYJnd7kzf_1Lu2Q8RXZ7LQgCEwYBhgL/s1600/728x90ads.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="90" data-original-width="729" height="78" src="https://1.bp.blogspot.com/-sbfc0nETNI8/WzD4HF5-75I/AAAAAAAAB6w/6EpW-iRYH6YYJnd7kzf_1Lu2Q8RXZ7LQgCEwYBhgL/s640/728x90ads.png" width="640" /></a></div>
<br />
Proin tortor libero, sodales id placerat ut, semper et massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis sit amet sem tincidunt, lacinia arcu quis, ornare sapien. Vivamus tincidunt scelerisque dictum. Vestibulum vel elit ac nulla tincidunt consequat at porttitor turpis. Mauris pharetra tincidunt aliquam. Donec quis auctor lorem, at pellentesque felis. Fusce in faucibus nulla. Suspendisse at tortor sit amet ante vestibulum fermentum eu vitae tortor. Praesent commodo suscipit tincidunt. Nunc sit amet orci nec massa eleifend posuere. Phasellus massa tortor, eleifend quis ex ullamcorper, pharetra ornare ligula.<br />
<br />
Praesent viverra, quam vel pellentesque tempor, felis purus porttitor diam, id vestibulum odio arcu non quam. In mauris massa, congue vitae augue posuere, lobortis auctor orci. Fusce fermentum dictum nisi. Cras finibus varius purus a eleifend. Suspendisse in vestibulum elit, non tempus dolor. Sed id orci lacinia, vestibulum nisl sodales, posuere lorem. Vivamus ut aliquam turpis, ultrices luctus neque. Proin aliquet euismod placerat. Aliquam auctor erat imperdiet est semper, eget cursus neque eleifend. Nulla facilisi. Nulla a mauris rhoncus, pulvinar turpis in, iaculis mauris.<br />
<br />
Fusce et tempor odio, at suscipit nibh. Morbi consequat fermentum sapien, vestibulum condimentu<br />
<div style="margin-left: 1em; margin-right: 1em;">
</div>
<br /></div>
Catatan :

res = str.replace("http://maycyber-download.blogspot.com/p/go-to-url.html?url=", "");

Temukan kode diatas dan silakan anda ganti kode yang berwarna merah dengan alamat url halaman anda.

6. Simpan Halaman dengan judul "Go to URL".
7. Simpan, Publikasikan.
8. Jika sudah? Copy & Paste kode berikut ini, dan letakkan pada Notepad kemudian simpan file berektensi .JS sehingga menjadi Java Script, contoh: safelink.js
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 = "http://maycyber-download.blogspot.com/p/go-to-url.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;
}
Catatan :

a_to_ve[i].href = "http://maycyber-download.blogspot.com/p/go-to-url.html?url=" +

Temukan kode diatas dan silakan anda ganti kode yang berwarna merah dengan alamat url halaman anda.

9. Jika sudah menjadi file safelink.js, kalian upload file tersebut ke Github, Google Sites, YourJavaScript atau hosting lainnya.

Baca Juga :
10. Jika sudah di hosting kode diatas menjadi java script, selanjutnya ke point 5, silakan anda buka halaman yang anda buat tadi.
11. Temukan kode <script src="LINK-JAVASCRIPT" type="text/javascript"></script> 
12. Silakan anda ganti tulisan yang berwarna merah dengan link java script yang sudah dihosting tadi.
13. Jika sudah? Simpan, Publikasikan lagi.

Jika pertama tadi kita setting blogger safelink, sekarang kita pindah ke blogger utama.

14. Buka Blogger Utama Anda.
15. Buka Tata Letak.
16. Tambahkan Gadget - Pilih HTML/Java Script.

Catatan :

Dibagian Tata Letak, Silakan anda letakkan elemen/gadget nya tepat dibawah blog post. Perhatikan gambar dibawah ini.

Screenshoot :


17. Copy & Paste kode berikut ini, dan letakkan pada kolom HTML/Java Script.
<script src="LINK-JAVASCRIPT" type='text/javascript'/>
<script type="text/javascript">
//<![CDATA[
protected_links = "facebook.com,twitter.com"; // link yang tidak ingin di protect
auto_safelink();
//]]>
</script>
Catatan :

<script src="LINK-JAVASCRIPT" type='text/javascript'/>

Temukan kode diatas dan silakan anda ganti kode yang berwarna merah diatas menjadi link java script yang sudah hosting tadi.

18. Simpan Tata Letak.
19. Jika sudah? Buka Dashboard - Tema.
20. Temukan kode <body>
21. Copy & Paste kode berikut ini, dan silakan anda ganti kode <body> dengan kode dibawah ini.
<body onload="auto_safeconvert()">
22. Simpan Template.


Demikian, bila anda mengalami kesalahan atau ada yang ingin dipertanyakan silakan jangan sungkan untuk berkomentar dibawah ini. Semoga Bermanfaat! Thanks for Reading : Cara Membuat Safelink Converter Sendiri di Blogger

2 Responses to "Cara Membuat Safelink Converter Sendiri di Blogger"

  1. Inside your site, you're ready to have specific recordings restrictive to your web site page site page visitors for instance exercises, how-to's and DIY's. doc converter

    ReplyDelete

Iklan Bawah Artikel