Melanjutkan artikel pertama yang lalu tentang Template XtGem Blog dengan topik Fitur yang terdapat pada Template XtBlog mirip MyWapBlog, di artikel ini saya akan bagikan file scriptnya serta cara pasang atau instal di XtGem.

Saya berasumsi bahwa Anda sudah punya akun XtGem, silahkan login dulu pertama kali. Setelahnya, buat sebuah situs baru di dalamnya, ikuti prosesnya hingga situs Anda sudah jadi dan siap digunakan. Jika langkah ini sudah selesai, pergi ke File Browser lalu hapus 'semua file' (termasuk Folder jika ada) yang terdapat di dalam situs baru Anda tadi. Saatnya kita mulai proses utama, yaitu memasang file-file baru yang saya siapkan untuk Anda.

Metode utamanya seperti ini:
Klik Unggah file lalu pilih Unggah file dari server jarak jauh (Upload by remote server; upload file melalui URL).
Silahkan unggah (upload) semua file yang saya siapkan satu persatu.

(i). File Halaman Utama
Upload file berikut ke Root Directory (di luar Folder) situs Anda:

Jika sudah, rename semua file dengan menghapus .js pada bagian akhir sehingga file akan bernama, misalnya: index, about.xhtml, dan _headtags saja.

(ii). Kerangka Utama Blog
Buat sebuah Folder baru bernama blog, lalu upload file berikut ke dalam folder tadi:

Sama seperti cara pertama, rename semua file ini dengan menghapus .js.

(iii). Stylesheet
Masih di dalam folder blog, buat sebuah folder baru bernama css lalu upload file ini ke dalamnya:

Jika selesai, keluar dari folder css lalu kembali ke folder blog

(iv). Images
Di folder blog, buat lagi sebuah folder baru bernama img, lalu upload foto milik Anda ke dalam folder ini untuk menjadi gambar profil pada halaman about.xhtml. Apapun format gambar, rename foto tadi menjadi profil.jpg

(v). Twig Templates
Keluar dari folder blog. Sekarang Anda sedang di Root Directory, buat folder baru bernama _xtgem_templates lalu upload lagi file berikut ke dalamnya:

Untuk file yang ini, tidak perlu di rename.

Masih di folder _xtgem_templates, buat lagi sebuah folder baru bernama blog lalu upload file berikut ke dalam folder.

Semua file ini, juga tidak perlu di rename.

Lanjut, keluar dari file blog ini dan kembali ke folder _xtgem_templates. Buat lagi satu folder baru di sini bernama guestbook dan upload lagi file di bawah ke dalam folder baru ini:

File tidak perlu di rename.
Tahap penginstalan Twig Templates selesai. Sekarang keluar dari folder ini lalu kembali ke Root Directory.

(vi). Post Manager
Dari Root Directory, buat lagi sebuah folder baru bernama _xtgem_blog lalu upload file ini ke situ:

Rename dengan menghapus .js. Di file inilah nanti Anda akan membuat post artikel baru, juga mengedit post. Sengaja saya letakkan file ini ke dalam sebuah folder terpisah agar 'Kerangka Postingan' tidak bisa di akses oleh siapa pun dan juga tidak ikut terindex mesin pencari sebab halaman ini tidak di design sama sekali.

(vii). File Pendukung
Kembali lagi ke Root Directory, buat folder terakhir yang bernama favicon. Upload di situ sebuah gambar kecil berukuran 16px * 16px untuk menjadi logo icon halaman Anda. Rename file gambar tadi menjadi favicon.ico.
Akhirnya proses instal atau pemasangan script selesai. Harap pastikan bahwa semua file tadi telah Anda upload tanpa ada yang terlewatkan.

(viii). Finishing
Untuk tahap editing dan pengaturan lanjutan, akan saya share pada post berikutnya. Untuk sementara Anda dapat me-refresh semua file halaman tadi yang sudah di-rename (kecuali yang ada di folder _xtgem_templates sebab itu adalah file twig). Cara refreshnya adalah, klik satu persatu halaman tersebut agar kembali menjadi sebuah file Html, bukan lagi sebagi file Text biasa.

Mungkin Anda boleh mencoba membuat sebuah post baru di halaman BLOG-MANAGER lalu publish sekedar sebagai uji coba. Test kunjungi alamat situs baru Anda, apakah postingan sudah berhasil muncul.

Jika ada kendala, saya sarankan Anda untuk bergabung dalam Forum yang saya buat agar dapat berdiskusi lebih lanjut. Akhirnya, terima kasih yang sebesar-besarnya kepada Sir. Graham atas script dan tutorial XtBlog Related Post-nya kepada saya di Forum resmi XtGem, juga kepada Flambon untuk CSS Simple Luxury yang saya gunakan dalam halaman. Selamat mencoba...

Original posted by virtu.hexat.com
@2020-10-04 08:32 ( 27 comments )