Cara Memasang Css Dan Edit Page Atau Halaman Di Xtgem Untuk Pemula

Postingan saya sebelumya sudah saya share cara memasang css dan edit page/halaman di WenRu edit page atau halaman wapsite di wenru. Nah sekarang saya akan share di wapsite XtGem

XtGem merupakan salah satu site builder yang mudah di kelola. Tidak perlu harus menggunakan PC,cukup menggunakan Hp asalkan bisa terkonek internet kita sudah bisa Edit page/halaman di xtgem tersebut

Bagi yang ingin mengedit atau merubah tampilan wapsite XtGem simak langkah² pemasangan css beserta div class nya sebagai berikut :

1. Copy link css nya dibawah

<link rel="stylesheet" href="http://xraider.wap.sh/css/xraider.css" type="text/css" media="all,handheld"/>

Dan berikut beserta div class nya

<div class="rmenu">

<div class="bmenu">

<div class="header">

<div class="menu">

<div class="tmn">

<div class="gmenu">

2. Login ke akun XtGem anda klik Build => File browser. Dan apabila akun Xtgem nya masih baru, disitu cuman hanya ada satu file index nah di klik filenya akan terbuka seperti ini

3. Perhatikan screenshot kedua diatas lihat ada 3 kode/simbol seperti ini "E" To Edit,"+"To Add,"-" To Remove yang artinya :

* [E] =>> Menuju Edit
* [+] =>> Menuju Add
* [-] =>> Menuju Untuk Menghapus atau bisa juga membatalkan

4. Setelah sudah paham dengan kode-kode diatas anda klik tanda E yang paling atas ada tulisan tambahkan blok akan terbuka halaman baru cari tulisan Kode terus klik akan terbuka kolom kosong dan masukan/pastekan link css diatas kemudian tarik kursor kebawah klik tombol Ok contoh nya seperti ini

5. Untuk melihat hasil pemasangan css nya klik Pertinjau. Apa bila tidak salah layar pada halaman XtGem nya akan berwarna hitam yang berarti css nya berhasil di pasangkan

6. Langkah selanjutnya cara memasangkan gambar. Sebagai contoh kita akan memasangkan gambar yang ini

Untuk memasang gambar/logo, disini coba kita menggunakan juga dengan div nah seperti ini

Dan ini scriptnya silahkan anda ganti div dan gambarnya sesuai dengan selera anda

<div class="header"><div style="text-align:center;"><img src="http://xraider.wap.sh/img/logo1.png alt="logo1"/></div></div>

7. Setelah di pastekan script di atas pada kolom tersebut kemudian klik Ok untuk melihat hasilnya klik Pertinjau apa bila tidak salah hasilnya akan seperti ini

8. Selanjutnya memasangkan Logo sebagai contoh saya menggunakan gambar yang ini

Dan ini script nya,silahkan anda ganti gambar dan div class nya

<div class="header"><div style="text-align:center;"><img src="http://xraider.wap.sh/img/logo.png alt="logo"/></div></div>

9. Pastekan script diatas seperti langkah di nomor 8 kemudian klik pertinjau maka hasilnya seperti ini

NB : apa bila awal membuka dengan 1 div dan di tutup pun dengan 1

kalau awal membuka dengan 2 div ditutup dengan 2 div seperti ini