Postingan

Change Event Select di Javascript

Gambar
FSodic.ID  - Halo para jomblo, gimana kabar kalian? Wifi aman? Atau lagi terisolir? Tenang, make VPN bisa kok buat buka isolirnya :wkwk: Oke dikesempatan kali ini, saya akan membagikan tutorial Event Onchange dengan Pure Javascript dan JQuery. Jadi gak main-main tutorialnya langsung 2 bentuk :gagah: Mengingat ada salah satu tema di WapBlog.ID yang tidak menggunakan Internal atau External Javascript, Posting ini mungkin bisa untuk menambah materi posting yang ntah berapa tahun tidak ada tambahan :wkwk: Mengintip menu tema tersebut, saya mendapatkan element seperti ini: <select class="mudon" name="url" onchange="window.open(this.options[this.selectedIndex].value,'_top')"> <option>Menu</option> <option value="https://official.wapblog.id">Home</option> <option value="https://official.wapblog.id/about.xhtml">About</option> </select> Kita analisa terlebih dahulu, terdapat attribut on...

Membuat Animasi Loading dengan JQuery

Gambar
FSodic.ID  - Halo para jomblo, gimana kabar kalian? Wifi tetangga aman? atau lagi terisolir belum dibayar :wkwk: oke sambil nunggu tetangga ke Indomaret buat bayar wifinya, mending ikuti tutorial di fsodic.id. Tenang, tutorial di fsodic.id gak akan ngebahas tentang PHP, Linux, Ubuntu atau Android melainkan hanya tutorial-tutorial tentang blog khususnya blog di WapBlog.ID  dan mungkin bisa diaplikasikan ke situs atau blogmu diluar WapBlog.ID. Pada kesempatan ini, saya akan ngebahas salah satu permintaan user yang meminta Tutorial Membuat animasi loading pada blog. Berhubung sedang buntu buat ngepost setelah semalam buat ngejar versi Baru WapBlog.ID bagian Akun Set, mau main PUBG juga too soon mulu :wkwk: dan saya juga lagi cari-cari bahan postingan, ya okelah. Oke, sebelum kita mulai alangkah baiknya kalian siapkan dulu alat-alat pendukung berikut: - Secangkir kopi hitam - Sebungkus rokok L* Bold - Putar lagu yang membara - Dan setoples cemilan Apabila sudah siap, yu...

Cara Memutar Video Google Drive HTML5

Gambar
FSodic.ID  - Halo mblo, selamat malam. Bagaimana kabar kalian? Wifi tetangga masih aman? atau lagi tethering punya temen? Kayak saya dong tethring dari provider Rumah Merah :gagah: Ya walaupun suka resek karena seringnya main blokir IP atau mutus koneksi pas upload video ratusan MB saya tetap setia :palu: Sesuai judul, kali ini sebuah tutorial yang gak kalah bagusnya dengan tutorial-tutorial saya sebelumnya diblog ini, yaitu Memutar Video Google Drive hanya dengan HTML5. Bagi kamu yang suka nyimpen-nyimpen video di Google Drive, dan bingung make API yang sering kena limit tutorial ini mungkin bisa menjadi alternatif yang cocok. Sebagai contoh, video kamu adalah https://drive.google.com/file/d/ 1oTkfUsjCBUSvNGm3VRf1H6cRkWbq-ugg /view   Ambil ID Video Google Drive mu (bagian tebal pada link saya). Sebelum lanjut, biasanya bentuk link berbeda-beda walaupun begitu ID Video tersebut tetap sama. Langsung ke kode <video src="https://drive.google.com/u/0/uc?id= 1oTkfUsjCBUSvNG...

Membuat Tanggal Bahasa Indonesia dengan JQuery di WapBlog.ID

Gambar
FSodic.ID - Halo mblo selamat sore, gimana wifi tetangga masih lancar dan aman? Sesuai dengan janji saya diposting sebelumnya di blog Official WapBlog.ID tentang tutorial membuat tanggal dalam Bahasa Indonesia dimana semua tahu bahwa bahasa Default blog di WapBlog.ID menggunakan Bahasa Inggris. Mungkin ada yang bertanya kenapa gak sekalian kemaren atau kenapa gak dibahas diblog official, itu karena Blog Official ditujukan untuk memberikan informasi dan update terbaru WapBlog.ID sementara saya di blog ini membuat tutorial-tutorial. Kita lanjut ke tutorial, sesuai dokumentasi tema WapBlog.ID bahawa  <wb:post_time_c> merupakan child tags yang otomatis menampilkan tanggal posting baik di Index maupun di Single Post dengan zona Waktu GMT+0 , bagi kalian yang berada di zona waktu WIB GMT+7 , WITA GMT+8 , dan WIT GMT+9 . GMT+0 sendiri digunakan untuk lebih memudahkan convert-convert seperti tutorial ini dan tidak perlu melakukan ini-itu untuk menjadikan GMT+0 . Saya tegaskan seka...

Mengalihkan Blog WapBlog ke SSL dengan JQuery dan Javascript

Gambar
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...

Membuat Fakelink dengan JQuery

Gambar
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...

Mengenal Variable di CSS3

Gambar
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...