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'/>

37Comments

Silahkan berkomentar, dan jangan tinggalkan link aktif

  1. Tolong email ke Siska.handayaniggmu@gmail.com

    ReplyDelete
    Replies
    1. Oke, susuai sma demonya. Terimakasih ya kak 😉.

      Nyari ke mana-mana tapi tapi pada gk sesuai. Cuma blog ini aja yang sesuai. Terimakasih sudah berbagi.

      Delete
    2. oke, senang bisa membantu :D

      Delete
    3. Tolong email ke mrutami73@gmail.com

      Delete
  2. Tolong kirimin scriptnya ke gebankz@gmail.com
    Makasih

    ReplyDelete
  3. gan minta scriptnya kirim ke arislive41@gmail.com

    ReplyDelete
  4. minta scriptnya smith.legrand0@gmail.com

    ReplyDelete
    Replies
    1. tolong balas email saya lagi, saya ada keluhan

      Delete
  5. Please Send Me This Script on
    mohitpurohit9680@gmail.com

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

    Please give solution ��

    ReplyDelete
  6. Please Send script mohitpurohit9680@gmail.com

    ReplyDelete
  7. Please Send Script

    mohitpurohit9680@gmail.com

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

    ReplyDelete
  9. karromagusagus98@gmail.com
    Tolong di kirim mas

    ReplyDelete
  10. Kirim scriptny gan ke: technews282@gmail.com

    ReplyDelete
  11. Send the script to Techgurua1@gmail.com

    ReplyDelete
  12. Tolong kirimin scriptnya ke 2019februari2019@gmail.com
    Makasih

    ReplyDelete
  13. kirim scriptnya ke idayyalfatih@gmail.com

    ReplyDelete
  14. This comment has been removed by the author.

    ReplyDelete
  15. tolong email script nya ke fajargaga7@gmail.com

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

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

    ReplyDelete
  18. scriptnya gan pleas
    zeodoge@gmail.com
    makasih

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
  19. scripnya bos: adelianatasya363@gmail.com

    ReplyDelete
  20. Send scriptnya bos alithea613@gmail.com

    ReplyDelete
  21. script please egadwys@gmail.com

    ReplyDelete
  22. Boleh juga dibagi script nya

    ReplyDelete
  23. Ikutan gan scriptnya ...

    oonbeh@gmail.com

    ReplyDelete
  24. Minta dahidseo@gmail.com

    ReplyDelete
  25. gan kirim juga ke heri.slipknot@gmail.com

    ReplyDelete
  26. Mantap kirim scriptnya gan ke : zatnikaj056@gmail.com


    Terima Kasih~

    ReplyDelete
  27. Di tunggu scriptnya
    Yusrilfilth@gmail.com

    ReplyDelete

Post a Comment

Silahkan berkomentar, dan jangan tinggalkan link aktif

Previous Post Next Post