Cara Menambahkan Custom CSS dan Javascript pada Wordpress Block Theme

mrfdn.com - Saya sedang membuat wordpress custom theme. Theme dasarnya adalah Twenty Twenty Three. Yang mana pada theme ini merupakan implementasi dari fitur wordpress block. Wordpress block theme ini model pengembangannya beda sekali dengan pengembangan theme wordpress secara classic yang mana semuanya dibuat menggunakan php. Pada wordpress block theme kita menggunakan file .json untuk menulis konfigurasi sekaligus styling. Nah, karena saya tidak familiar dengan penulisan ini, saya ingin menyematkan konfigurasi css dan js saya sendiri. ...

February 11, 2023 · 1 min · Rafi

Cara Menggunakan Tmux

mrfdn.com - Tmux merupakan sebuah aplikasi yang berjalan pada terminal. Dia bisa berfungsi seabagai manager pada sebuah terminal. Dengan Tmux kita bisa melakukan banyak hal hanya melalui sebuah aplikasi terminal emulator. Misalnya seperti Jika Tmux dijalankan pada mode TTY maka kita bisa melihat kelebihan utama dari Tmux. Pada tutorial kali ini saya ingin menunjukkan bagaimana cara saya setting dan menggunakan Tmux. Kenapa menggunakan tmux? Tmux banyak digunakan oleh mereka yang sering bekerja secara terminal konsol. ...

February 7, 2023 · 5 min · Rafi

Mengirim Data Dari Localhost Ke Google Sheet

mrfdn.com - Pada tutorial sebelumnya sudah dijelaskan tentang cara menampilkan data dari Google Sheet ke file HTML di Localhost. Kali ini saya ingin share bagaimna cara mengirim data dari localhost ke Google Sheet menggunakan form HTML sederhana. Script HTML untuk submit ke satu sheet Google Sheet Pertama, buat file form html nya, kira-kira seperti ini. <h1 id="pesan"></h1> <form id="submitform"> <input type="text" name="nomor" id="nomor" placeholder="nomor" /><br /><br /> <input type="text" name="nama" id="nama" placeholder="nama" /><br /><br /> <input type="text" name="alamat" id="alamat" placeholder="alamat" /><br /><br /> <input type="submit" id="sub" value="kirim" /> </form> <script is:inline> // submit let form = document.getElementById("submitform"); form.addEventListener("submit", (e) => { e.preventDefault(); document.querySelector("#sub").value = "Sedang mengirim.."; let user = new FormData(form); fetch( "GANTI-URL-EXEC-GOOGLE-APPSCRIPT-DISINI", { method: "POST", body: user, } ) .then((res) => res.text()) .then((user) => { document.querySelector("#pesan").innerHTML = user; document.querySelector("#sub").value = "Submit"; document.getElementById("submitform").reset(); }); }); </script> Pada script ini kita akan menggunakan metode POST untuk mengirim data ke Google Sheet melalui API yang sudah didapatkan. ...

January 10, 2023 · 5 min · Rafi

Menampilkan Data Dari Google Sheet Localhost Gridjs

mrfdn.com - Kali ini saya ingin membagikan tutorial tentang cara menampilkan data table dari Google Sheet ke HTML di Localhost. Di sini saya menggunakan GridJS untuk menampilkan data tersebut ke dalam tabel. Kenapa Gridjs? Karena fitur yang saya inginkan ada di sini, seperti: Pencarian Pagination Sort Fetch API dan lain-lain. Pertama, buatlah sebuah table sederhana di Google Sheet. misalnya seperti ini : Kemudian untuk membuatnya bisa diakses, tekan Share pada pojok kanan atas, lalu set menjadi Anyone. ...

January 10, 2023 · 2 min · Rafi

Cara Menggunakan Rumus ARRAYFORMULA di Google Sheet

