Jujur saja—dulu, bila saya cuba buat laman web, saya sangka kena kerja sambilan sebagai programmer dulu. Tapi rupanya, pada tahun 2025 ni, buat laman web tu lebih senang (dan lebih percuma!) daripada bancuh kopi segera.
Panduan ni adalah apa yang saya harap ada dulu: langkah demi langkah yang jujur, tiada jualan tersembunyi, dan penuh dengan tip dari orang dalam. Di akhir panduan ni, anda bukan sahaja akan ada laman web yang nampak profesional—anda buat tanpa keluar duit langsung dan tanpa sentuh satu baris kod pun.
Kalau anda ada komputer dan sambungan Wi-Fi, anda dah cukup bersedia. Tiada alasan lagi—saya janji!
Bersedia: Realiti Domain & Hosting Percuma
Mari kita jujur: pada 2025, bina laman web percuma memang boleh, tapi anda kena faham di mana garis “percuma” tu berhenti.
Berita baiknya? InfinityFree menawarkan cara paling mudah dan benar-benar percuma untuk lancarkan laman web anda.
Kekurangannya? Anda akan dapat subdomain (contohnya: lamanwebanda.infinityfreeapp.com), bukan domain .com sendiri—melainkan anda sanggup bayar.
Berikut cara anda navigasi dunia domain dan hosting percuma dengan jelas, langkah demi langkah.
Kenapa Pilih InfinityFree?
InfinityFree antara platform hosting percuma paling popular untuk pemula. Ia 100% percuma—tiada kad kredit diperlukan, tiada tempoh percubaan tersembunyi.
Anda dapat:
Storan (penyimpanan) mencukupi untuk laman web asas
Lebar jalur tanpa had
Sokongan domain tersuai kalau nak naik taraf nanti
Untuk pemula, ini cara tanpa risiko untuk belajar tanpa takut kena bil mengejut.
“Mula dengan hosting percuma macam InfinityFree bagi saya ruang untuk belajar tanpa risau pasal kos atau teknikal yang rumit.”
— Pengguna sebenar
Langkah Demi Langkah: Sediakan Hosting di InfinityFree
Pergi ke InfinityFree.com
Buka pelayar dan taip alamat tu. Ini adalah pintu masuk anda ke dunia hosting percuma.Daftar Akaun
Klik Register Now. Masukkan e-mel dan cipta kata laluan. Sahkan, setujui terma, dan klik Sign Up.Sahkan E-mel Anda
Semak e-mel anda, klik pautan pengesahan. Tanpa ni, anda tak boleh teruskan.Cipta Akaun Hosting
Selepas sahkan, anda akan masuk ke dashboard. Klik Create Account, tatal ke bawah, dan pilih pakej percuma.
⚠️ Jangan tertipu dengan pilihan berbayar yang mungkin ditonjolkan!Pilih Subdomain Percuma Anda
Masukkan nama (contoh: lamanwebanda), kemudian pilih sambungan dari senarai (drop-down) seperti .epizy.com atau .rf.gd.
✅ Ini adalah alamat laman web percuma anda—100% percuma!Tip: Kalau nak domain sendiri (contoh: lamanwebanda.com), kena beli dari pendaftar seperti Namecheap atau Google Domains. Tapi jangan risau—anda boleh sambungkan ke InfinityFree bila-bila masa.
Selesaikan Pendaftaran
Tetapkan kata laluan untuk akaun hosting, setujui notifikasi (kalau nak), dan klik Create Account.
Siap! Hosting percuma anda sedang disediakan.
Domain Percuma vs Berbayar: Apa yang Perlu Anda Tahu
Realitinya, hosting percuma = subdomain percuma. Alamat laman web anda akan kelihatan seperti:lamanwebanda.epizy.com
Ini sesuai untuk:
Portfolio peribadi
Laman hobi
Belajar asas web
Tapi kalau anda nak alamat yang profesional, mudah diingat, dan boleh dijenamakan (contoh: namasaya.com), anda kena beli domain sendiri.
Proses ni dipanggil pendaftaran domain tersuai, dan sentiasa berbayar—tak kira platform apa pun yang anda guna.
Perkara yang Perlu Diperhatikan
Platform hosting percuma selalu cuba dorong anda naik taraf. Anda boleh abaikan—kekal dengan percuma selama yang anda mahu.
Baca terma penggunaan untuk subdomain percuma. Ia bagus untuk uji dan belajar, tapi kurang sesuai untuk perniagaan atau SEO serius.
Anda boleh pindah ke domain berbayar bila-bila masa. InfinityFree memudahkan proses ni tanpa hilang kandungan.
Senarai Semak: Sedia untuk Hosting Percuma
✅ Pilih InfinityFree sebagai platform hosting percuma
✅ Daftar dengan e-mel, tetapkan kata laluan, sahkan akaun
✅ Pilih subdomain percuma (contoh: namasaya.epizy.com)
✅ Abaikan gesaan naik taraf—fokus pada percuma dulu
✅ Ingat: domain tersuai = tambahan berbayar, tapi boleh tambah nanti
Dengan langkah ni, anda dah sedia lancarkan laman web—tanpa kemahiran teknikal atau kad kredit.
Ingat: hosting percuma melibatkan pertukaran (trade-off), tapi ia cara sempurna untuk mula membina dalam talian dengan risiko sifar.
Bina Tanpa Kod: Pasang WordPress (WordPress) & Gunakan Pembina 'Seret-dan-Lepas'
Sedia bina laman web tanpa sentuh kod langsung? Anda di tempat betul.
Panduan ni akan bimbing anda pasang WordPress, pasang tema Astra (Astra theme), dan gunakan pembina Elementor (Elementor) —semua dengan klik dan seret sahaja.
Tiada pengalaman teknikal diperlukan. Cuma sedikit kreativiti dan rasa ingin cuba.
Langkah 1: Masuk ke Panel Kawalan (cPanel)
Selepas daftar, anda akan masuk ke panel kawalan (biasanya dipanggil cPanel).
Pada pandangan pertama, ia mungkin nampak macam papan kawalan kapal angkasa—penuh dengan butang dan tetapan.
Jangan panik! Anda cuma perlu beberapa fungsi sahaja.
Klik Control Panel atau cPanel dari dashboard InfinityFree
Kalau ada pop-up minta kelulusan, klik "I approve" atau "Proceed"
Langkah 2: Pasang WordPress dalam 2 Minit
Lupakan mitos bahawa pasang laman web tu susah. Dengan Softaculous Apps Installer (Softaculous Apps Installer), pasang WordPress jadi semudah klik butang.
Dalam cPanel, cari bahagian Software
Klik Softaculous Apps Installer
Cari WordPress (biasanya di atas) → klik Install
Biarkan tetapan asal
Masukkan Nama Laman dan Keterangan (boleh tukar nanti)
Tetapkan Nama Pengguna dan Kata Laluan (simpan baik-baik!)
Klik Install sekali lagi
✅ Siap! Dalam 2–5 minit, laman web anda dah hidup. Anda akan dapat pautan ke dashboard WordPress (biasanya: namasaya.epizy.com/wp-admin).
Langkah 3: Masuk ke Dashboard WordPress
Taip namasaya.epizy.com/wp-admin dalam pelayar, dan log masuk dengan nama pengguna & kata laluan tadi.
Kalau keluar amaran keselamatan, klik "Proceed anyway"—ini biasa untuk laman percuma.
Dashboard WordPress ni adalah pusat kawalan laman web anda. Setiap kali nak edit, log masuk sini.
Langkah 4: Pasang Tema Astra – Reka Bentuk Profesional dalam Sekejap
Tema Astra (free website design templates) adalah pilihan no.1 untuk laman web percuma pada 2025:
Ringan
Cepat
Mesra pengguna bukan teknikal
Cara pasang:
Dalam dashboard WordPress, pergi ke Appearance > Themes
Klik Add New, cari Astra
Klik Install, kemudian Activate
Klik Get Started with Starter Templates
“Saya selalu guna templat Astra—dengan seret-dan-lepas, saya rasa macam designer web, bukan engineer!”
Templat ni dah siap dengan reka bentuk profesional. Anda cuma perlu tukar teks, gambar, warna—macam susun app dalam telefon!
Langkah 5: Gunakan Elementor – Pembina Seret-dan-Lepas Terbaik
Bila diminta, pilih Elementor sebagai pembina halaman.
Elementor membolehkan anda reka laman secara visual—tanpa HTML, CSS, atau PHP.
Cara guna:
Pilih templat percuma (abaikan yang bertanda Premium)
Pilih mengikut jenis: peribadi, portfolio, perniagaan, blog
Muat naik logo (atau langkau dulu)
Tetapkan skema warna & maklumat asas
Klik Continue
Laman asas anda akan dibina secara automatik.
Untuk edit mana-mana halaman, klik Edit with Elementor.
Seret elemen (tajuk, gambar, butang)
Lepas di mana-mana
Ubah teks, warna, saiz—semua secara visual
✅ Tiada kod. Tiada stress. Cuma kreativiti.
Tip Pro untuk Reka Bentuk Laman Web
Simpan kerap! Tekan Ctrl+Z kalau buat silap—ia seperti butang "undur masa".
Jangan takut eksperimen! Templat dibuat untuk diubah. Anda boleh kembali ke asal bila-bila.
Astra & Elementor adalah 100% percuma dan boleh dipasang terus dari WordPress.
Dengan alat ni, bina laman web profesional tanpa kod bukan lagi impian—ia dah jadi norma baru.
Personalisasi Laman Web Anda: Menu, Kandungan & Sentuhan Unik (Tanpa Kod!)
Laman web anda dah hidup—sekarang masa untuk jadikan ia benar-benar milik anda.
Dengan Astra dan Elementor, tiada kod diperlukan. Semua boleh dibuat secara visual melalui Customizer (bukan Elementor!).
Menu & Header: Guna Customizer Astra, BUKAN Elementor
⚠️ Nota penting:
Walaupun Elementor hebat untuk reka halaman, menu dan header sebaiknya diurus melalui Customizer Astra.
Saya dah cuba pakai Elementor—tak konsisten dan susah kawal.
Cara edit menu:
Dalam dashboard WordPress, klik Customize (di bawah Appearance)
Letak kursor di header, klik ikon pensel
Klik Add Items untuk tambah halaman (contoh: Dasar Privasi, FAQ)
Susun semula dengan seret item ke atas/bawah
“Rasa macam kemas laci dapur lepas pindah rumah—susun, atur, letak cap sendiri. Itu tanda anda dah ‘milik’ laman web ni.”
Di bawah tab Design, anda boleh:
Tukar warna menu
Tetapkan kesan hover (bila tetikus dekat)
Ubah warna pautan aktif
Kalau terlebih edit? Tekan Ctrl+Z—kembali ke versi sebelumnya!
Logo & Penjenamaan: Buat Ia Nampak Profesional
Logo = wajah jenama anda. Walaupun jenama anda cuma “anda + kucing”, logo kecil boleh buat laman nampak lebih serius.
Dalam Customizer, klik ikon pensel di sebelah logo
Muat naik imej
Laraskan saiz supaya tajam tapi tak terlalu besar
Jangan lupa:
Favicon (ikon kecil di tab pelayar)
Palet warna konsisten
Ini semua tambah kesan profesional tanpa kos tambahan.
Halaman: Tambah, Edit & Bina dengan Elementor
Nak tambah halaman Tentang Saya, Blog, atau Borang Hubungan?
Pergi ke Pages > Add New
Beri nama, kemudian klik Edit with Elementor
Seret elemen dari kiri: tajuk, gambar, butang, borang
Klik untuk edit teks atau ganti gambar
Terbitkan (Publish) bila siap
✅ Semua boleh buat tanpa kod.
✅ Kalau silap, tekan Ctrl+Z.
✅ Jangan lupa klik Update setiap kali edit!
Uji, Pratonton & Gilap: Sentuhan Akhir
Apa yang cantik di laptop mungkin rosak di telefon.
Jadi, uji di pelbagai peranti:
Telefon
Tablet
Komputer lama
Astra & Elementor ada pratonton mudah alih—guna ia!
Adjust:
Padding (ruang dalam)
Saiz fon
Susunan imej
Ini langkah paling kerap diabaikan, tapi paling penting untuk hasil yang profesional.
Kesimpulan: Laman Web Anda, Gaya Anda
Personalisasi laman web bukan pasal teknikal—ia pasal cerita anda, gaya anda, matlamat anda.
Dengan Astra dan Elementor, anda bebas:
Eksperimen
Susun semula
Gilap setiap butiran
Tanpa kod. Tanpa tekanan. Cuma visi anda—diwujudkan.
Disclosure: Ada pautan afiliasi di dalam artikel ini. Jika anda beli melalui pautan ini, saya dapat komisen kecil. Ini tidak menjejaskan harga produk atau pengalaman anda. Hanya produk terbaik yang disyorkan.
Istilah Inggeris - Terjemahan Melayu:
English Term | Malay Translation |
custom website | laman web tersuai |
programmer | pengaturcara |
Domain | domain |
Hosting | hos / pengehosan |
subdomain | subdomain |
navigasi | mengemudi |
platform | platform |
credit card | kad kredit |
trial period | tempoh percubaan |
storage | penyimpanan |
user | pengguna |
Register Now | Daftar Sekarang |
Sign Up | Daftar |
dashboard | papan pemuka |
Create Account | Cipta Akaun |
package | pakej |
drop-down | senarai lungsur |
.rf.gd (Sambungan domain) | |
tip | tip / petua |
Namecheap | Namecheap (Nama syarikat) |
custom domain registration | pendaftaran domain tersuai |
trade-off | pertukaran |
WordPress | WordPress (Nama sistem) |
Astra | Astra (Nama tema) |
Elementor | Elementor (Nama pembina) |
click | klik |
drag-and-drop | Seret-dan-Lepas |
cPanel | Panel Kawalan (atau cPanel) |
Control Panel | Panel Kawalan |
I approve | Saya setuju / Saya luluskan |
Proceed | Teruskan |
Softaculous Apps Installer | Pemasang Aplikasi Softaculous |
Software | Perisian |
Install | Pasang |
Site Name | Nama Laman |
Description | Keterangan |
Username | Nama Pengguna |
Password | Kata Laluan |
security warning | Amaran keselamatan |
Appearance | Rupa |
Themes | Tema |
Add New | Tambah Baharu |
Activate | Aktifkan |
Get Started with Starter Templates | Mula dengan Templat Pemula |
web designer | pereka web |
engineer | jurutera |
premium | premium |
Continue | teruskan |
Edit with Elementor | Sunting dengan Elementor |
HTML | HTML |
CSS | CSS |
PHP | PHP |
Ctrl+Z | Ctrl+Z (Kekunci pintas) |
Customizer | Penyesuai |
Header | Pengepala |
Note | Nota |
Add Items | Tambah Item |
FAQ | Soalan Lazim (atau FAQ) |
Design | Reka Bentuk |
hover | hala tetikus |
favicon | favikon |
Pages | Halaman |
Add New | Tambah Baharu |
Publish | Terbitkan |
Update | Kemas Kini |
laptop | komputer riba |
mobile preview | pratonton di telefon bimbit |
padding | ruang dalam |
font size | saiz fon |
TL; DR | Ringkasan Pantas |
Jangan biarkan takut teknologi atau dompet nipis halang anda.
Pada 2025, bina laman web tersuai 100% percuma memang boleh—asalkan anda:
Guna InfinityFree untuk hosting percuma
Pasang WordPress + Astra + Elementor
Ikut langkah-langkah ni
Jangan sentuh kod langsung
Hasilnya? Laman web profesional, dibina oleh anda, tanpa keluar duit.
Mula hari ini. Anda dah ada semua yang perlu.
