Kode Script Membuat Safelink dan Penjelasanya

Daftar Isi
Safelink blogger dan template safelink

Apa itu Safelink ?

Safelink merupakan istilah yang merujuk pada tautan aman atau link yang telah diubah agar lebih aman dan terlindungi dari ancaman keamanan. Safelink biasanya digunakan untuk melindungi pengguna dari tautan yang berbahaya atau mencurigakan, seperti tautan phishing, malware, atau spam.

Safelink dapat mengenkripsi atau mengubah tautan asli menjadi tautan yang lebih aman. Hal ini sering dilakukan dengan menggunakan layanan atau alat tertentu yang mengubah URL asli menjadi URL yang lebih kompleks atau mengandung karakter acak. Tujuan dari safelink adalah untuk mengurangi risiko pengguna mengklik tautan yang berbahaya atau meragukan tanpa disadari.

Namun, penting untuk tetap berhati-hati saat mengklik safelink atau tautan apa pun, karena tidak semua safelink dapat dijamin keamanannya sepenuhnya. Jika Anda ragu atau mencurigai suatu tautan, lebih baik hindari mengkliknya atau verifikasi keasliannya sebelum melanjutkan.

Menurut onesiswa.com safelink ada dua type yaitu:
  1. Situs kusus safelink yang artinya dikususkan hanya untuk memperpendek link.
  2. Situs blog di custom dengan safelink dapat artikan situs blog pribadi dilengkapi dengan fitur safelink ini biasanya di fungsikan sebagai penambah traffik dan penghasilan bila blog ada iklanya.
Ada dua type link engenkripsi di safelink. Kalau kita mengamati betul pada url safelink yang sudah di generate ada yang pendek dan ada yang panjang. Kenapa beda, kalau hasil url yang sudah di generate safelink hasilnya pendek memungkinkan sudah menggunakan beberapa kode HTML, CSS, JavaScript berkelanjutan dan safelink url pajang biasanya tidak terlalu banyak menggunakan kode pemrograman website.

Kalau kalian ingin membuat sifelink dengan satu blog pribadi bisa menggunakan kode safelink yang sudah saya sediakan dibawah ini. Perlu diingat kode ini tidak semua template blogger singkron. Untuk pemasanganya silahkan ikuti langkah-langkah ini.

Cara Memasang Safelink di Blogger
1. Kunjungi situs www.blogger.com terlebih dahulu, lalu silakan login dengan akun Google.
2. Pada Dasbor Blogger, pilih Tema, lalau Edit HTML
3. Copy kode dibawah ini lalu paste diatas code <data:post.body/>

        <b:if cond='data:view.isPost'>
                         <style>.yio-wadah-safelink-v2{position:fixed;bottom:0;z-index:888;left:0;width:100%;display:flex;justify-content:center;align-items:center;background-color:#fefefe;border-radius:10px;height:45px}.progress-bar,.progress-bar .progress{height:30px;padding:4px;border-radius:10px}.yio-wadah-safelink-v2 span{position:absolute;margin-bottom:10px;margin-top:10px;top:-10px}.yio-post-safelink-container{width:100%;display:flex;justify-content:center;align-items:center}.progress-bar{width:100%;overflow:hidden}.next-yio-safelink,.yio-safelink-get{background-color:var(--warna-utama);padding:10px 20px;cursor:pointer;font-size:13px}.progress-bar .progress{position:absolute;top:0;left:0;width:0;background-color:#00f;transition:width 1s linear}.yio-post-safelink-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yio-safelink-goto{display:none;align-items:center}.next-yio-safelink{color:var(--warna-text-btn);border:none;border-radius:4px}.yio-safelink-get{margin:10px;border:none;border-radius:4px;color:var(--warna-text-btn)!important;text-decoration:none}</style>
                          <div class='yio-wadah-safelink-v2'>
                            <span>Scroll Down to Continue</span>
                            <div class='yio-post-safelink-container'>
                              <div class='progress-bar'>
                                <div class='progress'/>
                              </div>
                              <div class='yio-safelink-goto'>
                                <button class='next-yio-safelink'>Get Link</button>
                              </div>
                            </div>
                          </div>
                          <div class='container-YIO-safelink'>
                            <a class='credit-pembuat-safelinkv2' href='https://www.yio.my.id' style='display:none;'>YIO Theme</a>
                          </div>
                        </b:if>

4. Kemudian copy kode dibawah ini lalu pasang pada tema blogger dibawah <data:post.body/>. Langkah selanjutnya klik simpan.

<br/> <center> <div id='yio-get-safe'/> </center> <br/> <script> /* <![CDATA[*/ var scrollThreshold = 900; // tinggi scroll, semakin besar semakin kebawah yang harus di scroll user. var teksgotolink = 'Klik Disini'; // teks goto link var script_safelink_v2 = document.createElement('script'); script_safelink_v2.src = 'https://cdn.jsdelivr.net/gh/diyahayu0208/YIOtheme@main/yio_safelink_v2.js'; document.head.appendChild(script_safelink_v2); /* ]]>*/ </script>

5. Langkah selanjutnya buka halaman blogger, ubah tampilan menulis ke HTML. Lalu copy code html dibawah ini lalu paste. Setelah itu simpan.

<style>.container-YIO-safelink,.yio-con-hasil{display:none}.YIO-safelink-button,.copy-button-5,.login-YIO-safelink{background-color:var(--warna-utama);padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-size:13px;color:var(--warna-text-btn)!important;text-decoration:none}</style>
<div class="container-YIO-safelink">
  <div class="yio-con-belum">
    <input type="text" class="YIO-safelink-input" placeholder="Masukkan teks">
    <button class="YIO-safelink-button">Generate URL</button>
    <br><br>
  </div>
  <div class="yio-con-hasil">
    <input type="text" class="output-input">
    <br>
    <button class="copy-button-5">Copy to Clipboard</button>
  </div>
  <a class="credit-pembuat-safelinkv2" href="https://www.yio.my.id" style='display:none;'>YIO Theme</a>
</div>
<div class="password-YIO-safelink">
  <input placeholder="Masukan Password" type="text" class="password-admin">
  <button class="login-YIO-safelink">Login</button>
</div>

<script>
var passwordadmin= 'admin123';
var teksperingatan= 'Anda bukan admin....';
var tekssalahpw = "Password admin salah. Silakan coba lagi.";
var salahtigakali= "Anda telah salah memasukkan kata sandi sebanyak 3 kali. Silakan coba lagi nanti.";

var script_v2_safelink = document.createElement('script');
script_v2_safelink.src = 'https://cdn.jsdelivr.net/gh/diyahayu0208/YIOtheme@main/v2-safelink-yio_generator.js';
document.head.appendChild(script_v2_safelink);

</script>

6. Setelah pemasangan code selesai seilahkan coba hasilnya apakah berhasil atau ada problem. Bila terjadi problem cek terlebih dahulu apakah pemasangan code ada yang salah, jika tidak kemungkinkan besar template tidak cocok dengan template blogger.

Itulah arti safelink, Kode Script Membuat Safelink, cara pemasangan safelink di blogger dengan mudah tanpa ribet. Semoga dengan panduan ini dapat bermanfaat untuk Anda. Terima kasih sudah berkujung di www.onesiswa.com.
Anang_at
Anang_at Belajar dari hal kecil, ingin menjadi orang Berhasil. Optimis, pasti bisa mencapai apa yang di inginkan.

Posting Komentar