Cara Membuat Blog Safelink Bonus Template Safelink Premium

Hikz - Kemarin ada yang DM ke akun twitter saya minta di buatkan artikel cara buat blog safelink. Karena kemarin saya sedang ada kerjaan, jadi baru bisa saya buatkan sekarang. Yang belum follow twitter saya bisa langsung follow saja di http://twitter.com/_hikz

Disini saya akan berikan cara membuat blog safelink dengan mudah + bonus template safelink premium untuk di pasang di blogger. Tutorial kali ini khusus buat kamu yang ngeblog di blogger.com saja. Karena memang yang minta di buatkan artikelnya juga pake blogger/blogspot.

Blog safelink bisa di artikan sebagai blog untuk mengamankan link tujuan yang link tersebut di encrypt/encode. Sehingga link tersebut tidak bisa di tuju langsung ke tujuan sebenarnya.

Blog safelink biasa digunakan oleh para blogger untuk dipasang iklan adsense. Karena memang tujuasnnya agar penghasilannya bertambah.

Setelah kamu tahu arti dari blog safelink, mari kita langsung saja ke tutorial cara membuat blog safelink berikut. O ya, disini saya membuat blog safelink menggunakan laptop, jika kamu pake smartphon android atau iOS tolong sesuaikan saja.

1. Pastikan kamu sudah memiliki email google atau sudah pernah buat blog

2. langsung meluncur saja ke blogger.com

3. Di halaman dashboar blogger klik buat blog baru. Silakan isi judul dan alamat blog sesuai apa yang ada di kepala kamu. Hihii Contoh blog baru saya yang akan saya buat, lihat gambar dibawah:

Alamat Blog Baru

4. Setelah langkah no 3 selesai, sekarang kita langsung saja untuk memulai memasang dahulu template blogger di blog baru.

Klik menu Tema (en: Theme) yang ada di sebelah layar desktop Anda, lalu klik lagi bagian Edit Theme. Untuk mempermudah dalam pembuatan blog lihat gambar berikut:

Edit HTML Blogger

Nanti akan terbuka halaman edit html yang isinya kode HTML dari template bawaan blogger. Kamu biarkan saja halaman tersebut terbuka. Lanjut dulu ke tahap 5.

5. Sesui janji saya akan berikan bonus template, silakan kamu download » template safelink premium.

Buka templatenya dengan text editor, disini saya menggunakan sublime text editor. Jika kamu pake android bisa gunakan Notepad++ Apk atau text editor andalan kamu sendiri.

Silakan cari dan replace semua link "safelink-kamu.blogspot.com" dengan alamat blog kamu yang tadi dibuat. Setelah itu tinggal copy semua kode template dan lanjutkan lagi ke tahap 4 yaitu pastekan kode yang sudah di copy ke halaman edit html, terus klik save. Lihat gambar berikut:

Kode Template Blogger

6. Kembali ke halaman dashboar blogger, sekarang kita akan buat halaman baru dengan nama "generate.html". Caranya klik menu Pages terus klik "+ new page".

Bagian Title (judul) isi dengan "generate", sedangkan untuk bagian konten silakan isi dengan kode html berikut.

 1<div class="text-center margin-bottom-20">
 2  <h3>Advertise</h3>
 3  Simpan Kode Iklan Disini
 4</div>
 5<div class="row margin-bottom-20">
 6  <div class="col-md-6">
 7<div class="panel panel-primary">
 8  <div class="panel-heading text-center">
 9  <h2><i class="fa fa-shield"></i> Safe Link Converter <i class="fa fa-shield"></i></h2>
