CSS Templates di XtGem

Yaitu sebuah cara mengedit wapsite dengan menggunakan css templates yang sering di pakai untuk memperindah tampilan website ataupun weblog. Disini saya akan berbagi pengalaman memakai css templates di xtgem seperti hasil editanku yang sekarang kamu lihat ini.
Para netter tentu tidak asing lagi kan dengan domain xtgem.com, jw.lt, mw.lt, nah itu beberapa contoh domain wapsite yang trend pada saat ini, selain gratis hostingan itu mudah di mengerti.

Oke kita kembali ke topik. Sama dengan yang di wen.ru, pertama anda harus punya atau sudah mendownload css templates yang bisa anda dapatkan di sini atau kamu bisa search di google dengan kata kunci atau keyword free css templates.
Usahakan mencari css templates yang gratis. Kalau anda sudah menemukan templates yang cocok di pikiran anda dan merasa script-scripnya gampang di edit, sekarang mulai lah untuk mengextract, biasanya css templates berfile *.zip jadi yang mengedit memakai komputer bisa langsung memakai winrar atau winzip atau sejenisnya.
Kalau yang memakai handphone, anda bisa download aplikasi winzip/winrar untuk handphone symbian di sini. Sedangkan untuk handphone java bisa download di sini, atau menggunakan pengextract file sejenisnya.

Biasanya css templates didalamnya ada beberapa elemen-elemen penting untuk terbentuknya suatu halaman website. Karena kita disini membahas tentang wapsite maka kita harus menyesuaikan dengan hostingan kita. Elemen atau file didalamnya berupa:

* folder images
* file css
* index.html

1. Tahap pertama: anda buka folder gambar yang didalamnya ada beberapa gambar yang mendukung css templates agar menjadi sebuah halaman. Silahkan anda upload dulu gambar-gambar dalam folder tersebut ke hostingan anda. Buatkan folder khusus agar anda gampang untuk mengingatnya. Contohnya buat :

Folder: images
sehingga alamat gambar yang didapat sebagai contoh:

http://whiznoe.xtgem.com/images/img01.jpg
(tipe gambar tersebut bisa berupa jpg, png, atau lainnya).

2. Tahap kedua: setelah anda selesai meng-upload gambar-gambar tadi, gambar tersebut akan memiliki alamat dimana alamat itu akan dipasang di css. Css tersebut bisa dengan nama default.css, ya tergantung dengan nama yang diberikan oleh pembuat templates tersebut. Buka dan edit css anda. Contoh dari pengeditan css sebagai berikut:

background: url(img01.jpg) repeat-x left top;

Dan hasil editannya adalah:

background: url(http://whiznoe.xtgem.com/images/img01.jpg) repeat-x left top;

Alamat url background itulah yang diedit sampai seterusnya.

Setelah selesai mengedit css nya. sekarang anda simpan dan mulai meng upload css kedalam folder yang khusus anda buat, contoh, folder: file.
Sekarang anda sudah mendapatkan alamat css anda sebagai contoh berikut:

http://whiznoe.xtgem.com/file/default.css
Anda simpan dulu alamat itu.

3. tahap ketiga (terakhir) dalam tahap ini anda mulai melihat file index.html sekarang saatnya mengedit tampilan yang akan keluar dihalaman situs wapsite anda, sebelum mulai melangkah kejenjang pengeditan menu-menu dalam situs wapsite. Anda kembali ke alamat css yang anda upload (tahap 2) tadi. Silahkan anda taruh didalam script pemanggil atau didalam script index.html.
Pertama anda buka index.html disana anda akan melihat code atau script seperti contoh dibawah ini:

<link href="default.css" rel="stylesheet" type="text/css" media="screen" />

Maka anda rubah seperti ini:

<link href="http://whiznoe.xtgem.com/file/default.css" rel="stylesheet" type="text/css" media="screen" />

Setelah alamat css terpasang dengan benar, sekarang mulai untuk mengedit seluruh isi dari index.html tersebut. Setelah selesai mengedit seluruh script index.html anda bisa melakukan 2 cara yaitu dengan upload index.html ke hostingan dan dengan mencopy seluruh script dan di paste di text editor.

Text editor tersebut seperti hostingan xtgem dengan cara:

* 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.
* Lalu save dan selesai.

Selamat berkreasi dan semoga berhasil. Bagi anda yang menggunakan komputer untuk mengedit, anda juga bisa memakai softwere dreamweaver... ^_^