Template Dasar dan Fungsi File Dalam File Browser Xtgem
Xtgem merupakan wap building yang sangat bagus, karena pengelolaanya bisa lewat ponsel dan tentunya praktis. Jadi semua orang bisa memiliki halaman wapnya sendiri dan mengelolanya secara penuh. Dengan fitur yang sangat mudah dipahami, xtgem menjelma sebagai wap building besar di duni. Dan untuk para newbie yang baru mengenal wap building. Xtgem merupakan tempat yang sangat bagus sekali untuk digunakan sebagai tempat belajar bagi pemula mengenal dan mencoba kode dasar, script dan belajar mendesign tampilan.
Tapi dari semua keunggulan itu, xtgem bukan berarti tidak memiliki kelemahan. Ada beberapa kekurangan yang terdapat pada xtgem. Pertama tampilannya untuk semua perangkat, yang kedua design xtblog yang kurang menarik. Tapi disitulah kreativitas kita di uji secara menyeluruh.
Nah sekarang masalah itu akan kita pecahkan bersama-sama dengan pemahaman yang sederhana saja, tidak perlu kode-kode yang berat tingkatannya. Karena sebenarnya imajinasi dan logika itu bisa dipadukan untuk membuat tampilan xtgem menjadi lebih menarik dari sebelumnya.
1. Template / Css Dasar Xtgem
Pertama sekali kita mulai dengan template nya dulu atau css. Untuk Templatenya sendiri
Xtgem telah menyediakan template dasar situs, jadi tetap gunakan template originalnya karena sangat bagus untuk S.E.O wap anda. Gunakan saja template pertama yang anda lihat saat pertama kali mendaftar atau klik:
::PANEL ::Template Situs
pilih template "CLEARSIGHT". Kenapa harus template ini? Bagaimana jika saya menggunakan template lain? Mungkin pertanyaan ini akan muncul dipikiran anda.
Sebenarnya tidak masalah jika anda menggunakan template dasar lainnya. Tapi template yang satu ini cukup ringan untuk perangkat melainkan templat lain, dengan background yang terang yang juga sangat bagus untuk S.E.O nantinya. Dan dalam tahap pembelajaran membuat CSS nantinya templat ini akan memudahkan anda mengamati perubahan warna, garis, dan border yang nantinya kita butuhkan juga untuk design wap.
2. Kenali Fungsi File Pada Root Folder
Template adalah tutorial pertama dalam tahap ini. Selanjutnya kita akan membahas terlebih dahulu fungsi berbagai file yang ada pada root "folder:" xtgem. Ini untuk pemahaman saja. Jika sudah mengenalnya anda bisa lewatkan tahap ini.
Dalam root folder atau File browser, terdapat file html, css bawaan xtgem. Yang memiliki fungsi sendiri. Lihat contoh tampilan dalam file browser Versi Mobile: (tips: untuk memudahkan pekerjaan anda dalam mengelola wap xtgem , gunakan versi mobile atau ponsel biasa walaupun anda menggunakan pc atau desktop sekalipun. Ganti versi dengan mengklik pilihan yang berada dibagian bawah tampilan depan xtgem)
Folder:/
post image my_css _footer _header _headtags global_stylesshet.css index xtgem_template.css Buat file Buat folder Unggah file
Pada bagian atas merupakan tempat penyimpanan berkas atau folder. Dalam folder anda bisa membuat dan menyimpan file html, css, txt, gambar, video, mp3 dan lainnya. Bagian folder nantinya juga akan berfungsi sebagai tempat setingan tampilan xtblog. Pengaturan tampilan untuk xtblog dibuat dengan menggunakan twig code Bagian bawah yang terdiri dari _footer, _header, _headtags merupakan file bawaan xtgem yang akan berkerja secara otomatis saat kita membuat file baru, jadi jangan menghapus 6 file ini. Berikut fungsi masing-masing file bawaan.
_footer, berfungsi secara otomatis untuk bagian bawah halaman
_header, berfungsi otomatis untuk bagian atas halaman. Bagian _header akan mempermudah perkerjaan kita dalam meng-includ Css, favicon, meta tags, dan lainnya. Sehingga setiap halaman baru yang kita buat tampilannya akan tetap sama.
_headtagsuntuk fungsi satu ini, saya juga belum paham. Tapi sepertinya headtags berfungsi untuk penyesuain font dengan perangkat. Biasanya terdapat javascript dan link css di dalamnya
Global_stylesheet.css file ini akan kita gunakan untuk membuat css tambahan diluar css dasar xtgem. File ini akan sangat sering kita gunakan
Index File index merupakan tampilan awal wap kita. Memastikan pengunjung lansung melihat halaman depan situs kita jika pengunjung mengklik alamat situs.
Xtgem_template.css ini adalah file yang berisi script css dasar xtgem
Jika anda sudah paham fungsi dari file dalam root, berarti kita bisa melanjutkan untuk mendesign tampilan xtgem.
Xtgem hanya memiliki satu tampilan untuk semua perangkat sehingga banyak yang kurang menyukai rancangan tersebut, tapi bukan berarti kita tidak bisa membuatnya memiliki banyak tampilan. Jadi karena alasan itu saya memberikan pilihan kepada anda. Sekarang silahkan anda pilih terlebih dahulu berapa jumlah tampilan yang anda inginkan karena tutorialnya berbeda. Yang saya maksud banyak tampilan adalah xtgem memiliki tampilan mobile, touch, dan tampilan desktop atau web. Tapi bukan berarti tampilan ini tidak memiliki kelemahan.
Sekarang Kamu Pelajari Satu persatu dari Tutorial dibawah.
post
_footer
_headtags
global_stylesshet.css
Buat file
Buat folder