mrfdn.com – Pada artikel sebelumnya kita sudah berhasil menampilkan list artikel / konten yang terdapat pada blog hugo yang sedang dibuat. Pada artikel ini saya ingin menunjukkan cara untuk menampilkan setiap isi artikel tersebut melalui file single.html. Single.html adalah file yang bertugas untuk merender setiap halaman postingan yang terdapat pada folder content. Silahkan edit file […]
#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 […]
#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 […]
Workaround to Install Ubuntu 20.04 with Intel RST systems
Sudah hampir dua tahun sepertinya sejak terakhir mengisi blog ini dan setelah membersihkan jaring laba-laba yang sudah berdebu di website ini (saya sempat tidak dapat mengakses panel admin karena versi PHP yang tidak didukung oleh salah satu komponen dalam blog ini). Salah satu tulisan yang akan saya bagikan kali ini adalah perihal dual boot Windows-Linux […]
#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 […]
AI Series: Mengenal Large Language Models
Kita hidup di era ketika mesin mulai bisa membaca, menulis, menerjemahkan, merangkum, bahkan berdebat, ada satu teknologi yang menjadi pondasinya: kecerdasan buatan. Seri tulisan ini hadir untuk membongkar lapisan demi lapisan teknologi tersebut, mulai dari bagaimana komputer belajar memahami bahasa manusia, apa yang sebenarnya terjadi ketika kamu mengetik pertanyaan ke ChatGPT atau Claude, hingga […]
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 […]
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 […]
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. […]
Membuat Navbar Sticky Navbar yang Bisa Sembunyi Saat Scroll Bawah dan Muncul Saat Scroll ke Atas
mrfdn.com – Mungkin anda pernah terpikir untuk membuat responsif navbar yang bisa sembunyi saat scroll ke bawah lalu saat scroll layar ke atas navbar tersebut bisa munucl tanpa scroll full ke atas layar. Ini bisa dipecahkan dengan menjalankan beberapa baris javascript DOM. Misalnya navbar saya tempatkan di dalam sebuah header seperti ini. <header> <nav class="container"> […]

