Cara Mudah Membuat Safelink Blog

Bagi para blogger yang menggeluti tipe download entah itu download film, mp3, aplikasi, atau lainnya safelink adalah salah satu media untuk menghasilkan profit.

Cara Membuat Blog Safelink Blogger Lengkap

Walaupun banyak web shortlink yang akan membayar kamu jika kamu mendaftar sebagai publishernya tapi jika kita pake safelink milik sendiri bisa akan menghasilkan berkali-kali lipat daripada menjadi publisher di web shortlink tersebut.

Nah, pada kesempatan kali ini saya mau share ke kalian bagaimana cara buat blog safelink menggunakan platform blogger dengan mudah dan lengkap.

Sebelumnya mungkin kalian telah menemukan postingan dengan judul serupa yang membahas tentang cara pembuatan blog safelink.

Saya disini hanya menjelaskan kembali tutorial yang disampaikan beberapa blog tapi yang membedakan adalah template yang akan kita gunakan untuk praktik nanti merupakan versi premium atau berbayar yaitu In SEO Safelink dan tutorial yang saya sampaikan ini lebih mudah dipahami.
Wah templatenya premium, jadi nanti bayar dong? Enggak lah, khusus untuk pengunjung blog ini saya kasih gratis. Kalo bayar juga gpp wkwk
 Oke, tanpa berbelit-belit lagi ini dia langkah-langkahnya.


1. Membuat Blog atau Memakai yang Sudah Ada

Jika kamu sebelumnya sudah menyiapkan sebuah blog untuk membuat safelink silakhan gunakan itu saja, tapi kalo belum punya buat blog baru dahulu di blogger seperti biasa.

2. Mengganti dan Memasang Template

Setelah blog jadi saat mengubah template. Kalian tidak bisa memakai sembarang template! Hanya template-template tertentu saja yang bisa digunakan untuk blog safelink. Pada tutorial ini saya gunakan template premium berbayar tapi saya gratiskan khusus untuk kalian. Download Template
Password: kontenajaib
Pemasangannya buka Dasbor Blogger > Tema > Edit HTML > Hapus seluruh template yang lama dan ganti dengan kode template yang baru > Simpan Template


3. Membuat Postingan

Langkah setelah mengganti template adalah membuat postingan. Untuk membuat postingan juga ada cara khusus, pertama kalian buat dulu artikel seperti biasa kemudian sisipkan kode berikut ini di bagian awal (sebaiknya setelah paragraf pertama).
<div id="timer"></div>
<div class="text-center">
<button id='getlink' class='btn bt-success hidden' disabled=''>Get Link</button>
<!-- Kode iklan di sini -->
</div>

Kemudian sisipkan juga kode dibawah di bagian akhir (sebelum akhir paragraf)

<div class="text-center">
<button id='gotolink' class='btn bt-success hidden' disabled=''>Go to Link</button>
<div style='margin:auto;display:inline-block'>
<!-- Kode iklan di sini -->
</div>
</div>
Jika kurang paham bisa melihat gambar berikut.


Selesai, pada tahap ini blog safelink sudah berhasil dibuat. Kalian bisa cek dengan buka blog kalian kemudian gunakan. Selamat! hehe.

Hasilnya nanti akan seperti blog yang saya buat jika kalian ingin melihat-lihat bisa cek di link demo ini.


Dokumentasi

Didalam blog safelink kalian bisa memasang iklan baik itu dari AdSense atau lainnya. Cara pasangnya sangat mudah, cukup ganti <!-- Kode iklan di sini --> yang terdapat pada postingan kamu dengan kode iklan. Terakhir klik Update.

Pada homepage juga ada slot iklan yaitu bagian tengah seperti gambar berikut.



Cara pasang iklan di homepage Buka Dasbor Blogger > Tata Letak > Edit HTML/JavaScript yang ada dibagian banner2


Agar nanti blog safelink bisa diakses via perangkat mobil, nonaktifkan versi mobile pada template kalian. Caranya buka dasbor blogger > Tema > dan pilih Tidak. Tampilkan tema desktop di perangkat seluler. Lebih lengkapnya lihat gambar berikut.


Setelah itu ada fitur keren nih yaitu Auto Generate Link jadi kalian cukup pasang kode script dibawah ini didalam blog utama kalian, nanti semua link diblog tersebut akan langsung jadi link safelink. Kalian nggak perlu ribet-ribet lagi generate link manual.

