BROINDO - Pada kesempatan kali ini saya akan meberikan tutorial, mengenai bagaimana cara membuat safelink pada template yang saat ini sedang populer, yaitu template viomagz. Template viomagz sendiri dibanyak digunakan oleh para blogger. Template yang satu ini memang terbilang cukup baik dan banyak digunakan oleh blogger indonesia, karena pembuat template ini juga orang indonesia, dan memang template buatan beliau selalu saja dapat mencuri perhatian para blogger indonesia.

Mohon maaf kerena saya juga masih terbilang baru, jadi saya juga kurang begitu mengerti detail sang creator ini, namun jika kalian penasaran kalian bisa mengunjungi situs bliau di https://sugeng.id/.

Pada kesempatan yang berbahagia ini, saya akan memberikan tutorial bagaimana cara mengedit template viomagz menjadi sebuah template safelink blogger. sudah taukan apa itu template safelink?. Intinya dengan safelink kalian dapat mengeskrip link tujuan para visitor untuk meningkatkan income/pendapatan pada blogg kalian. O ya sebelumnya, untuk dapat mengikuti tutorial ini saya sarankan kalian untuk memiliki template viomagz, karena template viomagz tersebut merupakan template premium maka kalian dapat membelinya langsung kepada sang creator, dengan membeli maka kalain juga ikut berpartisipasi dalam menghargai kaya anak bangsa, selain itu dengan membeli secara premium kalian akan mendapatkan suport (bantuan) serta update template berikutnya oleh sang creator.

Untuk dapat membeli template tersebut silahkan kunjungi https://sugeng.id/template-blogger-viomagz/. Jika sudah, mari kita mulai mengedit template viomagz tersebut menjadi sebuah template safelink. oh ya, script safelink ini menggunakan criypto.js dan saya ambil dari safeplatinum jadi sudah suport randompost. Dengan sedikit modifikasi pada tempat generet linknya akan saya letakan di bilah navigasi, sehingga jika menu generet safelink di klik akan muncul dialog popup tempat untuk mengenskrip link, untuk contoh silahkan lihat gambar diatas.

Apa saja fiture dari Safelink VioMagz ini:

  • Responsive Template
  • Loading menggunakan timer Sebelum Menampilkan Tombol getlink dan go to link
  • Random Generate Link Suport Randompost
  • Modal Untuk Manual Safelink (Menu Header)
  • Unlimited Random Postingan
  • Full Page Script atau auto Safelink/Auto script
  • Bisa Ganti domain tanpa error
  • Pemakaian yang sangat mudah
  • Menggunakan template premium viomagz yang sangat kerend dan popular
  • SEO pastinya, karena template premium.
  • Menggunakan Crypto.js dan pastinya scure untuk safelink url kalian
  • Tampilan dialog generetlink keren, karena menggunakan modal popup bootstrap dengan menggunakan event onclick bottom pada menu navigasi.
  • Tombol Generetlink diletakan di Bagian navigasi agar terlihat profesional.
  • Klik 2X.
  • Responsive.
  • Postingan Auto Safelink, Semua postingan yang sudah terpublikasi langsung bisa menjadi safelink, tanpa perlu repot-repot edit postingan satu persatu agar menjadi safelink (intans and easy to use). Tinggal bikin artikel seperti biasa langsung jadi safelink.
  • High CTR pastinya.
Untuk dapat menerapkan safelink pada template viomagz, pertama kalian buka dasbord editor pada template kalian, silahkan pasang fontawesome dan bootstrap, namun saya rasa template ini sudah memakai fontawesome, maka lewati tahap ini. Untuk css bootstrap akan saya sertakan kedalam file javascript nanti.

Kedua, cari markup ini ]]></b:skin> pada template kalian, jika sudah letakan css berikut ini diatas markup tadi.

#timer{margin:auto;width:80px}.pietimer{position:relative;font-size:200px;width:1em;height:1em}.pietimer>.percent{position:absolute;top:18px;left:5px;width:3.33em;font-size:18px;text-align:center;display:none}.pietimer>.slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}.pietimer>.slice.gt50{clip:rect(auto,auto,auto,auto)}.pietimer>.slice>.pie{border:.1em solid silver;position:absolute;width:.8em;height:.8em;clip:rect(0,.5em,1em,0);-moz-border-radius:.5em;-webkit-border-radius:.5em;border-radius:.5em}.pietimer>.slice>.pie.fill{-moz-transform:rotate(180deg)!important;-webkit-transform:rotate(180deg)!important;-o-transform:rotate(180deg)!important;transform:rotate(180deg)!important}.pietimer.fill>.percent{display:none}.pietimer.fill>.slice>.pie{border:transparent;background-color:silver;width:1em;height:1em}

