Halo, para penggila teknologi dan pengembang indie! Pernah nggak sih kalian lagi asyik ngoding, udah kepikiran ide brilian buat bikin website atau aplikasi keren, eh pas mau di-deploy, *jleeb*, ngeliat harga hosting kok bikin dompet menjerit? Saya pernah banget ngalamin itu. Dulu, pas pertama kali belajar bikin website statis, saya mikir, "Wah, masa sih bikin sesuatu yang kayaknya sederhana gini harus keluar duit bulanan?" Rasanya kayak mau masak nasi goreng enak, eh bumbu utamanya malah nggak ada dan harus beli mahal. Nah, tapi tenang aja, karena ternyata ada "dapur umum" gratisan yang bisa kita manfaatin buat "menyajikan" hasil karya kita di internet: GitHub Pages dan Blogger. Yuk, kita bedah satu-satu gimana caranya.
Kenalan Dulu Yuk Sama "Dapur Umum" Kita
Sebelum kita mulai masak-memasak kode, ada baiknya kita kenalan dulu sama kedua "alat masak" kita hari ini.
1. GitHub Pages: Sang Koki Handal untuk Website Statis
Bayangin GitHub Pages ini kayak seorang koki handal yang spesialis banget bikin hidangan "statis". Hidangan statis itu apa? Gampangnya, adalah website yang isinya nggak berubah-ubah secara dinamis, misalnya halaman portofolio, dokumentasi proyek, landing page sederhana, atau blog yang kontennya ditulis langsung dalam file HTML, CSS, dan JavaScript. GitHub Pages ini adalah fitur dari GitHub (platform kolaborasi kode yang populer banget) yang memungkinkan kamu langsung hosting website statis dari repositori GitHub kamu. Jadi, kode kamu tersimpan rapi di GitHub, dan GitHub Pages yang akan "memasaknya" jadi website yang bisa diakses orang lain. Kerennya, ini gratis!
2. Blogger: Warung Kopi Sederhana untuk Blog & Konten Lebih Fleksibel
Nah, kalau Blogger ini ibarat warung kopi sederhana yang enak buat ngobrol dan berbagi cerita. Blogger adalah platform blog gratisan dari Google. Ini lebih cocok kalau kamu mau bikin blog pribadi, website sederhana yang butuh kemudahan ngelola konten tanpa harus ngurusin kode HTML dari nol, atau bahkan website bisnis kecil-kecilan. Kamu bisa nulis artikel, upload gambar, bikin halaman, dan semua itu bisa dilakukan lewat antarmuka yang gampang banget dipakai, mirip kayak nulis email.
Saatnya Meracik Resep: Hosting Pakai GitHub Pages
Oke, mari kita mulai bagian yang paling seru: meracik resepnya. Kali ini, kita fokus bikin website statis pakai GitHub Pages dulu.
Langkah-langkah Membuat Website Statis dengan GitHub Pages
1.
Siapkan Repositori di GitHub:
Pertama, kamu pasti sudah punya akun GitHub dong ya? Kalau belum, daftar aja dulu, gratis kok. Nah, di GitHub, kamu perlu bikin sebuah "repositori". Anggap aja repositori ini kayak wadah buat nyimpen semua bahan masakan dan resep kamu.
- Bikin repositori baru.
- Beri nama repositori kamu. Kalau kamu mau pakai domain `namakamu.github.io`, maka nama repositorinya harus `namakamu.github.io`. Tapi, kalau kamu mau pakai domain kustom (misalnya `www.websitekeren.com`), nama repositorinya bebas aja, tapi ada langkah tambahan nanti. Untuk awal, pakai `namakamu.github.io` itu paling gampang.
2.
Unggah Kode Website Kamu:
Setelah repositori siap, saatnya masukin "bahan masakan" kamu. Ini adalah file-file HTML, CSS, JavaScript, dan gambar yang membentuk website statis kamu. Kamu bisa upload langsung lewat antarmuka web GitHub, atau lebih keren lagi, pakai Git command-line.
Contoh file paling sederhana untuk "index.html":
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Website Pertamaku!</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Halo Dunia dari GitHub Pages!</h1>
<p>Ini adalah website pertamaku yang di-hosting gratis.</p>
</body>
</html>
Dan file `style.css`:
body {
font-family: sans-serif;
background-color: #f0f0f0;
color: #333;
text-align: center;
margin-top: 50px;
}
h1 {
color: #007bff;
}
3.
Aktifkan GitHub Pages:
Ini dia "kompornya" dinyalakan! Buka pengaturan (Settings) repositori kamu di GitHub. Cari bagian "Pages". Di sana, kamu tinggal pilih *branch* (cabang kode) mana yang mau kamu jadikan sumber website kamu (biasanya `main` atau `master`). Setelah itu, klik "Save".
Selesai! GitHub akan otomatis memproses kode kamu dan dalam beberapa menit, website kamu akan live di alamat `namakamu.github.io`. Kalau kamu pakai nama repositori yang berbeda dari format `namakamu.github.io` tapi ingin pakai domain kustom, kamu perlu masuk ke bagian "Custom domain" di pengaturan Pages dan mengikuti instruksi selanjutnya untuk mengarahkan DNS.
Menghidangkan Sajian di Warung Kopi: Hosting Pakai Blogger
Sekarang, kita geser ke "warung kopi" kita, Blogger. Ini lebih simpel lagi kalau kamu mau bikin blog atau website yang kontennya sering di-update.
Langkah-langkah Membuat Website/Blog dengan Blogger
1.
Buat Akun Blogger:
Kalau kamu punya akun Google (Gmail), berarti kamu sudah punya tiket masuk ke Blogger. Langsung aja kunjungi [www.blogger.com](www.blogger.com) dan login pakai akun Google kamu.
2.
Buat Blog Baru:
Klik tombol "Buat Blog Baru". Kamu akan diminta memberikan "Judul" blog kamu (ini yang akan tampil di bagian atas blog) dan "Alamat" blog kamu. Alamat ini akan jadi domain gratisan kamu, misalnya `namawebkamu.blogspot.com`. Pilih yang unik ya, karena banyak yang sudah terpakai. Setelah itu, pilih tema tampilan blog kamu.
3.
Mulai Posting Konten:
Setelah blog terbuat, kamu bisa langsung mulai menulis artikel atau membuat halaman. Antarmukanya sangat user-friendly. Mirip kayak editor teks biasa, kamu bisa nulis, format teks, sisipkan gambar, video, link, bahkan kode (pakai tag `
`).
4. Mengatur Tampilan dan Pengaturan Lain:
Di menu sebelah kiri, kamu bisa mengatur tata letak (layout), tema, menu navigasi, komentar, dan berbagai pengaturan penting lainnya untuk membuat blog kamu makin menarik.
Keunggulan Blogger adalah kemudahannya dalam manajemen konten. Kamu nggak perlu pusing mikirin kode-kode rumit untuk mempublikasikan artikel baru. Semua serba visual dan intuitif.
Kapan Pakai yang Mana?
Ini pertanyaan krusial, ibarat memilih antara panci stainless steel yang awet atau wajan anti-lengket yang praktis.
- Pilih GitHub Pages kalau:
- Kamu punya website statis (HTML, CSS, JS murni).
- Kamu ingin belajar dasar-dasar web development dan kontrol penuh atas kode kamu.
- Kamu punya proyek open-source yang butuh dokumentasi atau landing page.
- Kamu suka banget ngoding dan mau langsung lihat hasilnya di internet.
- Pilih Blogger kalau:
- Kamu ingin membuat blog pribadi dengan cepat dan mudah.
- Kamu butuh platform untuk berbagi tulisan, opini, atau berita tanpa repot ngurusin hosting server.
- Kamu nggak terlalu ngerti atau nggak mau repot sama urusan koding yang mendalam.
- Kamu ingin membuat website bisnis sederhana yang isinya informatif.
Kesimpulan: Kreativitas Nggak Dibatasi Budget!
Jadi, buat teman-teman yang baru mulai belajar atau punya budget terbatas, jangan berkecil hati! Dengan GitHub Pages dan Blogger, kamu sudah punya "dapur masak" gratisan yang mumpuni untuk menyajikan ide-ide kreatifmu di dunia maya. Keduanya punya kelebihan masing-masing, tinggal sesuaikan dengan kebutuhan kamu. Ingat, yang terpenting adalah kemauan untuk belajar dan berkarya. Selamat mencoba dan semoga sukses mewujudkan website impianmu!
