Safelink dan Cara membuat Safelink dengan cara yang Benar dan dapat bekerja dengan baik

Mengapa Safelink dan Cara membuat Safelink dengan cara yang Benar dan dapat bekerja dengan baik ini saya buat?

Karena sudah banyak tutorial tentang safelink yang dibuat, akan tetapi dari sekian banyak tutorial jika di jadikan sebagai petunjuk untuk pembuatan safelink ternyata tidak dapat berfungsi dengan baik.
Kemudian saya berfikir,"sekian banyak teman-teman para blogger yang membutuhkan tutorial tersebut, tapi akhirnya mereka kecewa. Dan mungkin salah satunya adalah agan". Dari pemikiran itulah saya terdorong untuk membuat tutorial tentang Safelink dan Cara membuat Safelink dengan cara yang Benar dan dapat bekerja dengan baik. 

Berikut  adalah Screenshot Safelink yang sudah saya buat:

 

Selain memang inilah artikel pertama saya pada blog ini, saya ingin memberikan tutorial tentang Safelink dan Cara membuat Safelink dengan cara yang Benar dan dapat bekerja dengan baik yang sudah saya uji coba sampai 2 kali dan benar-benar berfungsi dengan baik.Ini adalah salah satu bukti safelink yang saya buat dan dapat bekerja dengan baik. Dan ini adalah bukti kedua yang merupakan uji coba saya yang kedua, juga dapat berfungsi dengan baik.

Benar bukan....? Saya tidak hanya sekedar berusaha membuat artikel untuk menarik traffik atau pengunjung. Tapi saya ingin mengobati kekecewaan sekian banyak bloger yang kecewa setelah gagal mencoba dengan panduan tutorial2 sebelumnya.

Berikut adalah Cara membuat Safelink dengan cara yang Benar dan dapat bekerja dengan baik:

Persiapan yang mungkin teman2 belum siapkan:

1. Akun Github
2. Refrensi untuk pembuatan tautan js
3. Template bootstrap untuk safelink
4. File js
5. Script untuk pembuatan halaman safelink

Langkah-langkah pembuatan safelink:

1. Membuat sebuah akun di https://github.com
2. Dan berikut adalah link referensi untuk membuat tautan js.
3. Silahkan unduh template bootstrap untuk blog safelink
4. Silahkan unduh file js berikut ini, disana ada dua. Dan keduanya dapat bekerja dengan baik.
5. Silahkan copy script untuk pembuatan halaman safelink berikut:

<div class="text-center margin-bottom-20">
<h3>Advertise</h3>
KODE UNIT IKLAN TEMPEL DISINI
  </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" role="progressbar" data-transitiongoal="100"></div>
</div>
<button id="download2" class="alert alert-dismissible alert-success btn-lg" style='display:none'><i class="fa fa-thumbs-o-up" aria-hidden="true"></i> <strong>Well done!</strong> you have successfully gained access to Decrypted Link. <i class="fa fa-hand-o-down slideInDownThumb" aria-hidden="true"></i></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 class="fa fa-question-circle-o" aria-hidden="true"></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 UNIT IKLAN TEMPEL DISINI
</div>
  <div class="col-md-4 margin-top-25">
<div class="panel panel-success text-center">
<div class="panel-heading">
<h3 class="panel-title">
<b>Your link show here</b> <i aria-hidden="true" class="fa fa-hand-o-down"></i></h3>
</div>
<div class="panel-body">


<script src="https://cdn.rawgit.com/YohanesGuntur/Safelink/68134aef/safelink.js" type="text/javascript"></script>
<script type="text/javascript">
var currentURL=location.href;
var str = currentURL;
var res = str.replace("https://safelink2me.blogspot.com/p/generate.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 UNIT IKLAN TEMPEL DISINI
</div>
<div class="clear"></div>
</div>

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

  </div>
</div>

Proses Pembuatan:

1. Silahkan buat sebuah halaman baru, bisa agan berikan judul Safelink atau Generate, silahkan langsung publish saja. Karena kita membutuhkan link url halaman tersebut. Setelah publish halaman, silahkan copy link url halaman tersebut lalu tempel pada script halaman diatas untuk mengganti link url https://safelink2me.blogspot.com/p/generate.html Setelah link url diganti, silahkan edit halaman yang tadi sudah dibuat, dalam mode HTML silahkan tempel script tersebut.
2. Edit file safelink.js yang tadi sudah agan download, ganti link url https://safelink2me.blogspot.com/p/generate.html dengan link url halaman yang sudah dibuat lalu simpan dengan nama safelink.js
3. Silahkan login pada akun github agan masing-masing, buat repository baru dan unggah file safelink.js
4. Klik kanan pada file safelink.js yang sudah di komit copy link location.
5. Kunjungi https://rawgit.com/ lalu tempel link safelink.js dari github pada bidang yang tersedia.
6. Copy link production(yang sebelah kiri) dan gunakan untuk mengganti link https://cdn.rawgit.com/YohanesGuntur/Safelink/68134aef/safelink.js Baik pada script halaman yang telah dibuat dan juga pada template bootstrap safelink yang telah di unduh sebelumnya.
7. Edit semua link url pada template bootstrap safelink dan sesuaikan.
8. Hapus script template blog yang ada(default), ganti dengan template blog bootstrap safelink.
9. Tempel atau ganti kode unit iklan pada template.

Sudah selesai.... Lakukan dengan teliti dan hati-hati, jika masih gagal teliti ulang. Jika benar-benar gagal ada kemungkinan salah pemahaman sehingga proses pembuatanya juga salah.
Jika membutuhkan bantuan silahkan agan comment.