XtGem merupakan salah satu platform lawas yang masih banyak digunakan untuk membuat website sederhana berbasis mobile. Walaupun tampilannya sederhana, sebenarnya XtGem bisa dimodifikasi agar terlihat seperti MyWapBlog. Banyak pengguna ingin membuat tampilan MyWapBlog di XtGem karena desainnya ringan, rapi, cepat dibuka, dan nyaman digunakan di ponsel.
Pada tutorial ini, kamu akan belajar cara membuat tampilan blog XtGem menjadi mirip MyWapBlog menggunakan kode HTML sederhana tanpa CSS tambahan. Tutorial ini cocok untuk pemula yang baru belajar membuat blog di XtGem.
Artikel ini dibuat dengan bahasa yang santai dan mudah dipahami agar kamu bisa mengikuti langkah demi langkah tanpa bingung.
Sebelum mulai membuat tampilan MyWapBlog di XtGem, ada beberapa hal yang perlu dipersiapkan terlebih dahulu.
Jika belum memiliki akun XtGem, kamu bisa mendaftar terlebih dahulu melalui situs resminya.
MyWapBlog adalah platform blog mobile populer pada masanya. Banyak pengguna menyukai tampilannya karena sederhana namun tetap nyaman dibaca. Ciri khas tampilan MyWapBlog biasanya memiliki:
Karena MyWapBlog sudah tidak aktif, banyak pengguna mencoba membuat tampilan serupa di XtGem.
Langkah pertama tentu saja login ke akun XtGem kamu.
Setelah berhasil masuk, kamu akan melihat halaman File Browser XtGem.
File index merupakan halaman utama website kamu. Di sinilah tampilan MyWapBlog akan dibuat.
Langkah membuat file index:
Contoh:
Atau:
Header berfungsi sebagai judul utama blog. Tampilan MyWapBlog biasanya menggunakan header sederhana.
Masukkan kode berikut ke file index:
Kode di atas akan membuat judul blog beserta menu navigasi sederhana.
Selanjutnya kita akan membuat daftar posting seperti tampilan MyWapBlog.
Tambahkan kode berikut:
Tampilan ini akan membuat daftar artikel sederhana dan ringan.
Supaya blog terlihat seperti MyWapBlog, tambahkan area isi posting.
Bagian ini sangat penting karena menjadi isi utama website.
Agar pengunjung mudah berpindah halaman, buat navigasi sederhana.
Dengan navigasi ini, tampilan blog akan lebih nyaman digunakan.
Footer biasanya berada di bagian paling bawah website.
Footer membantu blog terlihat lebih profesional.
Supaya hasilnya lebih mirip MyWapBlog, susun halaman dengan urutan berikut:
Struktur sederhana justru membuat website lebih cepat dibuka.
Berikut contoh kode sederhana yang bisa langsung dicoba.
Selain membuat tampilan, kamu juga perlu memahami cara membuat posting.
Gunakan judul artikel yang menarik agar mudah ditemukan Google.
Berikut beberapa tips SEO sederhana untuk blog XtGem.
SEO sederhana seperti ini sudah cukup membantu blog XtGem tampil di mesin pencari.
MyWapBlog terkenal ringan dan tidak berlebihan. Jadi hindari terlalu banyak elemen.
Gunakan menu sederhana seperti Home, About, dan Contact.
Website yang aktif lebih mudah mendapatkan pengunjung.
URL yang pendek lebih mudah dibaca pengunjung dan mesin pencari.
Karena XtGem sering dibuka lewat mobile, pastikan tampilannya nyaman di layar kecil.
Walaupun menarik, XtGem juga memiliki beberapa kekurangan.
Namun untuk belajar membuat website, XtGem masih cukup bagus.
Membuat tampilan MyWapBlog di XtGem sebenarnya tidak terlalu sulit. Dengan memahami struktur dasar HTML dan susunan halaman sederhana, kamu sudah bisa membuat blog ringan yang nyaman digunakan di ponsel.
Pada tutorial ini kamu sudah belajar:
Semakin sering berlatih, kemampuan membuat template XtGem akan semakin berkembang. Kamu juga bisa mengembangkan tampilan ini menjadi lebih modern sesuai kebutuhan.
Semoga tutorial membuat tampilan MyWapBlog di XtGem ini bermanfaat dan membantu kamu dalam belajar membuat website sederhana.