Panduan Membuat Blog Safelink di Blogger Dengan Template Kompi Ajaib

Blog safelink merupakan alat pendeteksi, apakah sebuah tautan yang digunakan aman dari virus maupun malware.

Safelink juga bisa kamu manfaatkan untuk menambah pundi penghasilan dengan memasang iklan atau adsense di halaman safelink.

Pengguna safelink umumnya adalah blog atau web yang mempunyai topik download, baik untuk download film, software, template blogger atau yang lainnya.

Safelink ada dua macam, yaitu safelink yang jadi satu dengan blog utama dan safelink yang menggunakan domain lain sebagai safelink.

Misalnya begini, kamu akan mengunduh sebuah file di situs A, biasanya di akhir postingan akan disediakan link atau tautan untuk mengunduh file tersebut.

Apabila sesudah diklik, kamu dibawa ke halaman yang berbeda dengan situs awal, berarti menggunakan safelink dengan domain lain.

Tapi jika halaman download sama persis dengan artikel yang berisi link download di awal, berarti menggunakan blog atau web utama sebagai safelink.

Langkah Membuat Blog Safelink di Blogger

Buat blog baru, atau jika punya blog yang tidak terpakai bisa kamu gunakan sebagai safelink.

Berikutnya buat halaman atau Pages di blog tersebut, dan jangan lupa kasih judul.

Selanjutnya paste kode dibawah ke Pages yang dibuat tadi, kemudian simpan :

<div class="text-center margin-bottom-20">
<h3>Advertise</h3>
KODE IKLAN DI SINI
  </div>

<div class="row margin-bottom-20">
  <div class="col-md-6">
<div class="panel panel-primary">
    <div class="panel-heading text-center"><h2><i class="fa fa-shield"></i> Safe Link Converter <i class="fa fa-shield"></i></h2></div>
        <div class="panel-body text-center">
          <p class="text-primary margin-bottom-20">Encrypting your link and protect the link from viruses, malware, thief, etc!<br />Made your link safe to visit.</p>

<div class="progress" id="daplong">
    <div class="progress-bar progress-bar-striped active six-sec-ease-in-out" data-transitiongoal="100" role="progressbar"></div>
</div>
<button class="alert alert-dismissible alert-success btn-lg" id="download2" style="display: none;"><i aria-hidden="true" class="fa fa-thumbs-o-up"></i> <strong>Well done!</strong> you have successfully gained access to Decrypted Link.</button>

        </div>
      </div>
</div>
  <div class="col-md-6 text-left">
<div class="panel panel-info">
  <!--Default panel contents-->
  <div class="panel-heading"><h2><i aria-hidden="true" class="fa fa-question-circle-o"></i> How to use our tool:</h2></div>
  <div class="panel-body">
<ol>
<li>Click on <strong>How To Use</strong> menu above.</li>
<li>Click on the code and <kbd><kbd>CTRL</kbd> + <kbd>C</kbd></kbd> on your keyboard.</li>
<li>Paste the code in your HTML blog theme before the <mark>&lt;/body&gt;</mark>.</li>
<li>Save your HTML blog theme. you are done!</li>
<li>Now, your blog's outbound links was encrypted!</li>
</ol>
  </div>
</div>
</div><div class="clear"></div>
</div>

<div class="row margin-bottom-20">
  <div class="col-md-4 text-center">
<h3>Advertise</h3>
KODE IKLAN DI SINI
</div>
  <div class="col-md-4 margin-top-25">
<div class="panel panel-success text-center">
  <div class="panel-heading"><h3 class="panel-title"><strong>Your link show here</strong> <i aria-hidden="true" class="fa fa-hand-o-down"></i></h3></div>
  <div class="panel-body">
<script src="https://cdn.statically.io/gh/Rio-Aristiar/convert2-link/main/convert2link.js" type="text/javascript"></script>
<script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("https://convert2link.blogspot.com/p/link-generator.html?url=", "");
document.write('<button type="button" id="download" class="Visit_Link btn btn-success" onclick="changeLink();" style="display: none;"><strong>Visit Link</strong> <i class="fa fa-external-link" aria-hidden="true"></i></button>')
</script>
  </div>
