Postingan

Menampilkan postingan dari September, 2020

Membuat Iklan di Tengah Artikel dengan JQuery

Gambar
FSodic.ID  - Halo para omnivora, gimana tethering temen lancar? Atau temen mulai pelit dimintain tetheringan? sabar saja kalo begitu :wkwk: Posting akhir bulan kali ini adalah tentang memindahkan iklan ke lokasi-lokasi yang lebih strategis. Yup, karena ditemplate wapblog sendiri kita tidak bisa memaksa memasukan iklan kedalam tag/function yang sudah tersedia, maka kita harus memindahkan iklannya secara manual melalui Client-Side. Nah, ngebahas mindahin iklan kemarin atau beberapa hari lalu ada nih yang nanya diforum wapblog bagaimana cara memindahkan iklan dibagian tengah artikel ( https://forum.wapblog.id/lainnya/tak-berkategori/1288/cara-pasang-iklan.htm ). Dan disitulah saya terfikirkan untuk membuat artikel ditengah-tengah sibuknya saya :gagah: Langsung saja kita mulai, sebagai contoh disini saya menggunakan yllix.com . Untuk mendaftar, saya tidak menjelaskan bagaimana rinciannya, silahkan mendaftar sendiri :wkwk: Oke pertama kalian siapkan dahulu template yang akan kalian guna...

Membuat Text Link Warna Gradient

Gambar
FSodic.ID - Halo mblo, gimana wifi tetangga lancar? Pie passwordnya udah diganti :wkwk: Posting kali ini saya sedikit membahas tentang css gradient. Nah mungkin diantara kalian sudah banyak yang tahu cara membuat background gradient. Tapi pernahkah kalian membuat text-nya menjadi warna gradient. Langsung simak saja tutorialnya! 1. HTML Kita akan mengubah link dengan id  btnGradient  sehingga silahkan disiapkan dahulu htmlnya seperti ini: <a href="https://www.fsodic.id" id="btnGradient">www.fsodic.id</a> 2. CSS Lanjut ke css-nya: a#btnGradient{   background: linear-gradient(90deg, #000, #f00);   -webkit-background-clip: text;   -webkit-text-fill-color: transparent; } Demo: www.fsodic.id Pie, bagus kan? :palu: Perlu diingat,  -webkit-text-fill-color tidak semua browser menudukung properti ini sehingga sangat disarankan untuk menghindari hanya menggunakan properti ini selain ada tambahan properti lain seperti warna dll. M...

Github untuk Penyimpanan file Javascript, CSS, dan Gambar dengan HTTPS

Gambar
FSodic.ID - Selamat pagi mblo, gimana sehat hari ini? Sudah ganteng belum? Sesuai kata saya beberapa hari lalu, kita bakal bahas gimana caranya menyimpan file seperti javascript dengan protokol https  mengingat wapblog sendiri tidak mengijinkan penyimpanan file-file javascript. Selain menyewa server sendiri, kita juga masih bisa memanfaatkan penyedia-penyedia gratis yang banyak dikelola oleh perusahaan-perusahaan besar. Kali ini kita gunakan github sebagai media penyimpanan mengingat besarnya perusahaan ini maka sangat cocok untuk menyimpan file-file atau berkas tanpa takut hilang atau dihapus. Github sendiri sekarang merupakan anak perusahaan dari Microsoft. Langsung saja buka github.com  silahkan membuat akun bagi yang belum memiliki, dan yang sudah pernah bisa langsung saja lanjut ke tahap berikutnya. Buka profile ( github.com/username ) dan pilih tab Repo ( Repositories ): Setelah berada dihalaman repo, klik tombol New: Isi detail repo: Setelah selesai dengan f...

Membuat Safelink di WapBlog.ID

Gambar
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)+'...