Cara Membuat Script Safelink Wordpress Gratis Tanpa Plugin






Banyak yang dari Kamu mungkin yang lebih akrab dengan safelink hanya pada platform blogspot aja, tapi kali ini Digimoclub mau membagikan trik untuk membuat script safelink wordpress secara gratis tanpa harus memakai plugin yang memberatkan load situs atau blogmu. Bedanya untuk safelink di wordpress ini tidak memakai widget yang biasa Kamu lihat di homepage safelink blogspot karena safelink pada wordpress akan memproses secara otomatis semua outbound link yang bisa kamu atur secara manual link apa saja yang akan di redirect ke safelink dan mana yang tidak mau Kamu redirect.

Jika Kamu belum tau apa itu safelink maka Digimoclub sarankan untuk membaca artikel sebelumnya tentang Apa Itu Safelink?

(UPDATE) Berhubung Digimoclub sudah migrasi ke web statis dan memakai script safelink sekaligus shortener sendiri jadi untuk demo safelink di wordpress nya tidak bisa di perlihatkan lagi tapi kalau Kamu tetap mengikuti tutorial safelink berikut ini dengan benar maka script tetap akan bekerja jadi silahkan di simak baik-baik ya.

tutorial-safelink-wordpress Hal pertama yang akan Kamu lakukan adalah membuat Page di situs wordpress Anda dengan nama yang cukup singkat saja. Untuk contoh kali ini untuk memudahkan Digimoclub membuat judul page yang sesuai dengan niche blognya yaitu “Digital Optimizer”. Kalian bebas mau menggunakan judul apa yang penting jangan terlalu panjang dan alay penulisan nya ya. Kalian cukup membuat judul saja kemudian di publish ya

tutorial-safelink-wordpress Kamu bisa mengakses theme editor lewat menu Admin wordpress yaitu Appearance > Theme Editor kemudian di kolom kanan cari file header.php Setelah itu akan muncul note editor nya kemudian Kamu salin kode di bawah ini dan pastekan tepat di atas

<script type='text/javascript'>
//<!\[CDATA\[
var blog = document.location.hostname;
var slug = document.location.pathname;
var ctld = blog.substr(blog.lastIndexOf("."));
var currentURL=location.href;
var str = currentURL;
  var res = str.replace("http://website-anda.com/safelink?url=", "");
$(".Visit_Link").hide();
function changeLink(){
    var decodedString = Base64.decode(res);
    window.open(decodedString,'_self')
}
function generate() {
    var linkDL = document.getElementById("download"),
        linkAL = document.getElementById("download2"),
        btn = document.getElementById("btn"),
        notif = document.getElementById("daplong"),
        direklink = document.getElementById("download").href,
        waktu = 4;
    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";
            linkAL.style.display = "inline";
        } else {
            teks_waktu.innerHTML = "<h3 class='text-danger'>Link will appear in " + waktu.toString() + " Second</h3>";
            btn.style.display = "none";
        }
    }, 2000);
}
cookieOptions = {
    msg: "This site uses cookies to help deliver services. By using this site, you agree to the use of cookies.",
    link: "https://www.blogger.com/go/blogspot-cookies",
    close: "Got it!",
    learn: "Learn More" };
//\]\]>
</script>

Ganti link yang di tandai warna merah di atas dengan halaman /page yang tadi sudah Kamu buat. Sedangkan untuk yang di block warna biru itu dapat Anda modifikasi sesuai keinginan Kamu yaitu jeda waktu loading dalam satuan detik dan tulisan text loading yang bisa Anda modifikasi sendiri.

tutorial-safelink-wordpress
Script di bawah ini harus Anda simpan ke dalam notepad Anda terlebih dahulu karena nantinya akan Kamu hosting di Github. Apa itu Github? Untuk lebih jelasnya sambil Kamu mulai mendaftar dan menggunakan nya aja dulu untuk pembuatan safelink di Wordpress ini ya. Sebelum itu COPY kode di bawah ini kemudian PASTE ke notepad kalian dan ganti link yang berwarna merah menjadi link halaman/page yang sudah Anda buat sebelumnya. Setelah itu Anda SAVE file notepad Anda tetapi berikan ekstensi .js atau bisa kamu lihat seperti contoh di bawah ini

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 = "http://website-anda.com/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;
}











Setelah Anda selesai menyimpan nya menjadi ekstensi .js sekarang saatnya mendaftar Akun Github. Buat Anda yang sudah terbiasa tinggal melanjutkan saja ya. Untuk langkah-langkah menghosting pada github ikuti sesuai intruksi di bawah ini ya dan berikut jika Kamu ingin tau lebih tentang kegunaan Github silahkan ikuti artikel-artikel di Digimoclub ya karena Github adalah fasilitas yang di pakai banyak programmer di dunia. KLIK DISINI untuk mendaftar akun Github dan isi sesuai dengan gambar di bawah ini setelah Sign Up silahkan buka email yang Anda daftarkan untuk klik link verifikasinya kemudian Sign IN.