Ketiga, karena kita akan meletakan tempat generet link secara popup, maka kita membuat sebuat tombol klik untuk memanggil area popup enskrip link pada bilah navigasi template viomagz. Caranya adalah dengan kalian cari menu navigasi yang terdapat pada template viomagz, jika sudah dapat,letakan code HTML berikut ini tepat di akhir menu navigasi, sebelum markup </ul><!-- menu navigasi header end --> jadi tepat dibawah </li>.

<li><a onclick="document.getElementById('id01').style.display='block'">Safelink</a></li>

Tahapan keempat, kalian cari markup <div class='post-container'> jika sudah dapat, letakan code html dibawah ini tepat di bawah markup tersebut,

<div class='w3-modal' id='id01'><div class='w3-modal-content w3-animate-bottom w3-card-4'> <header class='w3-container w3-teal'> <button class='close' onclick='document.getElementById(&#39;id01&#39;).style.display=&#39;none&#39;'><b><h2>&#215;</h2></b></button><h2><i class='fa fa-shield'> </i> Safelink</h2> </header><div class='panel-body'><div class='form-group'><div class='input-group'> <input class='form-control' id='generateurl' placeholder='http://example.com' type='url'/> <span class='input-group-btn'> <button class='btn btn-primary primary-color primary-color-border' id='btngenerate' type='button'> <i class='fa fa-shield'> </i> <strong>Submit</strong> </button> </span></div></div><div class='hidden text-center' id='generateloading'><i class='fa fa-spinner fa-spin'></i></div><div class='hidden' id='generatelink'><div class='form-group has-success'><div class='input-group'> <span class='input-group-addon'> <strong>Result:</strong> <i aria-hidden='true' class='fa fa-check'> </i> </span> <input class='form-control' id='resulturl' onclick='this.focus();this.select()' readonly='readonly' type='text'/></div> <br/><div class='text-center'> <button class='copytoclipboard btn-sm btn btn-success' data-clipboard-action='copy' data-clipboard-target='#resulturl' id='copytoclipboard'><span class='fa fa-floppy-o'></span> Copy URL</button></div></div></div></div></div></div>

Langkah kelima, adalah memasang javascript agar safelink ini dapat berfungsi, caranya kalian cari markup </body> jika sudah dapat letakan script dibawah ini diatas markup tadi.

Maaf! Script terlalu panjang jadi tidak dapat dipublis, untuk mendapatkan scriptnya silahkan tinggalkan email kalian

Langkah terakhir atau last step adalah dengan memanggil eksekutor perintah agar safelink dapat bekerja dan berfungsi dengan baik, caranya kalian cari markup berikut ini pada template kalian;

<div id='body-post-it'>
<data:post.body/>
</div>

Pada template kalian terdapat dua markup di atas, jika ya. Gunakan markup yang kedua.
lalu ganti saja markup diatas (yang kedua) dengan code html berikut ini;


<div id='body-post-it'>
<div id="timer"/> <div class="text-center"> <button class="btn bt-success hidden" disabled="" id="getlink">Get Link</button> </div>
<data:post.body/>
<div class="text-center"> <button class="btn bt-success hidden" disabled="" id="gotolink">Go to Link</button> </div>
</div>

Setelah itu simpan template kalian, dan selsai

Baca juga : Pilihan Template Safelink Terbaik

Kesimpulan:

Template safelink ini merupakan template premium yang sangat terkenal yaitu viomagz yang diedit menjadi sebuah template safelink dengan penambahan script, css dan html khusus safelink untuk dapat meningkatkan pendapatan para blogger melalui iklan adsense, dengan penempatan iklan yang tepat, tampilan yang clean dan profesional. Untuk membuat autoscript/autopost js di blog utama, silahkan gunakan script yang terdapat pada safeplatinum. Contohnya seperti ini:

<script type='text/javascript'>
//<![CDATA[
var setting = {
exceptionurl : "googleadservices.com,blogspot.com,blogger.com,linkedin.com,facebook.com,twitter.com,feedburner.com,instagram.com,plus.google.com",
path : "#?o="
};
//]]>
</script>
<script src='https://cdn.rawgit.com/mghifariarfan/linkpunyaku/master/auto.js'/>
<script src='https://www.blogger.com/feeds/5673546978382855825/posts/default?alt=json-in-script&amp;max-results=150&amp;callback=showurl'/> 

