Cara Edit Customize Template Kedaiscript – MMG

Bagi para user dari MMG yang masih pemula dalam editing HTML, berikut ini kami uraikan beberapa hal dasar untuk edit template tampilan utama dari script keluaran MMG. Pertama-tama yang harus dipersiapkan adalah Program Editor HTML yang bersifat WYSIWYG. Silakan gunakan HTML Editor kesayangan Anda, jika belum memiliki silakan download program open source alias gratis. Program yang kami contohkan di sini adalah KompoZer. Anda bisa download di sumbernya di :

http://kompozer.net/download.php

Setelah selesai diinstal, segera jalankan. Kami memberi contoh untuk customize template dari script MLM 10 Level V.2.1 Pro.

  1. Buka file front_index.html yang ada di folder templates.
  2. Templates 1Perhatikan code-code dalam tag kurung kurawal { … }. Kode tersebut berfungsi untuk menampilkan data dari database. Maka usahakan jangan sampai hilang.
  3. Anda bisa memindahkan ke lokasi lain kode-kode tersebut sesuai posisi yang Anda inginkan.
  4. Untuk menyisipkan teks, tuliskan saja pada tempat kosong yang Anda inginkan. Atur format Font dengan menggunakan fasilitas yang tersedia dalam software tersebut.
  5. Untuk menyisipkan gambar/image perhatikan hal berikut ini:
    • Letakkan gambar yang ingin Anda sisipkan di folder images di directory root (c:/xampp/htdocs/mlm10v21/).
    • Logika dari script ini untuk tampilan gambar adalah mengikuti posisi script php-nya. Karena posisi script PHP-nya di folder utama maka penelusuran image akan menjadi seperti ini : image/namagambar.ext
    • Jika dalam script HTML pada umumnya image akan diambil dengan posisi ../images/namagambar.ext, maka pada script template ini tanpa menggunakan tag ini  “../”, akibatnya hasilnya tidak WYSIWYG, baru akan terlihat efeknya jika script PHP sudah dijalankan.
    • Maka untuk menyisipkan gambar jangan menggunakan menu “Insert – Choose File”,
    • tetapi gunakan Menu “Insert” lalu pada isian “Image Location” isikan “namafolderimages/namaimage.ext”.
    • Contohnya kita akan menyisipkan gambar logo bank dengan nama gambar bca.gif yang posisinya ada di folder c:/xampp/htdocs/mlm10v21/images/bca.gif Maka isian pada Image Location : image/bca.gif

Anda bisa mengubah seluruh template dengan mengganti file front_index.html dengan file html buatan Anda sediri atau file template html gratis yang bisa Anda dapatkan dari para developer lain. Cara mengubahnya adalah dengan menyediakan tempat-tempat kosong/space untuk menempatkan kode-kode dalam kurung kurawal { … }. Dan jika tetap menggunakan image dari bawaan template baru tersebut, silakan ikuti petunjuk di atas, dengan menempatkan file2 image baru di folder images, lalu ubah kode image yang sebelumnya diganti menjadi : images/diikuti namagambarnya.

 

.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: