EDIT WAPSITE DENGAN CSS TEMPLATE
Posted by admin | 07 December 2009
Setelah beberapa waktu lalu saya posting cara penggunaan css template di wen.ru, sekarang saya akan berbagi pengalaman saya menggunakan css template di xtgem. Meski sudah banyak yang membuat postingan tentang hal ini, saya pikir tak ada salahnya saya juga mempostingnya lagi, lagian saya juga pusing mau posting apa :D . Pepatah mengatakan 1001 jalan menuju Roma. Para master wap telah membuat postingan tentang css template dengan pengalamannya masing-masing, walaupun saya bukan master, saya ingin sedikit berbagi pengalaman saya. Semoga bisa membantu teman2 yang masih awan dalam pembelajaran wap menggunakan css template. Langsung saja untuk langkah pertama adalah mencari dan mendownload template (dalam bentuk zip). Kamu bisa mencari dan mendownload template DISINI atau kamu bisa pilih pada menu free css template di homepage. Setelah template tersebut didownload, ekstrak template zip tersebut. Jika kamu menggunakan hp symbian, kamu bisa ekstrak menggunakan aplikasi Lcg-Exprorer atau Zipman. Download aplikasinya DISINI. Jika kamu pakai hp java, kamu bisa ekstrak dengan aplikasi PowerGrasp, Centurion, atau aplikasi manager lainnya. Silahkan pilih aplikasi yang compatible buat hp kamu DISINI. Dalam template zip tersebut ada 3 file utama, yaitu index.html, file gambar, dan css. Simpan ketiga file tersebut ke galeri hp. Upload ketiga macam file tersebut ke xtgem. Sekarang tugas kamu adalah mengedit file css yang telah kamu upload. Caranya masuk ke xtgem menggunakan UCweb atau Boltbrowser. Buka file browser, klik pada icon file css yang telah kamu upload tadi, maka akan muncul textarea dengan isi seperti ini (contoh):
/* CSS Credit: http://www.templatemo.com/ */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Verdana, Arial, san-serif; font-size: 11px; color: #CCC; background: #000 url(/images/main_bg.jpg)
.Tugas kamu adalah memasukkan url gambar yang telah kamu upload tadi ke form yang telah tersedia sehingga menjadi seperti ini (contoh):
/* CSS Credit: http://www.templatemo.com/ */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Verdana, Arial, san-serif; font-size: 11px; color: #CCC; background: #000 url(http://cyberbatang.hexat.com/images/main_bg.jpg)
.Masukkan url gambar 1 per 1 sampai selesai dan klik SAVE. CSS kamu telah selesai diedit. Sekarang kamu buka file index.html yang telah kamu upload tadi, kamu bisa gunakan kreator atau kamu juga bisa gunakan text editor (menggunakan Ucweb atau Boltbrowser) . Jangan lupa untuk memasukkan url CSS yang telah kamu edit tadi. Caranya, kamu cari kode
<link href="style.css" rel="stylesheet" type="text/css" />
Masukkan URL css kamu sehingga menjadi seperti dibawah ini (contoh) :
<link href="http://cyberbatang.hexat.com/style.css" rel="stylesheet" type="text/css" />
Sekarang kamu bisa edit index.html kamu dengan kreator seperti biasa. Tapi jika file index.html tersebut lebih dari 15kb, kamu hanya bisa mengedit melalui text editor, caranya buka file browser, klik ikon + pada index.html, open with, text editor. Dan perlu diingat bahwa kamu cukup mengedit isinya seperti link, text dan gambar, dan tidak perlu mengedit div style atau css lainnya, kecuali jika kamu sudah betul2 paham dengan html. Selamat mencoba.
