Cara membuat Safelink di blog utama dengan mudah - Susah Tidur

Cara membuat Safelink di blog utama dengan mudah

Cara membuat Safelink di blog utama dengan mudah
Cara membuat Safelink di blog utama dengan mudah - SusahTidur - Halo pada kesempatan kali ini saya akan membagikan sebuah tutorial tentang cara membuat Safelink di blog utama.

Sebelumnya kamu harus tahu dulu apa itu Safelink. Safelink Blogger adalah sebuah alat generate link otomatis yang difungsikan untuk mendeteksi apakah url/link yang dituju aman atau tidak dari virus dan malware, singkatnya Safelink adalah halaman peralihan sebelum pengguna pergi kehalaman yang dituju.

Biasanya Safelink blogger tidak hanya digunakan untuk keamanan sebuah link tetapi juga digunakan untuk menyembunyikan suatu link agar tidak mudah di copas orang lain.

Pada umumnya Safelink dibuat dibeda domain atau blog. Namun untuk sekarang kalian bisa menggunakan Safelink di blog utama atau dalam satu blog. Manfaat Safelink di blog utama apa saja ? berikut ini penjelasannya

Manfaat Safelink di blog utama

Untuk cara kerjanya sih sama pada Safelink biasanya, cuma halaman yang digunakan untuk Safelink itu tetap berada di domain atau blog utama.

Manfaat Safelink di blog utama? berikut beberapa diantaranya :
  • Tidak perlu lagi sobat membuat blog baru
  • Lebih mudah untuk di kostumisasi
  • Menambah angka pengunjung di blog
  • Meningkatkan page rank blog, karena pengunjung meningkat
  • Mengurangi bounce rate dari blog utama
  • Sarana penempatan iklan untuk menambah penghasilan blog
  • Aman 100%, karena masih dalam satu domain

Cara membuat Safelink di blog utama dengan mudah