10  </div>
11<div class="panel-body text-center">
12  <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>
13<div class="progress" id="daplong">
14  <div class="progress-bar progress-bar-striped active six-sec-ease-in-out" role="progressbar" data-transitiongoal="100"></div>
15</div>
16  <button id="download2" class="alert alert-dismissible alert-success btn-lg" style='display:none'>
17  <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>
18  </button>
19  </div>
20</div>
21</div>
22  <div class="col-md-6 text-left">
23<div class="panel panel-info">
24  <!-- Default panel contents -->
25  <div class="panel-heading">
26  <h2><i class="fa fa-question-circle-o" aria-hidden="true"></i> How to use our tool:</h2>
27  </div>
28  <div class="panel-body">
29<ol>
30<li>Click on <strong>How To Use</strong> menu above.</li>
31<li>Click on the code and <kbd><kbd>CTRL</kbd> + <kbd>C</kbd></kbd> on your keyboard.</li>
32<li>Paste the code in your HTML blog theme before the <mark>&lt;/body&gt;</mark>.</li>
33<li>Save your HTML blog theme. you are done!</li>
34<li>Now, your blog's outbound links was encrypted!</li>
35</ol>
36  </div>
37</div>
38</div><div class="clear"></div>
39</div>
40<div class="row margin-bottom-20">
41<div class="col-md-4 text-center">
42  <h3>Advertise</h3>
43  Simpan Kode Iklan 2 Disini
44</div>
45  <div class="col-md-4 margin-top-25">
46<div class="panel panel-success text-center">
47<div class="panel-heading">
48  <h3 class="panel-title">
49  <b>Your link show here</b> <i aria-hidden="true" class="fa fa-hand-o-down"></i></h3>
50</div>
51<div class="panel-body">
52<script src="https://static.hikz.xyz/_js/safelink.js" type="text/javascript"></script>
53<script type="text/javascript">
54var currentURL=location.href;
55var str = currentURL;
56var res = str.replace("https://safelink-kamu.blogspot.com/p/generate.html?url=", "");
57document.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>')
58</script>
59  </div>
60</div>
61</div>
62<div class="col-md-4 text-center">
63  <h3>Advertise</h3>
64  Simpan Kode Iklan 3 Disini
65</div>
66<div class="clear"></div>
67</div>
68<div class="container">
69  <div class="text-left">
70  </div>
71</div>

Copy kode html tersebut tapi jangan lupa ganti dulu alamat blog "safelink-kamu.blogspot.com" dengan alamat blog safelink kamu, dan boleh juga langsung tambahkan kode iklannya. Jika sudah selesai silakan pastekan ke bagian kontent pada halaman generate. Jika sudah selesai bisa langsung Publish.

Kode Safelink Blogger

Harap di ingat: sebelum copy paste kodenya alihakan dulu dari "Compose view" ke "HTML view"

7. Buat lah beberapa postingan di blog baru kamu. Saran saya sich pake judul dan isi konten yang memiliki kata kunci paling tinngi. Agar blog safelink kamu lebih menghasilkan.

8. Sekarang waktunya melihat dan menguji blog safelink yang sudah di buat dengan cara mengunjungi alamat blog safelink kamu, contoh demo blog safelink saya lihat disini.

Silakan uji coba blog safelinknya apakah bekerja dengan baik atau tidak. Terutama pada fitur link converternya karena ini yang palink penting. Untuk memulai menguji, kamu memasukan link pada form Safe Link Converter.

Karena ini hanya contoh, boleh coba k'tikkan alamat blog saya https://hikz.xyz lalu klik safe link now. Jika kode safelink aman alias tidak ada yang error akan tampil seperti gambar berikut.

Membuat Blog Safelink

Lihat bagian result. Itu adalah alamat blog safelink dengan akhir kode alamat blog saya yang sudah di encrypt/encode.

9. Klik bagian "Copy your link to clipboard!" dan otomatis link hasil safelink di copy. Selanjutnya kita mulai coba lagi blog safelink bagian "generate.html".

10. Silakan pastekan url asil copy tadi di address bar browser kamu.

11. Tunggu sampai loading blog safelinknya selesai, lalu klik "Visit Link". Jika url yang di tuju sesuai dengan yang kita encrypt/encode tadi, berarti blog safelink yang baru di buat sudah berhasil dan selesai. Selanjutnya silakan gunakan untuk blog utama kamu.

Itulah cara buat blog safelink di blogger dengan 11 langkah saja. Semoga artikel yang saya buat ini bisa bermanfaat.

Jika ada yang kurang paham mohon maaf mungkin itu kesalahan saya. Dan jika ada yang mau di tanyakan atau di buatkan blog safelinknya silakan kontak saya saja melalui twitter.

Saya rasa cukup sekian saja, jangan lupa share artikelnya dan supportnya juga ya gan's. Akhir kata dari saya, wasallam...