Official Wap

Selamat malam selamat beristirahat, setelah tahap 1 dan 2 kita lalui yaitu tahap mendaftar, install menu dan pembuatan file penting sekaligus pengisian html maka sampai kita pada tahap utama atau bisa saya katakan tahap akhir dalam membentuk tampilan, pada tahap 3 ini kita akan memberi design, warna, dll.

Tahap ini juga jawaban dari pertanyaan teman-teman kenapa xtgemnya css tampilan mobile tidak bekerja selayaknya, sekaligus saya sisipkan untuk tampilan web, keuntungannya kita dapat mendesain tampilan berbeda untuk mobile view dan web view contoh anda dapat melihat desaign dari situs mywapblog dan dapat juga membuat menu wapmaster dengan cara ini karena tidak banyak pengaturan
pada xtgem telah saya coba ada 3 cara yang dapat kita lakukan untuk membuat wap web otomatis ini, namun yang paling gampang inilah yang akan saya share.

langkah-langkahnya :

1. pembuatan css
Klik FILE BROWSER > KLIK CREATE FOLDER (buat folder) beri nama CSS (huruf besar semua) > disaat berada pada folder CSS klik UPLOAD FILE > PILIH via http dan upload kedua css ini mobile.css dan web.css
setelah keduanya berhasil diupload maka sudah ada 2 file pada folder CSS tadi dengan nama mobile.css dan web.css (PENTING: kedua nama file ini tidak dapat diubah) jika tidak berhasil upload via http download dan ektrak CSS.zip ini (didalamnya sudah ada 2 css).

2. Memanggil Css
pastikan css sudah terpasang sempurna di folder CSS tadi lalu tinggalkan saja folder tersebut. klik FILE BROWSER > klik file _headtags (untuk file _headtags ini pembuatannya harap baca tutorial tahap 2 DISINI ) > klik tanda tambah atau content here paling atas (jika ada file container disana dihapus saja tidak masalah) > pilih CODE masukan script ini

<link rel="stylesheet" type="text/css" href="/CSS/<xt:get_device_template>.css" media="all,handheld"/>

<link rel="stylesheet" type="text/css" href="/CSS/<xt:get_device_template>.css" media="all,handheld"/>

3. Selesai
sekarang anda bisa melihat tampilan wap anda.

sekarang untuk tampilan sudah selesai, sudah dulu ya kedepan mudah-mudahan kita buat tampilan blognya pake twig dan bagaimana membuat menu wapmasternya. oke broth

catatan:
jika ingin menambahkan versi touch cukup buat baru file css dengan nama touch.css dpt gunakan css import dari mobile.css,
Untuk mengubah desaign, warna atau apa ada di Folder CSS td yaitu mobile.css (untuk tampilan hp) dan web.css (untuk tampilan pc), kedua css tersebut tidak mempengaruhi satu sama lainnya, jika merubah tampilan mobile.css tidak akan merubah tampilan web.

Artikel Berkaitan

*Harap ikuti tahapan demi tahapan..

1. Tahap 2 membuat file utama xtgem
2. Tahap 1 pendaftaran dan install menu xtgem