Untuk menggunakan Auto Safelink, tambahkan kode di bawah ini di blog utama Anda tepat sebelum kode </body> agar otomatis semua link yang ada di blog utama mengarah ke blog Safelink Anda.

<script type="text/javascript">
//<![CDATA[
var setting={exceptionurl:"google.com,twitter.com",path:"#?o="};
//]]>
</script>
<script src="https://cdn.jsdelivr.net/gh/Indzign/theme@master/autosafelink.js"></script>
<script src="https://www.blogger.com/feeds/3913355072319350371/posts/default?alt=json-in-script&max-results=150&callback=showurl"></script>

Ganti ID blog ini 3441289521812010022 dengan ID blog Safelink kamu. Dan tambahkan URL pengecualian pada kode exceptionurl.

Jika ingin membuat halaman contact kalian cukup salin kode dibawah dan pastekan pada mode HTML lalu Publikasikan.

Silakan isi form di bawah ini untuk menghubungi admin. Jika tidak ada halangan dan kesibukan lainnya, admin akan langsung merespon pesan yang Anda kirimkan.

<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='Name' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='Email' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='Message' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="Send Now" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#ContactForm1{display:none}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{font-family:'Google Sans';display:inline-block;width:100%;height:auto;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-email-message{font-family:'Google Sans';width:100%;height:250px;margin:10px auto;padding:14px;background:#fff;color:#222;border:1px solid rgba(0,0,0,0.08)}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{background:#fff;outline:none;border-color:rgba(0,0,0,0.18)}
#ContactForm1_contact-form-submit{background:#fff;color:#5f6368;font-size:16px;width:161px;height:45px;float:left;padding:0 0 0 20px;margin:10px 0 3px 5px;cursor:pointer;border:none;border-radius:24px;box-shadow:0 1px 2px 0 rgba(60,64,67,0.302),0 1px 3px 1px rgba(60,64,67,0.149);transition:box-shadow .08s linear,min-width .15s cubic-bezier(0.4,0.0,0.2,1)}
.formcolumn4{position:relative}
.formcolumn4:before{background-image:url(https://2.bp.blogspot.com/-nkmaptT0VoA/WumFePAy9DI/AAAAAAAAGlM/8lA5aRi2E-okumpdikjQancIKDjYaGNqwCLcBGAs/s1600/mailme.png);background-position:center;background-repeat:no-repeat;background-size:20px;content:'';display:block;height:63px;width:32px;position:absolute;z-index:1;left:15px;top:0}
#ContactForm1_contact-form-submit:hover{background:#fafafb;box-shadow:0 1px 3px 0 rgba(60,64,67,0.302),0 4px 8px 3px rgba(60,64,67,0.149)}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{margin-top:35px}
form{color:#888}
.formcolumn1,.formcolumn2{float:left;width:50%}
.formcolumn1,.formcolumn2{margin:0 0 10px 0;padding:0 10px 0 0}
.formcolumn2{padding:0 0 0 10px}
@media only screen and (max-width:768px){.formcolumn1,.formcolumn2{width:100%;padding:0}}
</style>

Cara penggunaan Safelink

Untuk menggunakannya Masukkan alamat URL penyimpanan file download kamu di kolom Generate Link lalu tekan generate. Setelah url hasil generate muncul dibawahnya salin dan pastekan ke tombol atau download link pada blog utama kamu.

Penutup

Yap, itulah tadi tutorialnya. Mudah kan? Jika kalian masih baru di dunia blogging wajar kalo terasa sulit tapi seiring berjalannya waktu tutorial-tutorial seperti ini akan jadi sangat mudah. Pastikan kalian melakukan langkah-langkah diatas tadi dengan benar dan jangan sampe ada yang terlewat.

Bila berminat yang sudah jadi, bisa membeli kepada saya seharga 50 ribu saja. Pembayaran via transfer bank. SMS : 089678288667 

Apabila ada masalah atau kesulitan yang perlu ditanyakan silakhan komentar dibawah, pasti akan saya jawab :) 

0 Response to "Cara Mudah Membuat Safelink Blog"

Post a Comment

Safelink + Slot Iklan atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Safelink + Slot Iklan bawah Artikel