Friday, 12 August 2011

Tutorial XTGEM.COM

1. Masuk ke situs XTGEM.COM
2. Klik REGISTER, setelah itu keluar halaman baru untuk mengisi beberapa form, antara lain:
  • Username (site name)

  • Domain

  • Password

  • Repeat password

  • Enter text on image

3. Pada kotak USERNAME, kamu isi dengan nama yg kamu inginkan. Ini yg nantinya akan digunakan sebagai alamat wapsite kamu.
4. Pada kotak DOMAIN , kamu pilih domain yg kamu kehendaki. sebagai contoh, kamu memilih domain XTGEM.COM , dan username kamu : John, maka alamat wapsite kamu akan menjadi JOHN.XTGEM.COM
5. Pada kotak PASSWORD, isi dengan password berupa huruf atau angka ,bisa juga dicampur antara huruf dan angka,contoh password : fz2x03ja. Usahakan kamu membuat password yg sulit. jangan lupa untuk mengingat password kamu. bila perlu dicatat.
6. Pada kotak REPEAT PASSWORD, isi kembali password seperti yg telah kamu buat tadi
7. Pada kotak ENTER TEXT ON IMAGE, kamu isi/ masukan text yg ada pada gambar.
8. Klik REGISTER, kemudian apabila Register sukses ,maka akan keluar halaman baru dan kamu langsung dihadapkan pd alamat situs kamu.
9. Gulung layar ke bawah,di situ terdapat beberapa pilihan:
  • Create

  • File Browser

  • Template

  • Earning

  • Statistics

  • Contact/ Support

  • Description

  • Automatic Login

Langsung saja kamu Klik File Browser
10. Muncul halaman baru, di situ terdapat:
  1. Index.wml

  2. Create file

  3. Create Folder

  4. Upload File

