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="mySafelink"></div>
screenshot:
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:
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.