EDIT WAPSITE DENGAN CSS TEMPLATE
Posted by admin | 19 October 2009
Ada banyak cara membuat tampilan wapsite jadi lebih menarik, diantaranya adalah menggunakan CSS Template yang biasa digunakan untuk web atau blog. Disini saya akan berbagi sedikit tips edit wapsite wen.ru dengan CSS Template.
Cara menggunakan CSS Template di Wen.Ru
Disini saya akan jelaskan cara menggunakan css template di wen.ru secara online. Langkah-langkahnya adalah sebagai berikut :
Cari dan download css template yang masih berbentuk zip DISINI. Masih banyak situs yang menyediakan css template gratis. Silahkan pilih di menu Free CSS Template di Homepage.
Setelah didownload, upload file tersebut ke wen.ru. Jika hp kamu tidak bisa buat upload, kamu bisa upload via HTTP (URL), caranya, dri wExplorer, pilih Add, Upload via HTTP. Pada form url, masukkan url file, biarkan yang lain kosong dan klik upload. Jika file yang diupload tersimpan Download Manager, buka dan klik tanda X disamping url file, maka file otomatis tersimpan di wExplorer.
Buka wExplorer dan klik pada nama file tersebut, kemudian 'Open' dan Extrack All, selanjutnya kamu bisa pilih Skip atau Rewrite. File yang telah diekstrak tadi akan menjadi beberapa bagian terdiri dari index.html, css, dan file gambar. File-file tersebut tersimpan dalam suatu folder.
Cari foldernya dan buka. Cari file-file gambar dan temukan url dari setiap file, karena nanti akan dibutuhkan dalam pengeditan css.
Buka file css dan pilih lines editor, maka kamu akan melihat tampilan seperti dibawah ini (contoh) :
#1/*
#2CSS Credit: http://www.templatemo.com/
#3*/
#4
#5body {
#6 margin: 0;
#7 padding: 0;
#8 line-height: 1.5em;
#9 font-family: Verdana, Arial, san-serif;
#10 font-size: 11px;
#11 color: #CCC;
#12 background: #000 url(images/main_bg.jpg) top repeat . . .
Tugas kamu adalah memasukkan url setiap gambar pada form yang telah disediakan. Untuk contoh diatas form gambar ada di lines 12. Untuk memasukkan url gambarnya, klik pada angka 12, masukkan url gambar sehingga menjadi seperti dibawah ini (contoh) :
#1/*
#2CSS Credit: http://www.templatemo.com/
#3*/
#4
#5body {
#6 margin: 0;
#7 padding: 0;
#8 line-height: 1.5em;
#9 font-family: Verdana, Arial, san-serif;
#10 font-size: 11px;
#11 color: #CCC;
#12 background: #000 url(http://ghostworld.wen.ru/design-blog/images/main_bg.jpg) top repeat . . .
Pilih finish lalu save. Lanjutkan ke lines lainnya hingga selesai
Selesai mengedit css, buka file index.html dan pilih lines editor, masukkan url css yang telah kamu edit tadi pada kode (contoh) :
Masukkan url css kamu sehingga menjadi seperti ini (contoh) :
.
Kemudian tinggal edit isi dari index.html-nya.
Setelah selesai mengedit index.html dan ingin menjadikannya sebagai index utama wap kamu, pindahkan index.html tersebut. Caranya klik pada nama index.html, move/rename, masukkan tanda / (garis miring) di box dan klik OK. Tapi sebelumnya, pastikan index.html yang ada sebelumnya telah diconvert ke wml atau xhtml, dihapus atau diganti nama.
Bagi yang belum paham, silahkan tanyakan kepada saya. Untuk cara pengeditan CSS Template di XTGEM, silahkan baca DISINI
