Mumpung lagi sempat dan ada pulsa, kali ini saya mau update blog walaupun cuma posting tips-tips yang mungkin bukan baru lagi atau biasa dibilang ‘Jadul’. Tapi tak apalah, bagi saya tak ada kata terlambat untuk berbagi.

Mungkin teman-teman wapper atau mobile blogger sudah pada tahu, apa itu XtGem. XtGem yaitu sebuah layanan mobile site builder dimana kita bisa membuat mobile site (wapsite) secara gratis dan mudah karena tidak dibutuhkan pengetahuan pemrograman.

XtGem merupakan layanan wapsite builder yang banyak digunakan oleh wapper terutama dari indonesia, bahkan saya pertama kali membuat situs juga di XtGem.com.

Langsung saya ke topik yang mau saya bahas, yaitu membuat header, footer dan css otomatis di setiap halaman situs XtGem.

Sebelumnya, perlu diketahui, header adalah bagian atas dari sebuah situs, sedangkan footer adalah bagian bawah dari sebuah situs. CSS berfungsi untuk mengatur tampilan situs seperti background, warna, jenis teks, link dan lain-lain.

Tujuan membuat header, footer dan css otomatis yaitu agar kita tidak perlu membuat header, footer, dan memasang kode css di setiap halaman wapsite, apalagi jika halaman wapsite kita sampai puluhan, bahkan ratusan, tentu sangat merepotkan jika harus membuat header, footer, dan memasang kode css secara manual.

Dengan menggunakan cara otomatis ini, tentunya tampilan wapsite kita juga akan terlihat lebih rapi.

Langsung saja untuk langkah-langkahnya adalah sebagai berikut:

1. Masuk ke File Browser pada panel XtGem Anda.

2. Buatlah file html, beri nama _header, isilah file tersebut dengan apa saja yang ingin ditampilkan pada header wapsite Anda, misalnya logo atau nama wapsite.

3. Jika sudah, kembali ke File browser dan buatlah file html, beri nama _footer, isilah file tersebut dengan apa saya yang ingin ditampilkan pada footer wapsite Anda, misalnya counter, teks copyright dll.

4. Di file browser XtGem, biasanya sudah ada css default bernama creator_template.css, jika Anda ingin menggunakan css yang lain, hapus saja css bawaan XtGem tersebut dan ganti nama css yang ingin Anda gunakan menjadi creator_template.css, maka css tersebut akan berfungsi di semua halaman tanpa Anda memasang kode pemanggil css.

Untuk menonaktifkan header dan footer otomatis, saat mengedit suatu halaman, klik option dan hilangkan tanda centang pada pilihan Include “/_header” file in page header dan Include “/_footer” file in page footer

Jika Anda belum mencoba, Anda bisa melihat preview atau demonya pada wapsite XtGem saya, http://wap24.yn.lt.

Ini adalah header wapsite saya: http://wap24.yn.lt/_header.

Ini adalah footer wapsite saya: http://wap24.yn.lt/_footer.

Ini css yang saya gunakan: http://wap24.yn.lt/creator_template.css.

Saya tidak memasang kode pemanggil css pada halaman wapsite saya karena css tersebut sudah otomatis berfungsi pada semua halaman, termasuk halaman dalam folder, contoh http://wap24.yn.lt/txt/1.html.

Demikian sedikit tips yang saya bagikan hari ini, semoga bermanfaat .