Klik tulisan ” Index.wml” (diklik kotaknya atau tanda ” + ” untuk membukanya
11. Keluar halaman baru dan akan ada beberapa tulisan :
  • [E+-] [Align : center]

  • [E+-] Hey, it works !

  • [E+-] [Line break]

  • [E+-] You can start creating your site…

  • [E+-] [End Align]

  • Preview

  • Option

12. Untuk kamu yg baru pertama X membuat wapsite di XTgem.com ini mungkin belum mengetahui fungsi2 dari [E+-],
  • huruf E : untuk Edit

  • tanda ” + ” : untuk menambah (entah itu text, gambar, link, dll)

  • tanda ” – ” : untuk menghapus/ Delete

  • Preview : untuk melihat hasil tampilan wapsite yg telah kamu buat

  • Option : untuk mengubah Page Title, background, dan tipe file (WML, xHTML)

13. Sekarang kamu langsung saja hapus tulisan ”Hey, it works !” dengan cara Klik tanda ” – ” di sebelahnya
14. Muncul tulisan ” Are you sure you want to DELETE this block ?”. Kamu klik saja tulisan DELETE.
15. Hapus semua tulisan yg ada di situ, kecuali ”Align : center dan End Align”
16. Setelah semua terhapus (tinggal tersisa Align : center dan End Align), Klik tanda ” + ” di sebelah tulisan Align : center.
17. maka akan muncul beberapa pilihan :
  • Text (untuk membuat/ menambahkan tulisan)

  • Link (untuk membuat Link. Belum tau apa itu link? LINK itu di ibaratkan sebagai sebuah pintu, c0nt0hnya ketika kamu sedang membuka suatu situs dan kamu mengarahkan pointer pd sebuah Tulisan atau gambar, pointer yg tadinya berbentuk panah,berubah menjadi bentuk tangan yg sedang menunjuk, tulisan atau gambar yg ditunjuk oleh pointer itulah yg disebut dg LINK, apabila link itu di Klik, akan keluar halaman baru)

  • Image (untuk menambahkan gambar)

  • New Line (berfungsi sebagai ”Enter”/ menulis di baris yang baru)

  • Align Start (menunjukan Awal penulisan dan juga berfungsi untuk membuat text rata kanan atau kiri)

  • Align End (menunjukan Akhir penulisan)

  • Code (untuk memasukan kode HTML/ xHTML)

  • XTfunction (menambahkan beberapa fungsi,cotoh : menampilkan jam, counter/jumlah pengunjung, online,dll)

18. Karena kamu baru dari awal,maka buat dulu sebuah tulisan sebagai latihan.
  • Klik Text, setelah muncul halaman baru, pd kotak Text kamu tulis ”SELAMAT DATANG DI WAPSITEKU”

  • pilih beberapa Font yg kamu suka,misal kamu pilih BOLD,maka nanti tulisan tersebut akan menjadi tebal.

  • pilih warna tulisan tersebut pd form ”Color”

  • untuk ”Insert new line”, pilih Yes

  • Klik OK

19. Kamu akan di bawa kembali ke file index, yang terdapat tanda [E+-]. Lihatlah,di situ sudah ada tulisan ”SELAMAT DATANG DI WAPSITEKU”. itu berarti text yg kamu buat tadi sudah berhasil.
20. Sekarang kamu coba membuat/menambahkan LINK :
  • Klik tanda ” + ” di sebelah tulisan Line break

  • pilih LINK

  • masukkan alamat ini sebagai contoh : http://www.yahoo.com pada kotak Address.

  • pd kotak Text, tulislah Menuju Yahoo!.

  • pilih Color (warna) untuk link tersebut.

  • Klik OK

21. Nah..,kamu akan dibawa kembali ke file index,yg terdapat tanda [E+-], begitulah seterusnya. Link yg kamu buat tadi sudah berhasil dengan dibuktikan adanya tulisan Menuju Yahoo! di bawah tulisan Line break.
22. Untuk menambahkan image/gambar ke wapsite kamu, akan aku jelaskan setelah ini selesai,karena kamu harus mengUPLOAD foto/gambar kamu dulu sebelum menampilkannya ke halaman wapsite.
23. Sekarang kamu coba membuat Tanggal :
  • Klik tanda ” + ” di sebelah Line break paling bawah.

  • pilih XTfunction

  • pilih Time and Date

  • Klik OK

  • keluar halaman baru, pilih format/tampilan Tanggal, untuk time zone yg berada di WIB pilih GMT +7

  • Klik Ok

24. Sekarang coba lihat hasil tampilan wapsite kamu dengan meng Klik PREVIEW. Itulah tampilan halaman index/ halaman utama wapsite yg telah kamu buat tadi. Di situ tertulis :
SELAMAT DATANG DI WAPSITEKU,
Menuju Yahoo!,
2008-06-18.
Pada tulisan ”Menuju Yahoo!” itulah yg disebut dengan Link. Apabila di-Klik,maka kamu akan dibawa/membuka situs Yahoo!.
25. Sekarang kamu tekan tombol kembali(Back) pada Hp kamu untuk kembali ke halaman sebelumnya. Gulung layar ke bawah, cari tulisan File Browser lalu Klik.
26. Kamu akan saya pandu untuk mengUPLOAD foto/gambar (memasukkan/ mengirim foto/ gambar kamu ke wapsite).
27. Sebelumnya buat Folder dulu untuk menampung foto-foto kamu :
  • Klik Create Folder

  • Tulis nama Folder(saya sarankan nama folder,file,foto,dll harus simpel,tdk terlalu panjang dan tidak menggunakan spasi. Contoh : fotoku

  • Klik OK

  • Jika sukses,kamu akan langsung berada di dalam folder yg telah kamu buat tadi.

  • Ingat..!! setiap kamu membuat folder, entah itu folder apa saja, jangan lupa untuk membuat file INDEX di dalamnya. Tujuannya agar ketika sesorang hendak mengakses situs kamu, dan dia menuju folder, isi di dalamnya tidak akan terlihat, sehingga orang lain tdk bisa seenaknya melihat, ataupun mendownload file – file di dalamnya. Berikut langkah membuat file InDEx di dalam folder agar isi folder tidak bisa terlihat (ditampilkan) : 1. Klik Create File, 2. beri nama INDEX, 3. Klik OK, 4. Klik file INDEX tadi kemudian, hapus tulisan XTfunction (file List) yg ada di situ. Pembuatan file InDEx sudah selesai.

  • Sekarang kamu klik File Browser (gulung layar ke bawah), kemudian klik Folder tadi untuk masuk ke dalamnya.

  • Klik Upload File

  • Klik kotak bertuliskan ”no file , Choose. . .”

  • Cari foto/gambar di dalam folder Hp kamu

  • Klik OK

28. Setelah selesai, foto kamu sudah terUPLOAD/sudah berada di dlm wapsite kamu,lebih tepatnya berada di dalam folder foto yg ada di wapsite kamu. Catat nama foto kamu. Contoh : lagimancing.jpg.
29. Keluar dari Folder tersebut dengan mengKlik File Browser (gulung layar ke bawah).
30. Klik INDEX
31. Sekarang kamu coba memasang / menampilkan foto/gambar ke halaman wapsite kamu :
  • Sebelumnya beri Line break dulu di bawah tulisan XTfunction, klik tanda ” + ” di sebelah tulisan XTfunction, pilih New Line.

  • Line break sudah jadi

  • Klik tanda ” + ” pd Line break

  • pilih image

  • klik tulisan File Browser

  • Klik folder tempat kamu menyimpan foto yg telah di Upload sebelumnya.

  • pilih foto yg akan dipajang di halaman wapsite kamu

  • pada kolom Text, tulis nama foto kamu

  • Klik OK

32. Nah,.. sekarang foto kamu sdh terpajang di halaman wapsite kamu. Coba sekarang kamu klik Preview
33. Selain cara di atas, ada cara lain untuk memasukan foto ke halaman wapsite, yaitu dengan menggunakan Code HTML :
  • Klik tanda ” + ” pd Line break

  • pilih CODE

  • masukkan kode berikut : Contoh :

  • Lalu Klik OK

34. Keterangan :
  • Tulisan ”fotoku” pd kode di atas adalah nama folder yg telah kamu buat tempat menyimpan foto yg sudah di Upload

  • tulisan ”lagimancing.jpg” pd kode di atas adalah nama foto yg sudah kamu upload.

  • tulisan ”foto aku yg lagi mancing” adalah keterangan foto, tidak diisi juga tidak apa2.

35. OK boz… udah dulu yah..!
Tetapi cara lain agar kamu hemat pulsa / tidak merancang atau membuat wapsite secara online langsung, lebih baik kamu buat filenya (file HTML) dulu di Hp kamu menggunakan aplikasi MOBYEXPLORER. Setelah semuanya sudah jadi, baru kamu upload ke wapsite milik kamu. Jadi tidak usah buang2 pulsa untuk membuat wapsite secara online. Kita tinggal buat file HTMLnya, terus tinggal di upload. Lebih praktis dan hemat. Selamat Mencoba.

No comments:

Post a Comment