selamat sore dan selamat beristirahat buat pengunjung mywapmaster Alhamdulillah hari ini dapat juga menulis lagi di wap ini,
maaf sebelumnya karena tulisan kali ini isinya hanya simpanan lama saya yang telah berdebu yang saya cari tidak ketemu, maklum file folder wap ini sudah tidak tersusun rapi banyak sekali pening dan galau di buatnya, dari itu saya berinisiatif untuk di post saja agar tidak terulang lagi, artikel ini berisi kerangka dasar pembuatan xtgem cocok buat pemula dan buat anda yang mau menggunakan silahkan karena tidak dipungut biaya alias free, file foldernya berisi kode html mentah dari header, footer, tutorial dan tiga file tambahan baru yang saya perbaharui yaitu xt twig blog, xt btwig guestbook atau buku tamu yang semuanya terkhususkan buat xtgem, jangan khawatir walau sudah tersimpan lama html ini mempunyai susunan yang baik dan terarah alias seo sekali, bukan template yang saya pakai sekarang tidak jelas susunannya.
oke saya mulai saja ya sob mohon ijinnya dahulu.
HEADER
- klik file browser > buat file baru beri nama
_header > klik tanda tambah / tambahkan blok > code > isi dengan kode html berikut dan ganti nama, deskripsi serta ganti text
ykub.xtgem.com > dengan url blogmu
TANPA http:// pada search form.
yang lain jangan di ganti.
2. FOOTER
klik file browser > buat file baru beri nama
_footer > klik tanda tambah/ tambahkan blok > code > masukan html berikut,
3. HEADTAGS
Klik file browser > klik buat file (create file) > beri nama
_headtags > ok > klik tanda tambah / tambahkan blok > code > masukkan kode ini
4. INDEX
File index adalah file utama saat orang mengunjungi wap kamu, melalui file index inilah kita mengarahkan pengunjung ke link-link lainnya, dan disini juga kita dapat menulis artikel baru, oke kita aktifkan tempat menulis artikel, caranya :
Klik file index (file index sudah ada otomatis saat pembuatan akun jika terhapus dapat di buat baru dengan nama index) > klik tanda tambah / tambahkan blok > social > blog > oke
setelah filenya muncul klik
XT:Blog > aktifkan fitur > Header and truncated post body and first image > Ok.
agar lebih menarik lagi klik Buka dalam penyunting teks (linknya ada di bagian bawah) > cari kode
display_limit="50" lalu ubah angka "50"
menjadi "215" > simpan
NOTE
pada file index inilah kita menulis artikel baru dengan
klik new post
5. FOLDER TUTORIAL
Masih pembuatan file, selanjutnya kita buat file untuk mengalihkan pengunjung membaca artikel kita. untuk file ini
wajib dan tidak boleh diganti dengan nama lain yaitu
Tutorial, caranya
klik file browser > buat file > beri nama >
Tutorial (Nama diawali huruf besar dan tidak boleh di ubah) > ok > klik tanda tambah / tambahkan blok > code > masukan kode ini
6. BUKU TAMU
selanjutnya kita buat halaman buku tamu pengunjung atau guestbook, halaman ini berisi biodata admin. caranya
Klik file browser > buat file (create file) > beri nama
about.xhtml (nama wajib dan tidak boleh diubah nama lain) > ok > klik tanda tambah / tambahkan blok > code > masukkan kode ini ( edit lagi ganti dengan biodata anda yaitu text, fb, twitter, gplus. yang lain jangan di ganggu coy)
Nah semua file utama telah terbentuk namun semua belum indah tanpa dekorasi, jadi kita buat dekornya, pelan-pelan saja sob tidak bayar kok :yay: saya saja menulis ini hampir seminggu jika ada waktu saja, ini tanpa screenshot jika pakai itu mungkin sebulan :wack: kita lanjutkan dengan membuat dekorasinya yaitu
twig blog dan
twig guestbook, caranya :
8. TWIG BLOG
klik file browser > klik buat folder (create folder) > beri nama foldernya
_xtgem_templates > ok.
Masih dalam folder
_xtgem_templates > klik buat file (create file) > (pada kolom pertama nama file isi dengan nama)
xtblog.twig > (pada kolom kedua type file) pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini
itulah kode dekorasi blog xtgem, sekarang kode decor buat buku tamu.
9. TWIG GUESTBOOK
untuk membuat file guestbook ini sama dengan membuat file xtblog diatas tadi, Klik
folder _xtgem_templates > klik buat file (create file) > (pada kolom pertama nama file isi dengan nama)
xtguestbook.twig > (pada kolom kedua type file) pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini
selesai mendekorasinya namun masih belum indah tanpa css, dengan css akan terasa lengkap, apa apalah gitu.
10. TEMPAT MENYIMPAN CSS OTOMATIS
agar kode css terarah kita dapat membuat sebuah folder, melalui folder ini css dapat kita atur misal tampilan otomatis wap (ponsel) dan web (komputer), caranya :
Klik panel > file browser > buat folder (create folder) > beri nama
styles (nama styles wajib tidak boleh diubah) > ok.
kita buat css tampilan mobile jika dilihat dari ponsel caranya
masih di folder styles > klik buat file (create file) > kolom pertama beri nama
mobile.css (nama mobile.css tidak boleh diganti) > kolom kedua type file pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini sebagai bahan percobaan
saatnya tampilan desktop buat pengunjung yang datang melalui PC web, caranya sama dengan diatas membuat file klik folder
styles > klik buat file (create file) > kolom pertama beri nama
web.css (nama web.css tidak boleh diganti) > kolom kedua type file pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini sebagai bahan percobaan
selesai sob cuapekkk
oh ya sob mungkin tutorial diatas terdapat kode yang hilang atau text yang terpotong dan tidak jelas dari itu saya sudah menyiapkan file zip lengkap dengan tutorialnya dapat di download disini.
kerangka_dasar_xtgem.zip
Comments:
gak mudenh gan maklum masih newbie ***.amyki.xtgem.com
Bagi template blog yg sprti ini dnk
berhasil ******.... tank ya