Tips dan Trik

Edit XTgem dengan css


Wapsite XTgem sudah banyak yang mengenal dan bahkan sudah banyak yang sudah bisa mengedit sendiri. Dengan perkembangan dunia internet yang pesat,site xtgem yang dulu tampilanya cuma mobile view kini bisa di edit dalam berbagai tampilan. Dalam perkembangannya, Xtgem juga bisa di pasangi template css website.
Yang perlu di perhatikan adalah di handphone anda harus ada aplikasi
  • zipman atau lcg explorer.(untuk mengextrax file dan mengedit file)
  • ucweb atau bolt browser.
Apabila handphone anda sudah siap langkah selanjutnya adalah mendownload template css. Search pake google atau langsung ke www.freecsstemplates.org, jika sudah ketemu mak download tamplate yg diinginkan, dan filenya adalah file zip.
  • Ekstrak file zip tadi dengan zipman atau lcg explorer
  • dalam file zip tadi akan ada 3 file utama yaitu
    1.file gambar.
    2.File style.css
    3.File index.html
berikut langkah selanjutnya
  • pertama upload semua file gambar yang tadi,kemudian dapatkan url nya .Seperti http://r4dit3.mobie.in/Files/img01.jpg.
  • kemudian buka file style.css(sebaiknya di lcg explorer atau text editor di file xplorer biar filenya bisa langsung di upload ke web)
  • pasang url gambar yang sudah diupload tadi di form yang sudah di sediakan.
    Seperti contoh di bawah ini

    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */

    body {
    margin: 0px;
    padding: 0;
    background: url(
    img01.jpg) repeat-x left top;
    text-align: justify;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
  • pasang url gambar tadi di kode warna merah di atas sehingga jadi seperti ini


    /*
    Design by Free CSS Templates
    http://www.freecsstemplates.org
    Released for free under a Creative Commons Attribution 2.5 License
    */

    body {
    margin: 0px;
    padding: 0;
    background: url(
    http://r4dit3.mobie.in/Files/img01.jpg) repeat-x left top;
    text-align: justify;
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 12px;
  • setelah semua kode-kode gambar di lengkapi kemudian upload lagi file style.css tadi dan dapatkan urlnya .
    Contoh http://r4dit3.mobie.in/Files/style.css
Sekarang kita edit index html nya .Nah ini langkah terumit,tapi bagi yang sudah ada dasar-dasar html yang cukup pasti bisa,dan saran saya memang tips ini bukan untuk pemula,jadi advance user only . Yang paling penting dan jangan sampai terlewatkan adalah memasang url file style.css tadi di index.html .Caranya sama seperti memasang icon wap,kode js atau css divstyle yaitu dengan kode pemanggil 'link rel' dalam file index.html yang di download tadi ,sudah ada kode pemanggil tersebut,jadi kita tinggal memasang url tadi. .Kodenya bisa di lihat tepat di atas kode seperti contoh ini

 

<meta name="" content="" /> href="style.css" rel="stylesheet" type="text/css" media="screen" />

 

isi url style.css tadi di kode biru di atas sehingga jadinya seperti ini

 

<meta name="" content="" /> href="http://r4dit3.mobie.in/Files/style.css" rel="stylesheet" type="text/css" media="screen" />

 

Sekarang file index.html nya sudah lengkap,tinggal mengedit yang lain. .Yang sudah akrab dengan kode html pasti bisa. . Oke saya anggap saja file index.html nya sudah lengkap,berarti sekarang tahap terakhir yaitu pasang di editor xtgem sebaiknya gunakan ucweb browser untuk ini,caranya sbb
  • copy seluruh kode index.html yang tadi
  • login di xtgem
  • buka menu file browser dan cari file index.
  • klick tanda [+] -> open to-> text editor.
  • setelah text area editor muncul,hapus semua kode html di sana
  • paste seluruh file index.html yang tadi
  • save n lihat hasilnya pake opera mini,
Jika semua sesuai urutan pasti segera dapat di lihat hasilnya,dan bila gagal bisa coba dan coba lagi ..

Back to posts
Comments:

Post a comment





Kembali ke
Home
Forum
Click here
Click here

Mozilla/5.0
3.15.27.232
MobPartner Counter

Old school Easter eggs.