Paling pertama, setting blog kalian agar support HTTPS dulu. Carannya masuk Dashboard Blogger > Dasar > HTTPS
1. Ketersediaan HTTPS pilih " Ya " ( Menu ini muncul jika sobat sudah mempunyai domain )
2. Pengalihan HTTPS pilih " Ya "
  1. Pergi ke Dashboard Blogger > Halaman > Buat Halaman > Judulnya bebas ya, contoh Safelink > langsung di Publikasikan ya, lalu salin link Halaman Safelink tersebut.
  2. Masuk edit di Halaman Safelink yang barusan kita buat > mode HTML, kemudian masukan CSS berikut
    <style>
    /* Safelink */
    .tombol1{display: inline-flex;display: -webkit-inline-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center;margin-bottom: 10px;padding: 9px 20px;border-radius: 10px;font-size: .8rem;line-height: 1.3rem;background-color: #fff;color: #161617;}
    .tombol1.outline{background-color: #fdd929;box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);}
    .safelink span{display: block;font-size: 12px}
    .blockLink{display: flex;display: -webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;align-items: center;-webkit-align-items: center}
    .blockLink > div{display: block;width: 35%;}
    .blockLink > div#go-link{width: 30%;}
    .blockLink > div#go-link a{display: none;margin: 0}
    .blockLink > div#go-link:target a{display: inline-flex}
    .ads-top{margin: 0 0 20px 0;text-align: center}
    #HTML99,#HTML99 .widget-content{border: 0 !important;margin: 0 !important;padding: 0 !important}
    /* Responsive */
    @media screen and (max-width: 768px){.blockLink > div{width: 100% !important;margin: 0 0 15px;text-align: center}.blockLink > div:last-child{margin: 0}}
    </style>
    Kemudian tambahkan lagi kode di bawah ini tepat di bawah CSS di atas
    <div class='separator' style='text-align:center'>
    <div class='ads-top'><!-- Isi Kode Adsense Anda --></div>
    
    <div class='safelink' id='safelink'>
    <center>
    <div class='tombol1 outline' id='daplong'>
    Tunggu sebentar...</div>
    <script>/*<![CDATA[*/ var currentURL=location.href; var str = currentURL; var res = str.replace('https://www.alamatblog.com/p/safelink.html' + '?url=', ""); function changeLink(){var decodedString = Base64.decode(res); window.open(decodedString,'_blank')}; document.write('<a href="#go-link" id="download-safelink" class="tombol1 outline">Klik untuk menuju link</a>'); var linkDL = document.getElementById("download-safelink"); var notif = document.getElementById("daplong"); var waktu = 5; 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 " + waktu.toString() + " detik"; }}, 1000); /*]]>*/</script></center>
    </div>
    
    <div class='separator-text'><!-- Tulis Konten Artikel Anda Disini --></div>
    
    <div class='blockLink' style='text-align:center'>
    <div id='ads-left' class='ads-left'><!-- Isi Kode Adsense Anda --></div>
    
    <div id='go-link'>
    <a class='tombol1' href='javascript:void(0)' onclick='changeLink();' rel='nofollow noreferrer'>Menuju link</a>
    </div>
    
    <div id='ads-right' class='ads-right'><!-- Isi Kode Adsense Anda --></div>
    </div>

    Lalu simpan, jika muncul notif "HTML A tidak ditutup dengan baik bla bla" klik tutup, lalu simpan
    Lihat kode yang saya warna di atas
    1. https://www.alamatblog.com/p/safelink.html Silahkan ganti dengan URL Halaman Safelink sobat tadi.
    2. <!-- Tulis Konten Artikel Anda Disini --> ganti dengan Konten Artikel kalian.
    3. <!-- Isi Kode Adsense Anda --> Ganti dengan kode iklan Adsense kalian, atau modal iklan lain bisa kok contoh Propeller.
  3. Kemudian masuk ke Dashboard Blogger > Tema > Edit HTML dan masukkan kode di bawah ini tepat di atas </head>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <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>
    Lalu Simpan Tema
  4. Yang terakhir Dashboard Blogger > Tata Letak > Sidebar, tambahkan widget baru > HTML/JavaScript > Masukkan kode di bawah ini pada kolom konten yang tersedia
    <b:widget cond='data:view.isSingleItem' id='HTML99' locked='false' title='Safelink' type='HTML' version='1'>
      <b:widget-settings>
        <b:widget-setting name='content'/>
      </b:widget-settings>
      <b:includable id='main'>
        <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(/\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 daftarPostingan = [ "https://www.alamatblog.com/p/safelink.html" ]; var randomPostingan = daftarPostingan[Math.floor(Math.random()*daftarPostingan.length)]; 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("https")) {a_to_vh = true;} j++; } if (a_to_vh == false) {var encryptedUrl = Base64.encode(a_to_vi); a_to_ve[i].href = randomPostingan + "?url=" + encryptedUrl; a_to_ve[i].rel = "nofollow noreferrer"; 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,instagram.com,twitter.com";auto_safelink(); /*]]>*/</script> 
        </div>
      </b:includable>
    </b:widget>
    Lalu Simpan
    Lihat kode yang saya beri warna Biru
    1. https://www.alamatblog.com/p/safelink.html Seperti di atas tadi, ganti dengan URL Halaman Safelink kalian
    2. Facebook.com,instagram.com,twitter.com itu adalah URL yang diloloskan tanpa Safelink, saran tambahkan seperti Google, Blog demo, kemudian gambar blog biar pengunjung tetap nyaman
TUTORIAL SUDAH DIPERBAIKI - 25 Nov 2020

Jangan lupa di setingan Halaman Safelink kalian > Setelan Entri > Tag Robot khusus pilih " Noindex " biar aman masang iklan double² wkwkwk. Tapi jangan terlalu banyak nanti bikin berat dikira spam pengunjung malah pergi hihi.

Jangan lupa lagi mau ganti-ganti konten atau daleman Halaman Safelink, edit di mode HTML ya. Sebenarnya gapapa sih cuma buat orang awam nanti ada hal yang bikin bingung, ketika link tuju di klik malah masuk ke blogger. Jadi ngeditnya via HTML saja.

Demo? masuk sini, kurang lebih seperti itu. Loh kok beda? iya cuma beda dibagian tombolnya, itu masih ori jadi silahkan kreasikan sendiri ya.

Jika masih bingung tentang  Cara Membuat Safelink di blog utama dengan mudah silahkan bertanya di kolom komentar, sekian dan terimakasih telah berkunjung ke SusahTidur. Dan terimakasih kepada Jagodesain yang telah membuat tutorial Safelink di blog utama.
"Cara membuat Safelink di blog utama dengan mudah"
Tampilkan Komentar
Sembunyikan Komentar

10 Komentar untuk "Cara membuat Safelink di blog utama dengan mudah"

  1. Kok tombol yang paling bawah g muncul min?

    BalasHapus
    Balasan
    1. Waktu pengeditan, masuk mode HTML dan jg sudah selesai jangan masuk ke mode compose nanti erorr, selebihnya ikutin tutor di atas ya

      Hapus
  2. Kalo untuk membuat url converter toolnya gmn gan?

    BalasHapus
    Balasan
    1. not work gan, pas d klik menu linknya, terjadi stack ga bisa d klik

      Hapus
    2. stack gimana? pastikan pengeditan halaman di mode html jangan do compose nanti Error, liat safelink saya sampe saat ini masih bisa kok gan

      Hapus
  3. wah, kok gagal terus yah... pdahal udah di edit pke mode html trus.. langsung tak publish. Tapi tetep ae ngestuck gk muncul tombolnya.. cuman sebentar trus ilang di telan bumi,. Gimna nih solusinya kak, apa ada cara yang lain, yg lebih greget?

    BalasHapus
    Balasan
    1. hahaha, udah ku perbaiki gan silahkan ulangi tutor diatas pasti bisa jamin deh👍

      inget mode HTML, link yang dilewatkan safelink harus pakai https://

      Hapus
  4. Tutorial sudah diperbaiki - 25 November 2020

    BalasHapus
  5. Bang kalau buat di template yg tak resmi apa benar ga bisa ?

    BalasHapus
  6. Bang kalau buat di template yg tak resmi apa benar ga bisa ?

    BalasHapus

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel