mrfdn.com – Pada artikel kali ini saya mencoba membuat form sederhana. Fungsi form ini adalah untuk mengirimkan data dari aplikasi web ke Google Sheets namun kali ini menggunakan Svelte JS Jadi langsung saja buat dulu file komponen Svelte. Lalu pastekan kode ini pada bagian tersebut <script> //export let data; const scriptURL = “https://script.google.com/macros/s/AKfycbyguZjskDwvOMge67lJXgNfFkWX9xt7orf5Hx3UyFjE3OMELyitQ3wh6jM5Vl_casdf/exec”; let form; […]

mrfdn.com – Setelah membuat undangan online berbasis website, mungkin Anda ingin mengetahui trik agar lebih mudah dalam menyebarkan link undangan online. Pasti repot memasukkan nama tamu satu per satu untuk setiap link undangan yang ingin dikirimkan. Disini saya ingin berbagi teknik menggunakan Excel/Google Sheets atau aplikasi sejenisnya. Cara kirim undangan pernikahan lewat WA# Pertama, salin

Setelah menggunakan Bulma, saatnya menggunakan Tailwind untuk website Hugo saya karena kelas Tailwind lebih mudah dipahami dibandingkan Bulma. Tailwind adalah salah satu kerangka kerja CSS terkemuka di dunia. Ini adalah kerangka CSS saya. Dengan Tailwind saya dapat dengan mudah membuat berbagai halaman website yang bagus. Tailwind sangat sederhana karena di sana kami menulis kelas untuk

Reset CSS adalah teknik pengembangan web yang bertujuan untuk mengatur ulang tampilan default elemen HTML yang diatur oleh browser. Tujuan utama reset CSS adalah untuk menciptakan konsistensi antar browser yang berbeda dalam menampilkan elemen dasar HTML. Setiap browser memiliki gaya default yang diterapkan pada elemen HTML seperti margin, padding, tipografi, ukuran teks, dll. Gaya ini

mrfdn.com – Hugo memiliki beberapa fungsi yang dapat digunakan untuk merender halaman yang diinginkan. Salah satunya adalah fungsi if Dan isset Yang bisa dilakukan dengan syarat. Daripada melakukan pengkondisian sederhana seperti menampilkan deskripsi atau ringkasan di Hugo Pada artikel ini saya ingin menunjukkan bagaimana saya menggunakan fungsi if isset untuk merender taksonomi yang namanya telah

mrfdn.com – Kali ini saya hanya ingin mencatat cara kerja integrasi tailwind css menggunakan file laravel blade. Instal dependensinya terlebih dahulu npm install -D tailwindcss postcss autoprefixer Sekarang instal penarik npx tailwindcss init -p Sekarang buka filenya tailwind.config.js Kemudian tambahkan baris ini: /** @type {import(‘tailwindcss’).Config} */ export default { content: [“./resources/**/*.blade.php”], theme: { extend: {},

mrfdn.com – Seperti diketahui, WordPress memiliki fitur bernama Rest API. Jika fitur ini diaktifkan kita dapat menggunakannya dengan bebas. Kita dapat menangkap daftar artikel di situs WordPress. Salah satu cara menggunakan REST API WordPress adalah dengan Svelte/SvelteKit SvelteKit memiliki fitur untuk menampilkan data/memuat data dari link API. Jadi tanpa basa-basi lagi, begini caranya. Pastikan website

mrfdn.com – Dalam pengembangan WordPress di Nixos, terkadang kita perlu menambahkan ukuran file upload sebagai konfigurasi PHP. Sekarang di nixos, kita dapat menambahkan baris ini ke konfigurasi.nix atau konfigurasi nixos LEMP yang dibuat sebelumnya. services.phpfpm.phpOptions = ” date.timezone = “Asia/Makassar”; display_errors = on; upload_max_filesize = “100M”; post_max_size = “100M”; ”; Setelah itu build kembali confignya,

mrfdn.com – Sekarang saya ingin mencatat cara menampilkan data dalam loop menggunakan komponen Svelte yang berjalan di proyek Astro JS. Pastikan Anda menambahkan Svelte ke Astro npx astro add svelte Setelah itu buka filenya ./package.json Kemudian pastikan Svelte sudah terinstal. Hapus file jika perlu ./package-lock.json Kemudian instal dengan perintah npm install. Sekarang buat komponen yang