Memulai Dunia Maya Tanpa Merogoh Kocek: Hosting Gratis dengan GitHub Pages dan Blogger

PintarApp • Juli 28, 2026
Memulai Dunia Maya Tanpa Merogoh Kocek: Hosting Gratis dengan GitHub Pages dan Blogger
Pernahkah kamu merasa gatal ingin memamerkan hasil karyamu di internet, entah itu portofolio desain web keren, aplikasi kecil yang baru selesai dikoding, atau mungkin catatan harian tentang resep masakan kesukaanmu? Aku ingat sekali dulu, di awal-awal belajar koding, ada sensasi frustrasi yang sedikit menggelitik setiap kali memikirkan "Oke, kodenya udah jadi. Terus gimana biar orang lain bisa lihat?". Pikiran tentang sewa hosting bulanan, server, dan tetek bengeknya langsung bikin kening berkerut. Rasanya seperti sudah berhasil merakit sebuah mobil balap dari nol, tapi bingung di mana mencari sirkuit gratis untuk menjajalnya. Untungnya, di era digital ini, ada banyak "sirkuit" gratis yang bisa kita pakai, dan dua yang paling populer serta ampuh adalah GitHub Pages dan Blogger. Mari kita bongkar satu per satu!

Mengapa Harus Pusing-pusing dengan Hosting Gratis?

Dulu, untuk punya 'rumah' di internet, kita harus menyewa tanah (hosting) dan membangun rumahnya (domain). Biayanya lumayan, apalagi kalau kita baru mulai, masih coba-coba, atau hanya punya proyek pribadi yang belum menghasilkan uang. Ibaratnya, kamu baru mau jualan gorengan di pinggir jalan, tapi disuruh sewa ruko mewah. Kan nggak masuk akal, ya?

Nah, di sinilah hosting gratis berperan sebagai penyelamat. Ini seperti kamu dapat lapak gratis di pasar ramai atau bengkel kosong yang boleh kamu pakai tanpa biaya sepeser pun. Tujuannya jelas: untuk belajar, bereksperimen, membangun portofolio, atau meluncurkan proyek sampingan tanpa beban finansial. Ini adalah gerbang ideal bagi para pengembang muda, mahasiswa, atau siapa pun yang ingin menunjukkan karyanya ke dunia tanpa harus mikir kantong bolong.

GitHub Pages: Garasi Pribadi untuk Mobil Balap Statis-mu

Bayangkan kamu punya garasi super canggih di rumahmu (itu GitHub repository-mu). Di garasi ini, kamu bisa menyimpan semua desain blueprint, onderdil, dan bahkan mobil balapmu yang sudah jadi. GitHub Pages itu seperti bagian dari garasi tersebut yang punya landasan pacu pribadi. Begitu mobil balapmu (website statis-mu) selesai dirakit, kamu tinggal dorong dia ke landasan itu, dan voila! Semua orang bisa melihat mobilmu melaju kencang.

GitHub Pages dirancang khusus untuk website statis. Artinya, dia paling cocok untuk HTML, CSS, JavaScript murni, atau situs yang dibangun dengan static site generator (seperti Jekyll, Hugo, atau Astro). Cocok banget buat portofolio developer, dokumentasi proyek, landing page produk sederhana, atau blog personal yang nggak butuh database kompleks.

Bagaimana Cara Membangun Sirkuit Pribadimu dengan GitHub Pages?

  1. Buat Repositori Baru:

    Masuk ke akun GitHub-mu. Untuk project website pribadi, buat repositori dengan format namauseranda.github.io (misal: andre.github.io). Jika untuk project tertentu, beri nama saja sesuai projectnya (misal: aplikasi-hitung-kalori).

  2. Kirim Blueprint-mu (Push Kode):

    Letakkan semua file website-mu (index.html, style.css, folder js, images, dll.) ke dalam repositori tersebut. Pastikan file index.html adalah halaman utama yang ingin ditampilkan. Kirim kode tersebut ke branch main (atau master, tergantung konfigurasi repositorimu).

    git init
