XtGem Forum catalog
Free Online Tools And Generator

Mywapmaster


☰ subc


kerangka dasar template html xt blog xtgem

membuat susunan dasar html xtgem

selamat sore dan selamat beristirahat buat pengunjung mywapmaster Alhamdulillah hari ini dapat juga menulis lagi di wap ini, maaf sebelumnya karena tulisan kali ini isinya hanya simpanan lama saya yang telah berdebu yang saya cari tidak ketemu, maklum file folder wap ini sudah tidak tersusun rapi banyak sekali pening dan galau di buatnya, dari itu saya berinisiatif untuk di post saja agar tidak terulang lagi, artikel ini berisi kerangka dasar pembuatan xtgem cocok buat pemula dan buat anda yang mau menggunakan silahkan karena tidak dipungut biaya alias free, file foldernya berisi kode html mentah dari header, footer, tutorial dan tiga file tambahan baru yang saya perbaharui yaitu xt twig blog, xt btwig guestbook atau buku tamu yang semuanya terkhususkan buat xtgem, jangan khawatir walau sudah tersimpan lama html ini mempunyai susunan yang baik dan terarah alias seo sekali, bukan template yang saya pakai sekarang tidak jelas susunannya.

xtblog.jpg


oke saya mulai saja ya sob mohon ijinnya dahulu.

HEADER
- klik file browser > buat file baru beri nama _header > klik tanda tambah / tambahkan blok > code > isi dengan kode html berikut dan ganti nama, deskripsi serta ganti text ykub.xtgem.com > dengan url blogmu TANPA http:// pada search form.
yang lain jangan di ganti.



2. FOOTER

klik file browser > buat file baru beri nama _footer > klik tanda tambah/ tambahkan blok > code > masukan html berikut,



3. HEADTAGS

Klik file browser > klik buat file (create file) > beri nama _headtags > ok > klik tanda tambah / tambahkan blok > code > masukkan kode ini



4. INDEX

File index adalah file utama saat orang mengunjungi wap kamu, melalui file index inilah kita mengarahkan pengunjung ke link-link lainnya, dan disini juga kita dapat menulis artikel baru, oke kita aktifkan tempat menulis artikel, caranya :

Klik file index (file index sudah ada otomatis saat pembuatan akun jika terhapus dapat di buat baru dengan nama index) > klik tanda tambah / tambahkan blok > social > blog > oke

setelah filenya muncul klik XT:Blog > aktifkan fitur > Header and truncated post body and first image > Ok.
agar lebih menarik lagi klik Buka dalam penyunting teks (linknya ada di bagian bawah) > cari kode display_limit="50" lalu ubah angka "50" menjadi "215" > simpan

NOTE
pada file index inilah kita menulis artikel baru dengan klik new post

5. FOLDER TUTORIAL

Masih pembuatan file, selanjutnya kita buat file untuk mengalihkan pengunjung membaca artikel kita. untuk file ini wajib dan tidak boleh diganti dengan nama lain yaitu Tutorial, caranya

klik file browser > buat file > beri nama > Tutorial (Nama diawali huruf besar dan tidak boleh di ubah) > ok > klik tanda tambah / tambahkan blok > code > masukan kode ini



6. BUKU TAMU

selanjutnya kita buat halaman buku tamu pengunjung atau guestbook, halaman ini berisi biodata admin. caranya

Klik file browser > buat file (create file) > beri nama about.xhtml (nama wajib dan tidak boleh diubah nama lain) > ok > klik tanda tambah / tambahkan blok > code > masukkan kode ini ( edit lagi ganti dengan biodata anda yaitu text, fb, twitter, gplus. yang lain jangan di ganggu coy)



Nah semua file utama telah terbentuk namun semua belum indah tanpa dekorasi, jadi kita buat dekornya, pelan-pelan saja sob tidak bayar kok :yay: saya saja menulis ini hampir seminggu jika ada waktu saja, ini tanpa screenshot jika pakai itu mungkin sebulan :wack: kita lanjutkan dengan membuat dekorasinya yaitu twig blog dan twig guestbook, caranya :

8. TWIG BLOG

klik file browser > klik buat folder (create folder) > beri nama foldernya _xtgem_templates > ok.

Masih dalam folder _xtgem_templates > klik buat file (create file) > (pada kolom pertama nama file isi dengan nama) xtblog.twig > (pada kolom kedua type file) pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini



itulah kode dekorasi blog xtgem, sekarang kode decor buat buku tamu.

9. TWIG GUESTBOOK

untuk membuat file guestbook ini sama dengan membuat file xtblog diatas tadi, Klik folder _xtgem_templates > klik buat file (create file) > (pada kolom pertama nama file isi dengan nama) xtguestbook.twig > (pada kolom kedua type file) pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini



selesai mendekorasinya namun masih belum indah tanpa css, dengan css akan terasa lengkap, apa apalah gitu.
10. TEMPAT MENYIMPAN CSS OTOMATIS

agar kode css terarah kita dapat membuat sebuah folder, melalui folder ini css dapat kita atur misal tampilan otomatis wap (ponsel) dan web (komputer), caranya :

Klik panel > file browser > buat folder (create folder) > beri nama styles (nama styles wajib tidak boleh diubah) > ok.

kita buat css tampilan mobile jika dilihat dari ponsel caranya

masih di folder styles > klik buat file (create file) > kolom pertama beri nama mobile.css (nama mobile.css tidak boleh diganti) > kolom kedua type file pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini sebagai bahan percobaan



saatnya tampilan desktop buat pengunjung yang datang melalui PC web, caranya sama dengan diatas membuat file klik folder styles > klik buat file (create file) > kolom pertama beri nama web.css (nama web.css tidak boleh diganti) > kolom kedua type file pilih TEXT(file teks biasa yang sederhana) > OK > masukkan kode ini sebagai bahan percobaan



selesai sob cuapekkk

oh ya sob mungkin tutorial diatas terdapat kode yang hilang atau text yang terpotong dan tidak jelas dari itu saya sudah menyiapkan file zip lengkap dengan tutorialnya dapat di download disini.
kerangka_dasar_xtgem.zip


kerangka dasar template html xt blog xtgem Rated 4.5/5 based on 144 reviews
Diposkan pada 15-03-2015 06:13
amyki
15-08-2018 12:59

gak mudenh gan maklum masih newbie ***.amyki.xtgem.com

ardhi_khalifa
15-06-2018 21:34

Bagi template blog yg sprti ini dnk

Bokep_Mesum
21-03-2017 07:28

berhasil ******.... tank ya

Afrizal
22-03-2016 02:03

thx infonya gan. jika berkenan mampir. http://***.gendol.com

Masterlie
12-03-2016 06:20

Wadoh? Bagus sekali tutornya, cukup bikin pening? Ijin copas shobat, kalau sempet mampir di blog acak-acakan http://masterlie ********** Mohon sarannya broow


Close ×

Info

Note :

Do Not Copy Code Using Translator.
( Jangan Copy Code Menggunakan Translator Bahasa)

Please Like This Page