Online Web Tutorial

Membuat Safelink di WapBlog.ID

Membuat Safelink di WapBlog.ID - 001

FSodic.ID - halo mblo,  40 tahun yang lalu sepertinya saya teringat banyak sekali permintaan wapblog untuk memberikan fitur safelink. Dan ketika itu saya tidak menjawab karena memang fitur safelink via server tidak akan ada. Tapi tenang, diposting kali ini saya bakal memberikan tutorial dengan javascript untuk membuat safelink yang pernah kalian tunggu-tunggu.

1. Javascript:
Nah, yang pertama kalian lakukan adalah menambahkan javascript ditemplate yang kalian gunakan dan pastikan juga template kalian terdapat JQuery. Bila belum silahkan kopi code berikut sebelum tag penutup body:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

Nah berikut code javscript-nya dan letakan dibawah jquery dari template kalian:
<script>var x = new URLSearchParams(window.location.search), y = x.get('r');
$(document).ready(function(){
  $('#mySafelink').html('<a href="'+atob(y)+'">Text safelink</a>');
});</script>

2. HTML:
Setelah menambahkan javascript diatas, kalian bisa melanjutkan dengan menempatkan link safelink pada template kalian misalnya di post dengan tag div, paragraft atau apapun itu dengan id mySafelink.

<div id="mySavelink"></div>

screenshot:
Membuat Safelink di WapBlog.ID - 002

3. URL
Safelink akan berjalan apabila urlnya mengandung query r atau http://www.example.com/posting.xhtml?r=aHR0cHM6Ly93d3cuZnNvZGljLmNvbQ== yang mana nilai query berupa base64.

4. Posting
Selanjutnya kalian bebas mengarahkan safelink ini kemanapun diblog kalian atau keposting terdahulu dengan contoh url https://www.fsodic.id/youtube-iframe-dengan-jquery.xhtml?r=aHR0cHM6Ly9mcy5pZG5ibG9nZ2VyLmNvbS9maWxlcy9mcmFnLWJ1bm55Lm1wNA==
Screenshot:
Membuat Safelink di WapBlog.ID - 003

5. Demo:
untuk demo bisa kesini mblo:
Judul: video frag bunny
Download (5 Mb)

Dokumentasi:
1. Api browser URLSearchParamas() yang bisa kalian lihat disini.
2. Api browser atob() yang bisa kalian lihat disini.
3. Encoder base64 https://www.base64encode.org

Oke mblo, cukup sampe disini dulu ya. Kita ketemu lagi di next posting tutorial-tutorial wapblog.