git add .
git commit -m "First commit: initial website files"
git branch -M main
git remote add origin https://github.com/namauseranda/namauseranda.github.io.git
git push -u origin main
  3. Nyalakan Saklar Landasan Pacu:

    Pergi ke tab Settings di repositori-mu. Di sana, cari menu Pages. Pilih branch main (atau gh-pages jika kamu punya) sebagai sumber deployment, lalu klik Save. Dalam beberapa menit, GitHub akan membangun dan menerbitkan situsmu. Kamu akan diberikan URL gratis (misal: https://namauseranda.github.io/ atau https://namauseranda.github.io/nama-project/).

  4. (Opsional) Pasang Papan Nama Kustom:

    Jika kamu sudah punya domain sendiri (misal: myawesomesite.com), kamu bisa mengaitkannya di bagian Custom domain pada Settings Pages ini. GitHub akan memberimu instruksi untuk mengatur CNAME record di penyedia domainmu. Anggap saja ini mengganti papan nama garasi menjadi namamu sendiri!

Keunggulan GitHub Pages: Integrasi dengan Git (versi kontrol luar biasa!), mudah digunakan untuk proyek statis, cocok untuk developer. Kekurangan GitHub Pages: Hanya untuk situs statis (tidak bisa backend database, PHP, dll.), ada batasan ukuran file.

Blogger: Warung Sederhana di Tengah Keramaian Pasar

Jika GitHub Pages adalah garasi pribadi nan eksklusif, maka Blogger itu ibaratnya kamu dapat lapak gratis di tengah pasar tradisional yang ramai banget (punya Google!). Kamu nggak perlu mikirin bangun pondasi, atap, atau listrik. Semua sudah disediakan. Kamu tinggal menata daganganmu di lapak itu. Meskipun namanya Blogger (identik dengan blog), platform ini sangat fleksibel dan bisa kita 'sulap' untuk hosting website atau aplikasi sederhana.

Blogger sangat cocok untuk blog, landing page yang kaya teks dan gambar, portofolio yang lebih artistik daripada teknis, atau bahkan single-page applications (SPA) yang ringan dan bisa di-inject ke dalam template HTML-nya. Keunggulannya, dia terintegrasi langsung dengan ekosistem Google, jadi urusan SEO dan kecepatan terkadang sudah lebih terjamin.

Mengubah Lapak Blog Menjadi Galeri Pribadi dengan Blogger

  1. Buka Warung Baru:

    Login ke Blogger dengan akun Google-mu. Klik Blog baru. Beri nama untuk blogmu dan pilih URL gratisnya (misal: namamu.blogspot.com).

  2. Sulap Tampilan Warung (Edit Tema):

    Pergi ke menu Tema. Di sana, kamu akan melihat banyak pilihan template. Pilih salah satu yang paling sederhana atau yang paling kamu suka, lalu klik Sesuaikan. Setelah itu, pilih Edit HTML. Di sinilah "keajaiban" dimulai.

  3. Pajang Daganganmu (Tempel Kode HTML/CSS/JS):

    Dalam editor HTML Blogger, kamu akan melihat kode-kode XML dan HTML bawaan Blogger. Ini adalah "cetakan" dasar lapakmu. Untuk "menghosting" website atau SPA-mu, kamu bisa:

    • Opsi Mudah (Untuk SPA/Statik Sederhana): Hapus semua kode yang ada di antara tag <body> dan </body>, lalu tempelkan semua kode HTML utama website-mu di sana. Jangan lupa sisipkan juga kode CSS (dalam tag <style> di <head>) dan JavaScript (dalam tag <script> biasanya sebelum </body>). Pastikan semua resource (gambar, font) di-load dari URL eksternal (CDN) atau di-base64-kan, karena Blogger tidak mengizinkan kita mengupload file statis sembarangan. 
      <!DOCTYPE html>
<html>
<head>
<title>Judul Situs Kerenku</title>
<style>
/* Kode CSS kamu di sini */
body { font-family: sans-serif; }
</style>
</head>
<body>
<!-- Semua isi HTML website-mu di sini -->
<h1>Halo Dunia! Ini Website Saya</h1>
<p>Selamat datang di warung digital saya.</p>
<script>
// Kode JavaScript kamu di sini
console.log("Website berhasil dimuat!");
</script>
</body>
</html>
    • Opsi Agak Lanjutan (untuk Blog/Konten Dinamis): Manfaatkan struktur Blogger untuk memposting konten sebagai 'postingan' atau 'halaman' statis, dan sesuaikan template untuk menampilkan data tersebut. Ini lebih cocok jika kontenmu sering berubah.

    Setelah menempelkan kode, klik Simpan.

  4. Lihat Warungmu Dibuka:

    Klik Lihat blog dan voila! Website atau aplikasimu sekarang hidup di URL namamu.blogspot.com. Sama seperti GitHub Pages, kamu juga bisa mengaitkan domain kustommu sendiri jika ada.

Keunggulan Blogger: Sangat user-friendly, integrasi dengan Google (SEO, Analytics), tidak perlu Git, cocok untuk non-developer. Kekurangan Blogger: Batasan pada kontrol server, kurang ideal untuk aplikasi kompleks, sedikit trik untuk hosting non-blog.

Kapan Harus Memilih yang Mana? (Milih Bengkel atau Warung?)

  • Pilih GitHub Pages jika:
    • Kamu adalah seorang developer dan ingin memamerkan portofolio kodingmu.
    • Proyekmu adalah website statis murni (HTML, CSS, JavaScript, tanpa backend).
    • Kamu nyaman dengan Git dan ingin memanfaatkan version control.
    • Kamu butuh dokumentasi proyek yang rapi dan terintegrasi dengan kode.
  • Pilih Blogger jika:
    • Kamu ingin membuat blog pribadi, catatan perjalanan, atau resep masakan.
    • Kamu ingin membuat landing page sederhana dengan banyak teks dan gambar.
    • Kamu kurang familiar dengan Git atau terminal, dan lebih suka antarmuka visual.
    • Kamu ingin memanfaatkan fitur SEO dan analitik bawaan Google dengan mudah.
    • Kamu ingin 'menyelipkan' SPA ringan yang hanya butuh HTML/CSS/JS di dalamnya.

Penutup: Jangan Takut Mencoba!

Jadi, begitulah kawan-kawan, dua 'alat' sakti yang bisa membantumu meluncurkan proyek pertama ke jagat maya tanpa mengeluarkan sepeser pun. GitHub Pages adalah bengkel canggih untuk para insinyur kode, sementara Blogger adalah warung serbaguna yang ramah untuk semua kalangan. Keduanya punya kekuatan masing-masing, dan keputusan ada di tanganmu, tergantung 'mobil' atau 'dagangan' apa yang ingin kamu pamerkan.

Pesan dariku sebagai seorang programmer: jangan pernah takut untuk bereksperimen. Dulu aku pun seringkali merasa "ini kok susah ya?" atau "apa sih bedanya ini sama itu?". Tapi dengan mencoba, mengutak-atik, dan sedikit berani "merusak" (di lingkungan gratisan, tentu saja!), kita akan belajar banyak hal baru. Sekarang, tidak ada lagi alasan untuk tidak memulai. Jadi, tunggu apa lagi? Ambil kodenya, dan mari kita sajikan ke seluruh dunia!

Blogger GitHub Web Development