</div>
</div>
 <div class="col-md-4 text-center">
<h3>Advertise</h3>
KODE IKLAN DI SINI
</div>
<div class="clear"></div>
</div>

<div class="container">
  <div class="text-left">

  </div>
</div>

Mengganti URL di Halaman Statis

Ganti url https://convert2link.blogspot.com/p/link-generator.html yang ada dalam kode di atas, dengan url halaman atau Pages yang kamu buat tadi. Maka akan menjadi seperti ini https://namablog.blogspot.com/p/judul-halaman-statis.html

Download template safelink kompi ajaib, lalu buka dengan notepad++.

Ganti semua url https://convert2link.blogspot.com/p/link-generator.html di dalam template dengan url halaman statis yang kamu buat di atas, sehingga menjadi https://namablog.blogspot.com/p/judul-halaman-statis.html dan jangan lupa klik simpan.

Buka file convert2link.js dengan notepad++ dan ganti : https://convert2link.blogspot.com/p/link-generator.html dengan url halaman statis yang dibuat di awal, sehingga menjadi : https://namablog.blogspot.com/p/judul-halaman-statis.html

Perhatikan kode di bawah ini :

protected_links = "YourDomain.com,AnotherDomain.com,youtube.com,facebook.com,google.com";

Setiap link yang kamu masukkan dalam protected, ketika diklik tidak akan menuju ke blog safelink kamu. Apabila ingin menambah atau mengurangi link yang akan difilter, bisa kamu edit di bagian protected links.

Simpan file convert2link.js dan upload ke Github. Buat repository baru dan upload file convert2link.js, lalu klik pada file dan lanjutkan klik tombol RAW di sebelah kanan.

Akan terbuka halaman baru yang membuka file convert2link.js. Salin url pada address lalu simpan di notepad. Buka web https://statically.io/convert/ dan paste url yang didapat dari Github.

Pada kolom use this url for production, salin link tersebut dan ganti https://cdn.statically.io/gh/Rio-Aristiar/convert2link/main/convert2link.js yang ada dalam template safelink, dengan url yang didapat dari statically.

Sekarang ganti template blog yang kamu buat dengan template yang sudah diedit. Lalu coba buka blog safelink kamu. Untuk menguji apakah safelink berjalan, coba paste sebuah url di dalam kolom blog safelink.

Untuk menghubungkan blog safelink dengan blog utama, agar link di blog utama menjadi enkripsi di blog safelink, pasang kode dibawah ini di atas kode </body>

<script type='text/javascript'>
//<![CDATA[
protected_links = "domain.com,"; 
  (function() {
    var sl = document.createElement('script');
    sl.type = 'text/javascript'; sl.async = true;
    sl.src = 'https://cdn.statically.io/gh/Rio-Aristiar/convert2link/main/convert2link.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(sl);
  })();
//]]>
</script>

Ganti url https://cdn.statically.io/gh/Rio-Aristiar/convert2link/main/convert2link.js dengan url yang kamu dapatkan dari statically pada langkah di atas.

Cara Pasang Kode Iklan

Pada template safelink kompi ajaib, ada 3 tempat untuk memasang iklan, yaitu di bagian atas, kiri dan sebelah kanan blog.

Untuk menggunakannya, buka template menggunakan notepad++ atau bisa langsung diedit dalam dashboard blogger.

Cari kode "KODE IKLAN DI SINI" tanpa tanda petik. Ganti dengan kode iklan milik kamu.

Meskipun template ini versi gratis, tapi bagi saya sudah sangat bagus untuk digunakan sebagai sarana belajar membuat blog safelink.

Loading blog ringan dan mempunyai tampilan responsive. Jika kamu melihat demo template ini berbeda dengan yang ada di web kompi ajaib, itu karena saya melakukan sedikit modifikasi pada template ini.

Seperti menghilangkan gambar landing page, tidak menggunakan animasi loading ketika dibuka, dan penambahan defer font awesome agar loading blog bisa lebih ringan.

Hasil pagespeed insight pada tampilan mobile dan desktop sangat bagus dengan skor di atas 90an.

DEMO HOMEPAGE DEMO ENCRYPTED