Example

FSodic.ID - Selamat pagi para jomblo-jomblo bahagia, apa kabarnya mblo? Gimana udah nikah belum atau masih sibuk cari password wifi tetangga? :gagah: Kembali lagi dengan saya orang terganteng nomor 1 sejagat yang kembali hadir dengan tutorial-tutorial jos gendos dan belum pernah dibahas oleh siapapun sebelumnya :wkwk: Tutorial kali ini merupakan tutorial lain dari JQuery dan tentu saja bisa dengan hanya Javascript murni. 1. JQuery Nah untuk tutorial dengan JQuery ini cukup simpel mudah dan cepat. Nah, sebelum itu coba kamu pastikan dulu apakah templatemu sudah tersedia JQuery, jika belum silahkan lampirkan: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> Jika kalian sudah memakai JQuery bisa lompati tahap diatas dan langsung ke tahap berikut: <script>$(document).ready(function(){   var a = window.location;   if(a.protocol == 'http:'){     $(location).attr('href', a.href.replace(/^ht...

FSodic.ID  - Halo para jomblo yang kalo malam minggu pura-pura tidur, gimana masih suka tethering dari hp temen atau masih tetap sama wifi tetangga yang tiap minggu ganti-ganti password? :wkwk: Oke pada kesempatan kali ini, saya akan membagikan tutorial , how to , pie carane  membuat link palsu. Tapi inget,  bukan link berita palsu, berita hoax atau berita-berita adu domba yang sering dipercaya emak-emak jaman now ya :gagah:. Nah sebelumnya saya akan jelaskan sedikit maksud dari link palsu disini. Link palsu disini maksudnya adalah ketika kalian mengunjungi sebuah situs, lalu terdapat link yang atribut href -nya https://www.fsodic.id namun ketika kalian klik ternyata linknya mengarah ke situs lain. Metode ini emang cocok banget buat nyangkul dollar ketika dipasang di link download untuk situs-situs download, situs-situs referral, atau sejenis lainnya yang bisa diarahkan ke safelink kalian atau apapun. Kenapa saya bilang cocok, karena tidak sedikit yang menyorot...

FSodic.ID  - Halo para jomblo, pie? Masih tetap nebeng wifi tetangga? Atau masih seneng tethering dari hp  temen? Inget sekali lagi, tau diri woy jangan youtubean :wkwk: Kali ini kita bakal bahas salah satu dari CSS3. Yap variable. Nah situs-situs besar biasanya memiliki properti yang cukup banyak yang mungkin salah satunya menggunakan properti yang sama berulang-ulang. Seperti color: #e91e63; atau  background: #e91e63; yang mana #e91e63 merupakan warna utama dari situs tersebut. Yang mungkin bisa merupakan warna dari link default, background header, ataupun backgroud dari button. Nah variable ini bisa menjadi solusi ketika seorang developer mulai merancang tampilan dari situsnya, daripada harus mengingat ataupun scroll keatas css variable dapat dimanfaatkan untuk membuat nilai properti yang sama tanpa harus terus-terusan menulisnya berulang. Secara umum, untuk mendeklarasi variable adalah: element { --nama-variable: nilai; } Dan untuk menggunakannya bisa den...

FSodic.ID  - Selamat pagi para jomblo, apa kabarnya hari ini. Gimana semalam malam mingguan nggak? Atau ngumpet dikamar karena gak punya pacar :wkwk: Jomblo lama-lama kok betah :gagah: Hari ini masih dengan tema yang sama dengan posting sebelumnya. Yap, JQuery. Banyak sebenernya library-library javascript diluar sana seperti bootstrap v5  yang juga sudah meninggalkan jquery dan sudah memasuki tahap alpha, dan masih banyak lagi yang lebih baru dan lebih powerful namun saya masih lebih suka dengan JQuery walaupun versi terakhir yang saya tau masih versi 3.5. Dan sudah ada roadmap untuk v3.6 dan v4.0. Meskipun di WapBlog.ID sendiri saya masih memasang JQuery v3.1 namun tidak menutup kemungkinan setelah project ini wapblog akan mulai menyusun javascriptnya sendiri. Oke tanpa banyak basa basi lagi, setelah sekian cerita diawal, kali ini kita ke pokok bahasan kita. Mungkin diantara kamu ada yang lupa atau lelah dengan menambahkan atribut  target="_blank" untuk ...

FSodic.ID  - Halo mblo, gimana tethering masih lancar? Tau diri ya kalo tethering punya temen :wkwk: Oke hari ini saya mau ngebahas sedikit tentang custom scrollbar. Mengapa scrollbar dicustom? ya pasti biar nyambung sama tema blognya lah :gagah: Sebelum masuk ke inti artikelnya, saya jelaskan sedikit bahwa custom scrollbar yang akan kita gunakan merupakan  pseudo-element  dari css yang hanya berjalan di browser yang menggunakan teknologi webkit . Dan untuk browser mozilla baik di ponsel ataupun desktop-nya scrollbar ini tidak akan berjalan. Oke tanpa banyak basa-basi lagi, kita langsung lihat saja gambarnya berikut: Keterangan: 1. Scrollbar ::-webkit-scrollbar 2. Scrollbar Button ::-webkit-scrollbar-button 3. Scrollbar Thumb ::-webkit-scrollbar-thumb 4. Scrollbar Track ::-webkit-scrollbar-track 5. Scrollbar Track Pieces ::-webkit-scrollbar-pieces 6. Scrollbar Corner ::-webkit-scrollbar-corner 7. Resizer ::-webkit-resizer Contoh simple CSS: body { height: 1...