Jangan lupa ganti Feeds ID, dengan ID Blog kalian 5673546978382855825

UPDATE! css tambahan.
silahkan tambahkan CSS stylesheet ini di blog kalian

<link href='https://www.w3schools.com/w3css/4/w3.css' rel='stylesheet'/>

Buat kalian yang ingin template safelink rasa premium bisa kesini https://broindo.blogspot.com/2020/02/update-safelink-blogger-themes.html

45Comments

  1. Siska H

    Tolong email ke Siska.handayaniggmu@gmail.com

    Balas
    balas hapus
  2. Tmc

    Tolong kirimin scriptnya ke gebankz@gmail.com
    Makasih

    Balas
    balas hapus
  3. Admin

    gan minta scriptnya kirim ke arislive41@gmail.com

    Balas
    balas hapus
  4. ~[ ADMIN ]~

    minta scriptnya smith.legrand0@gmail.com

    Balas
    balas hapus
  5. MoviRetina Admin
    MoviRetina Admin

    Please Send Me This Script on
    mohitpurohit9680@gmail.com

    & after this process some error in 4 line & 6 line

    Please give solution ��

    balas hapus
  6. MoviRetina Admin
    MoviRetina Admin

    Please Send script mohitpurohit9680@gmail.com

    balas hapus
  7. MoviRetina Admin
    MoviRetina Admin

    Please Send Script

    mohitpurohit9680@gmail.com

    balas hapus
  8. Muhammad Rutami
    Muhammad Rutami

    Minta scriptnya dong.. email ke mrutami73@gmail.com

    balas hapus
  9. Agus

    karromagusagus98@gmail.com
    Tolong di kirim mas

    balas hapus
  10. Plankton ID

    Kirim scriptny gan ke: technews282@gmail.com

    balas hapus
  11. Type your name

    Send the script to Techgurua1@gmail.com

    balas hapus
  12. Admin

    Tolong kirimin scriptnya ke 2019februari2019@gmail.com
    Makasih

    balas hapus
  13. iday alfatih

    kirim scriptnya ke idayyalfatih@gmail.com

    balas hapus
  14. Kakunsa

    This comment has been removed by the author.

    balas hapus
  15. Fajar Gaga

    tolong email script nya ke fajargaga7@gmail.com

    balas hapus
  16. Dooglas Playa

    Minta Scriptnya dikirim ke sini Gan... megasandiutama@gmail.com

    balas hapus
  17. de@hdies

    script.nya dong gan..
    sumpil112@gmail.com
    terimakasih.. 🙏

    balas hapus
  18. Donalduck

    scriptnya gan pleas
    zeodoge@gmail.com
    makasih

    Balas
    balas hapus
  19. Sarah Adelia

    scripnya bos: adelianatasya363@gmail.com

    balas hapus
  20. alikunzZz

    Susah copy nya

    balas hapus
  21. alikunzZz

    Send scriptnya bos alithea613@gmail.com

    balas hapus
  22. Egads

    script please egadwys@gmail.com

    balas hapus
  23. LokalTekno

    Boleh juga dibagi script nya

    balas hapus
  24. AM_Oon

    Ikutan gan scriptnya ...

    oonbeh@gmail.com

    balas hapus
  25. Admin

    Minta dahidseo@gmail.com

    balas hapus
  26. Herizawa

    gan kirim juga ke heri.slipknot@gmail.com

    balas hapus
  27. Zatnika

    Mantap kirim scriptnya gan ke : zatnikaj056@gmail.com


    Terima Kasih~

    balas hapus
  28. Admin

    Di tunggu scriptnya
    Yusrilfilth@gmail.com

    balas hapus
  29. Faronesia official
    Faronesia official

    Ditunggu min scriptnya😊
    Faronesia@gmail.com

    balas hapus
  30. iwan

    minta scriptnya min, iwancuah13@gmail.com

    balas hapus
  31. Kirigaya Kazuto

    ktetsuya104@gmail.com
    Thx min

    balas hapus
  32. ADMIN

    taufik33678@gmail.com

    balas hapus
  33. Mukesh Kumar

    Send Tema

    balas hapus
  34. Yana Shanko

    Kirim bro
    yanashanko93@gmail.com

    balas hapus
  35. Divya Fournier

    Send the script bro
    noobytales@gmail.com

    balas hapus
  36. Mukesh Kumar

    Send Template

    balas hapus
Previous Post Next Post