Setelah Anda masuk ikuti seperti gambar di bawah ini pertama Klik tanda + di sebelah profile Anda dan klik New Repository. Setelah itu akan akan muncul form seperti gambar di bawah ini dan isi sesuai kotak yang sudah di warnai merah di bawah ini sesuai keinginan kamu. Dan untuk kotak berwarna Biru tepat nya pada bagian READ ME nya silahkan Anda centang dan klik CREATE tutorial-safelink-wordpress

Setelah file sudah Kamu upload klik judul file Kamu yang ada di bawah README.md tersebut kemudian setelah terbuka isinya langsung kamu COPY URL nya dan silahkan buka LINK BERIKUT
tutorial-safelink-wordpress Pastekan link yang tadi Kamu copy kemudian akan di generate URL yang di tandai panah merah seperti gambar di atas kemudian COPY LINK tersebut.

Setelah Anda punya link Hosting Javascript nya sekarang yang perlu di lakukan adalah penyempurnaan nya sekaligus mem filter link domain yang ingin Kamu custom sendiri. Sekarang kembali ke dashboard wordpress kemudian pilih menu Appearance > Theme Editor > footer.php

<script src='URL.JS' type='text/javascript'></script>
<script type='text/javascript'>
protected_links = "blogkamu.com,facebook.com,twitter.com,youtube.com,goo.gl";
auto_safelink();
</script>

Edit terlebih dahulu URL.JS di atas ganti dengan link hosting javascript Kamu dan untuk yang berwarna biru di atas itulah domain-domain yang tidak akan masuk ke page safelink halaman Kamu jadi silahkan custom sendiri ya.

Sekarang saatnya Kamu mengetes safelink nya karena jika Kamu sudah mengikut step by step yang di jelaskan secara rinci dari awal artikel ini maka seharusnya dengan kode pemanggil script nya safelink akan work atau berjalan dengan baik. Saat ini masuk ke editor page yang sudah kamu buat sebelumnya dan pastekan kode di bawah ini

<center>
Ads 1
<script type="text/javascript">
//<!\[CDATA\[
function changeLink() {
    var e = Base64.decode(res);
    window.open(e, "_self")
}
var currentURL = location.href,
    str = currentURL,
    res = str.replace("http://website-anda.com/safelink?url=", "");
document.write('<button target="_self" style="display: block; font-size:small" id="download" onclick="changeLink()">Continue</button>');
onload: generate();
//\]\]>
</script>
<script src="URL.JS" type="text/javascript"></script>
Ads 2
</center>

Ubah lagi seperti biasa yang berwarna merah di atas ganti dengan link page/halaman safelink mu dan yang berwarna biru ganti dengan link hosting javascript yang sudah kamu dapatkan. Setelah itu jangan langsung mengcustom page Anda dengan iklan dan sebagainya tetapi coba saja langsung di save/publish kemudian lihat apakah safelink sudah bekerja? Cukup lihat jika teks loading penghitung mundur nya sudah muncul maka seharusnya safelink Anda sudah WORK sekarang ini. Setelah sudah di pastikan barulah Kamu mengcustom sendiri Page safelink di atas sesuka hatimu yang penting kode di atas jangan sampai kalian hapus ya hehehe.

KESIMPULAN

Cara membuat safelink wordpress di atas sebenarnya cukup mudah tapi mulai muncul pertanyaan baru “Apa safelink ini aman untuk Adsense?”. Lewat tutorial di atas, Digimoclub hanya memberi tutorial tentang pembuatan nya dan urusan monetize safelink nya dengan Adsense itu semua kembali ke Kamu sendiri jika ragu ya tidak usah di pakai. Tapi sepengalaman Digimoclub memakai safelink di blog utama sampai saat ini masih berjalan aman dan contoh yang paling besar tetap aman memakai safelink adalah situs Jalantikus.com. Saran lain selain monetize dengan Adsense, safelink juga bisa kamu pakai untuk alat bantu branding atau promosi secara online so silahkan di kreasikan sendiri ya.

Kalau menurut mu artikel di atas bermanfaat silahkan bagikan dengan teman-teman kamu ya. Dan jika ada pertanyaan atau kendala silahkan lempar lewat komen di bawah ini.




  FREEMIUM GIFT
Theme Premium Wordpress untuk segala fungsi dan sangat cocok untuk pebisnis online
Theme Premium Wordpress yang di desain khusus untuk blogger yang fokus dengan SEO atau Traffic Paid
Source Code tema yang di pakai Digimoclub saat ini yang di build dengan Hexo
Michael IMO
Web Develepor & Digital Marketer
59 Posts
7 Categories
41 Tags