mrfdn.com - Langsung saja. Misalnya pada Sheet1 saya memiliki beberapa kolom data dari kolom A, B, C, D. Kemudian pada Sheet2, saya ingin mengextrak kolom tertentu saja, misalnya kolom C saja. Cara terbaik adalah gunakan rumus ARRAYFORMULA. Jadi pada Sheet2 kolom A, cukup ketik =ARRAYFORMULA(IF(F2:F,(TEXT(F2:F,"###,##")),)) Maka hasilnya, semua konten yang terdapat pada kolom C akan otomatis muncul. Rumus Array formula juga bisa digunakan untuk menghitung berapa nilai PPH dan BPHTB sebuah transaksi jual beli Rumus untuk mendapatkan nilai PPH menggunakan arrayformula di Google sheet. ...

January 1, 2023 · 1 min · Rafi

Reseller Hosting - New Business Opportunity

There is a potential to earn additional income through web hosting even if you do not own your own servers. This presents a unique opportunity to make a profit with a low initial investment. You can get started in the hosting reseller business by purchasing a reseller account from the provider of your choice and then beginning to sell hosting through that account. It is important to keep in mind that in order to run a successful reseller hosting business, you will need to put in a lot of hard work and effort. ...

December 29, 2022 · 4 min · Rafi

Review Thinkpad P50 Second

mrfdn - Akhirnya terkumpul juga uang untuk membeli sebuah laptop idaman sejak jaman dulu. Mengingat dulu harganya bisa dibilang tidak terjangkau, tapi sekarang sudah merakyat. Namanya Lenovo Thinkpad P50. Saya mendapatkan laptop ini dengan kondisi second / bekas dengan harga di bawah 10 juta di Toko hijau. Dengan spek yang sudah ketinggalan jauh, tapi saya merasa bahwa thinkpad P50 memang masih layak digunakan pada tahun 2025 ini. ...

December 9, 2022 · 4 min · Rafi

#7: Cara Membuat Hugo Theme From Scratch - 404.html

mrfdn.com - Halaman 404 adalah halaman yang berisi tentang informasi halaman tidak ditemukan pada sebuah situs yang diakses. Halaman ini bisa ditampilkan atau bisa juga tidak dengan cara melakukan redirect ke halaman lain jika memang url tidak terdapat pada situs. Di hugo kita bisa set halaman 404. Halaman ini nanti akan berfungsi sebagai penanda kepada user jika saja salah memasukan url. Isinya hanya sejumlah informasi bahwa halaman tidak ditemukan dan url link ke home / halaman utama. ...

November 30, 2022 · 1 min · Rafi

#6: Cara Membuat Hugo Theme From Scratch - Shortcode

mrfdn.com - Shortcode di hugo merupakan salah satu cara untuk memanggil elemen tertentu pada situs. Misalnya kita ingin membuat toc (term of service) di dalam artikel hugo, maka kita bisa dengan mudah memanggilnya dengan shortcode. Shortcode juga ditemukan di Wordpress. Tapi untuk membuat shortcode di WP cukup sulit, beda dengan HUGO dimana kita hanya perlu membuat file shortcode lalu memanggilnya di mana pun kita inginkan. Membuat shortcode TOC di Hugo ...

November 30, 2022 · 2 min · Rafi

#5: Cara Membuat Hugo Theme - Archetypes

mrfdn.com - Archetypes di hugo merupakan sebuah folder yang berisi sebuah file default.md yang berfungsi sebagai konfigurasi frontmatter pada setiap postingan markdown yang dibuat. Contoh archetypes hugo yang saya gunakan saat ini : --- title: "{{ replace .Name "-" " " | title }}" date: {{ .Date }} url: /{{.File.TranslationBaseName}} tags: description: tulis deskripsi singkat di sini thumbnail: /uploads/url-gambar-thumbnail.jpg draft: true --- Baris kode di atas akan muncul setiap kali membuat sebuah postingan baru di hugo. ...

November 29, 2022 · 1 min · Rafi