Cara pengoperasian website

Print panduan-panduan ini agar lebih mudah dipraktekkan

Silahkan masukkan kalimat2 dan gambar-gambar2 sesuai kebutuhan ke website anda mengikuti panduan dibawah
ini

• Langkah pertama adalah kunjungi website anda dan login terlebih dulu. Link login tersedia di kolom sebelah
kiri. (lihat gambar dibawah)

• Masukkan password: test (password ini sangat disarankan langsung diganti. KLIK DISINI utk
petunjuk ganti password)
• Selanjutnya yang akan terlihat adalah halaman edit untuk halaman utama.
• Untuk edit text seperti menambah, menghapus, cetak tebal, miring, garis bawah, dll hampir sama dengan
pengoperasian MS Word.
• Jika sudah di edit teksnya, save dengan mengklik tombol save (lihat gambar dibawah)

Harap diperhatikan!: Untuk mengisi konten website jangan copy-paste dari Word atau website lain. Karena bisa
 membuat website error di kemudian hari.

Jika ingin copy paste, prosesnya adalah:

• Copy-paste ke program Notepad

• Dari Notepad copy-paste ke website

Untuk petunjuk lainnya silahkan KLIK melalui link dibawah ini:

1. Membuat variasi teks dari ukuran, jenis font dan warna

2. Menambah halaman baru (tambah menu)
3. Mengganti menu halaman
4. Menambah sub-menu halaman
5. Menghapus halaman (hapus menu)
6. Memasukkan gambar/foto di halaman website
7. Memasukkan gambar/foto di Photo Gallery
8. Memperkecil ukuran gambar/foto
9. Membuat link (ke halaman lain) pada Gambar/Teks
10. Membuat link (ke website lain) Pada Gambar/Text
11. Membuat link Download pada Gambar/Teks
12. Ubah konfigurasi (mengganti password, alamat email, dll)
13. Membuat dan merubah tabel
14. Membuat Link Yahoo Messenger
15. Tips mempromosikan website di internet
16. Membuat Form online
17. Membuat Chat Box
18. Menghapus komentar di Forum
19. Memasang banner referral Shop737.com
20. Menampilkan video (media Audio visual)

Petunjuk berikutnya adalah yang berhubungan dengan merubah desain, membuat email dll. Untuk membuka
petunjuk2 dibawah ini. Dan untuk mempraktekkan langkah2 dibawah ini anda harus login ke Cpanel. Cara masuk
ke Cpanel ada di dalam petunjuk dibawah ini:

21. Petunjuk untuk mengganti desain.

22. Membuat email dengan domain anda sendiri
23. Mengganti header (gambar website paling atas)
24. Cara melihat data kunjungan website
25. Mengganti musik latar
26. (WAJIB DILAKUKAN) Cara back up data

Jika anda ingin membuat toko online, susun menu/halaman website anda seperti di web contoh berikut
fungsikan Gallery photo untuk menampilkan produk2 anda, kemudian buat halaman khusus untuk form pemesanan,
panduan membuat form klik disini
Semoga mudah difahami.

Jika ada pertanyaan sebaiknya dikirim ke email admin@shop737.com atau chatting (jika sedang online) terkadang
kami kesulitan membantu jika dikirim ke sms atau telp, karena kemungkinan tidak sedang online.

Jadi harap maklum jika suatu saat sms anda tidak sempat kami respon
 Membuat variasi teks (font) :

Mohon maaf, script web kami belum support untuk membuat jenis font. Namun memberikan solusi bagaimana
membuat variasi teks dari segi warna, ukuran atau jenis seperti contoh dibawah ini

Ini adalah website saya

Ini adalah website saya

Ini adalah website saya

Caranya adalah sbb:

1. Jika anda pengguna email yahoo (jika belum ada buat disini) login ke email yahoo anda
2. Lalu membuka sebuah email baru seperti ketika anda ingin mengirim email (klik yang terlihat seperti
gambar dibawah)

3. Silahkan berkreasi dengan field di email tsb (silahkan lihat gambar dibawah)
4. Jika sudah selesai tinggal copy-paste saja ke halaman edit website anda.
 Menambah Halaman:

Misalnya anda ingin menambah menu Halaman 4 setelah Halaman 3. (lihat gambar dibawah)

1. Klik Halaman 3 , kemudian di akhir halaman tersebut ketik nama halaman yang akan dimasukkan misalnya
Halaman 4 (lihat gambar dibawah)

2. Block kalimat 'Halaman 4' tersebut kemudian klik tab "H1" hingga font berubah menebal. Kemudian Save
dengan menekan tab yang bergambar disket diatasnya

3. Halaman 4 sudah jadi seperti gambar berikut:

Mengganti Menu Halaman:

Misalnya anda ingin mengganti link Halaman 2 menjadi Tentang Kami

1. Klik Halaman 2

2. Gantilah kalimat pertama yang tertera paling atas. Lihat gambar dibawah ini:

3. Ganti misalnya dengan Tentang Kami kemudian save, maka link Halaman 2 sebelah kiri akan berubah menjadi
Tentang Kami.

PENTING !!

Jangan mengganti menu News, News4 dan News5, (lihat gambar dibawah)
Karena menu2 tersebut ada kode utk menampilkan kolom samping. Lihat gambar dibawah:

Dalam mengedit hindari edit bagian judul dan kode dibawahnya. Lihat gambar dibawah:
 Menambah sub halaman::

1. Masuk ke halaman yang ingin ditambah sub halaman (misalnya halaman 2 pada gambar)

2. Ketik nama sub halaman yang diinginkan (misalnya "Sub Halaman 2") di akhir halaman

3. Block kalimat 'Sub Halaman 2' tersebut kemudian klik tab "H2" hingga font berubah menebal. Kemudian Save
dengan menekan tab yang bergambar disket diatasnya

4. Sub halaman akan jadi seperti tampilan berikut

 Menghapus Halaman:

1. Klik halaman yang ingin dihilangkan. (misalnya halaman 6)

2. Klik tab HTML hingga muncul tampilan halaman dalam format HTML (lihat gambar dibawah)

3. Hapus seluruh kode HTML tersebut (kosongkan halaman) kemudian klik tombol LAY OUT (lihat gambar
dibawah)

4. Save. Link halaman tidak akan terlihat lagi di kolom menu.

 Memasukkan Gambar:

1. Upload gambar terlebih dulu dengan mengklik IMAGES seperti terlihat pada gambar

2. Dihalaman berikutnya, klik "Browse" kemudian pilih gambar yang akan dimasukkan dari hard disk anda. Setelah
itu klik "Upload". Jika gambar sudah selesai di upload maka gambar akan muncul seperti tampilan contoh berikut:

3. Masuk ke halaman yang ingin dimasukkan gambar. Misalnya ingin memasukkan ke Halaman 2, maka klik menu
Halaman 2 (lihat gambar dibawah)
4. Posisikan kursor dimana gambar akan diletakkan. Pilih gambar, kemudian klik tab bergambar panah seperti
terlihat pada gambar berikut:

5. Gambar sudah bisa terlihat seperti tampilan berikut:

Jika anda memiliki photo-photo yang berasal kamera digital biasanya akan berukuran besar. Baik besar secara
ukuran persegi atau size file. Meski bukan photo sebaiknya gambar ukurannya tidak lebih dari 200kb

Dan kalau photo/gambar tersebut langsung di upload ke website maka berakibat:

1. Pemborosan kapasitas hosting dan bandwith.

2. Karena ukuran photo besar, maka akan merusak keindahan design website
3. Memperberat loading. Sehingga membuat visitor menunggu lama agar halaman website tampil komplit.
Visitor bisa saja akhirnya menutup website.

Untuk memperkecil ukuran photo silahkan lihat langkah-langkah mudah berikut ini:
 Mengatur Photo Gallery:

Di halaman website utama anda bisa memasukkan photo-photo, tetapi biasanya anda akan kesulitan untuk mengatur
ukuran2 photonya agar berukuran seragam dan lebih tersusun rapi. Oleh sebab itu kami sediakan fitur photo gallery.

Jika anda memiliki photo-photo yang berasal kamera digital biasanya akan berukuran besar. Baik besar secara
ukuran persegi atau size file. Meski bukan photo sebaiknya gambar ukurannya tidak lebih dari 200kb

Dan kalau photo/gambar tersebut langsung di upload ke website maka berakibat:

1. Pemborosan kapasitas hosting dan bandwith.

2. Karena ukuran photo besar, maka akan merusak keindahan design website
3. Memperberat loading. Sehingga membuat pengunjung menunggu lama agar gambar muncul. Visitor bisa
saja akhirnya menutup website karena terlalu lama menunggu.

Untuk memperkecil ukuran photo silahkan lihat langkah-langkah mudah berikut ini:

Untuk memasukkan photo ke gallery:

• Anda hapus dulu gambar yang ada dengan menghapus kategorinya. Caranya klik link “Hapus gambar” pada
bagian bawah halaman gallery (lihat gambar dibawah ini)
• Masukkan user: admin dan password: admin (jika anda ingin merubah password silahkan hubungi kami ke
admin@shop737.com)
• Di halaman selanjutnya pilih kategori yang mau dihapus (lihat gambar dibawah)

• Misalnya anda pilih “Kategori_1” setelah itu klik tombol “HAPUS”

• Bisa anda lakukan hal yang sama dengan “Kategori_2”
• Setelah itu mulai upload gambar dari link bertuliskan “Masuk ke halaman upload gambar” (lihat gambar
dibawah)

• Anda buat kategorinya dulu, misalnya kategori “BAJU ANAK” dan keterangannya “koleksi baju anak-
anak terbaru” lalu klik tombol “Buat kategori” (lihat gambar dibawah)
• Setelah itu nanti akan muncul kategori baru bernama “BAJU ANAK” (lihat gambar dibawah)

• Pilih kategori tersebut jika anda ingin memasukkan photo di kategori BAJU ANAK
• Kemudian klik tombol dibawahnya
• Pilih photo yang mau di upload dari hard disk komputer anda
• Kemudian isikan keterangan photo tersebut dibawahnya. Misalnya bertuliskan “Baju anak warna merah
bergambar kupu-kupu” (lihat gambar dibawah)

• Jika anda ingin upload photo lebih dari satu maka lanjutkan di selanjutnya pada bagian bawah.
• Klik tombol “Upload” dibagian paling bawah
• Kalau proses upload berhasil akan muncul tulisan “…..sudah di upload”
• Klik link “Kembali” di halaman tsb
• Silahkan anda lihat tampilan photo baru anda dengan mengklik link “Masuk ke halaman photo gallery”
(lihat gambar dibawah)
Foto dari kamera digital biasanya akan berukuran sangat besar. dan jika langsung di upload ke website:

• Nantinya gambar akan lambat di akses oleh pengunjung di website

• memboroskan kapasitas hosting
• Bisa membuat desain web "hancur" karena dengan ukuran foto yang terlalu lebar biasanya akan merusak
tampilan template

Untuk memperkecil ukuran photo, langkahnya sangat mudah dan tidak perlu software khusus, hanya memerlukan
program Paint yang biasanya sudah ada di komputer anda. Caranya sebagai berikut:

1. Klik-kanan file photo yang akan di edit, dan pilih Edit:

2. Maka biasanya gambar akan terbuka dengan program Paint seperti tampilan berikut:

3. Anda dapat melihat bahwa photo tersebut berukuran besar dan kurang bagus jika di upload ke website. Untuk
memperkecil ukurannya, klik menu Image kemudian Strecth/Skew... maka akan muncul window seperti gambar
berikut:
4. Pada bagian Strecth, isilah kolom Horizontal dan Vertical dengan persentase pengecilan. Misalnya anda ingin
memperkecil menjadi 40% saja. Maka isi Horizontal 40, dan Vertical 40, setelah itu klik OK. Lihat hasilnya
dibawah ini dan bandingkan sebelum dan sesudahnya:

Sebelum diperkecil Sesudah diperkecil

Gambar sudah mengecil. Jika anda Save (Ctrl+S), akan terlihat juga ukuran file. Pada photo yang saya contohkan
diatas, sebelumnya berukuran 81,8 Kb. Namun setelah proses pengecilan gambar tersebut menjadi jauh "lebih
ringan" menjadi 26,3 Kb saja. Gambar akan lebih cepat muncul di website dengan ukuran lebih kecil.

Memperkecil gambar dengan Paint sebenarnya bisa dengan cara drag dengan moose, tapi cara tsb bisa
membuat kualitas gambar menjadi tidak bagus.
 Menambah Link (ke halaman lain) Pada Gambar/Text:

Dimaksudkan agar ketika visitor meng-klik gambar atau teks, akan masuk ke halaman lain.

1. Klik gambar hingga muncul titik putih disekelilingnya seperti gambar berikut (atau blok pada text):

2. Pilih halaman tujuan link (misalnya Halaman "Profil Usaha" pada gambar), kemudian klik tab bergambar panah
disebelahnya seperti gambar berikut:

3. Save. Untuk mencobanya silahkan tes dengan mengklik NORMAL MODE

 Membuat Link (ke website lain) Pada Gambar/Text:

Dimaksudkan ketika mengklik gambar/text, visitor bisa masuk ke website lain:

1. Klik gambar hingga muncul titik putih disekelilingnya seperti gambar berikut (atau diblock pada text):

2. Klik tab . Maka muncul window untuk pengisian URL.

3. Masukkan URL lengkap dengan prefix http://.... contoh http://www.yahoo.com. Klik OK

4. Save. Untuk mencobanya silahkan tes dengan mengklik NORMAL MODE. Ketika anda mengklik gambar/text
tersebut akan masuk ke halaman Yahoo.com.
 Membuat Link Download pada Gambar/Text:

Dimaksudkan ketika visitor mengklik gambar/text, visitor bisa mendownload sebuah file, misalnya ebook atau
software:

1. Upload terlebih dulu file dengan mengklik menu "DOWNLOADS" (lihat gambar dibawah)

2. Klik "Browse" kemudian pilih file yang akan dimasukkan. Setelah itu klik "Upload"

3. Klik menu yang ingin ditampilkan link download

4. Klik gambar hingga muncul titik putih disekelilingnya (atau block pada text) seperti langkah membuat link

5. Pilih File yang ingin di download seperti gambar berikut, kemudian klik tab bergambar panah disebelahnya
seperti gambar berikut

:
6. Save. Untuk mencobanya silahkan tes dengan mengklik NORMAL MODE
 Merubah Konfigurasi Website:

Untuk tampilan dibawah ini anda harus login dulu

Semua fungsi perubahan konfigurasi (email, nama situs, dll) dilakukan melalui menu SETTINGS (ditunjuk di
gambar dibawah) kemudian pilih Edit Configuration

1. Security_password : Mengganti password untuk akses editor

2. security_type: Dibiarkan saja
3. site_title: Tentukan nama website, sesuaikan dengan nama domain saja
4. site_template: Merubah desain template seperti terlihat di shop737.com. Hal ini bisa dilakukan jika anda
memahami cara upload-download ke hosting.
5. language_default: Pilih 'en' jika anda ingin merubah default website menjadi berbahasa Spanyol (misalnya),
pilih 'es'
6. meta_keywords: Berfungsi untuk search engine (contoh: Google). Berguna agar website anda dapat
terindex search engine sesuai tema website. Milsanya jika website anda bertema bisnis, isi dengan "bisnis,
peluang bisnis, usaha, dll" yang terkait dengan tema website.
7. meta_description: Isikan deskripsi tema website anda. Misalnya "Cara terbaru berbisnis di internet..."
8. backup_numberoffiles: Biarkan saja 5
9. images_maxsize: Batas ukuran file gambar/foto. Biarkan saja 150000
10. downloads_maxsize: Batas ukuran file download. Biarkan saja 1000000
11. mailform_email: Isikan dengan email anda. Jadi ketika visitor mengirim email melalui form 'Mailform'
akan terkirim ke email tsb
12. Selebihnya biarkan saja
 Merubah Konfigurasi Website:

Untuk tampilan dibawah ini anda harus login dulu

Semua fungsi perubahan konfigurasi (email, nama situs, dll) dilakukan melalui menu SETTINGS (ditunjuk di
gambar dibawah) kemudian pilih Edit Configuration

1. Security_password : Mengganti password untuk akses editor

2. security_type: Dibiarkan saja
3. site_title: Tentukan nama website, sesuaikan dengan nama domain saja
4. site_template: Merubah desain template seperti terlihat di shop737.com. Hal ini bisa dilakukan jika anda
memahami cara upload-download ke hosting.
5. language_default: Pilih 'en' jika anda ingin merubah default website menjadi berbahasa Spanyol (misalnya),
pilih 'es'
6. meta_keywords: Berfungsi untuk search engine (contoh: Google). Berguna agar website anda dapat
terindex search engine sesuai tema website. Milsanya jika website anda bertema bisnis, isi dengan "bisnis,
peluang bisnis, usaha, dll" yang terkait dengan tema website.
7. meta_description: Isikan deskripsi tema website anda. Misalnya "Cara terbaru berbisnis di internet..."
8. backup_numberoffiles: Biarkan saja 5
9. images_maxsize: Batas ukuran file gambar/foto. Biarkan saja 150000
10. downloads_maxsize: Batas ukuran file download. Biarkan saja 1000000
11. mailform_email: Isikan dengan email anda. Jadi ketika visitor mengirim email melalui form 'Mailform'
akan terkirim ke email tsb
12. Selebihnya biarkan saja
 Membuat Tabel :

Untuk saat ini script Easy-Web belum dapat membuat tabel dengan CMS (WYSWYG: What You See is What You
Get). Pembuatan tabel masih secara manual menggunakan kode HTML.(Sekaligus anda bisa belajar dasar
pembuatan website dengan HTML).

1. Klik tab pada halaman edit. Maka tampilan halaman akan berubah dalam format kode HTML.

2. Copy-paste kode HTML dibawah ini ke halaman edit.

<table width="357" border="1">

<tr>
<td width="115"><span class="style3">Kolom 1 </span></td>
<td width="105"><span class="style3">Kolom 2 </span></td>
<td width="115"><span class="style3">Kolom 3 </span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

3. Kembali ke tampilan normal dengan meng-klik tab maka table akan terlihat seperti tampilan berikut:

Kolom 1 Kolom 2 Kolom 3

Langkah membuat tabel selesai. Berikutnya adalah bagaimana cara menambah-mengurangi kolom atau
baris?
Untuk
1. Klikmenghapus/menambah
sel tabel hingga munculkolom
tanda atau rowditunjuk
seperti adalah dengan cara gambar
panah pada sbb: berikut: Contoh ini adalah cara mengedit
kolom.

2. Jika mengklik yang ditunjuk panah 1 maka akan menambah kolom ke sebelah kanan

3. Jika mengklik yang ditunjuk panah 2 maka akan menghapus kolom tersebut

4. Jika mengklik yang ditunjuk panah 3 maka akan menambah kolom ke sebelah kiri

5. Begitupun fungsi yang sama dengan tanda untuk indikator Row di sebelah kirinya. Jika mengklik tanda yang
ditunjuk panah 4 maka akan menambah baris kebawah, dst...

Cara singkat membuat table bisa dengan copy-paste dari halaman Excel

Bagaimana merubah tabel menjadi berwarna? Misalnya anda ingin merubah tabel menjadi berwarna biru muda
seperti ini:

Kolom 1 Kolom 2 Kolom 3

Tambahkan kode bgcolor="#00FFFF" diawal kode tabel tersebut menjadi:

<table width="357" border="1" bgcolor="#00FFFF">

<tr>
<td width="115"><span class="style3">Kolom 1 </span></td>
<td width="105"><span class="style3">Kolom 2 </span></td>
<td width="115"><span class="style3">Kolom 3 </span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Kode #00FFFF adalah untuk warna biru muda. Untuk referensi koleksi kode warna silahkan lihat keterangannya di
"Membuat Teks Berwarna".

Bagaimana jika saya ingin mewarnai hanya pada sel tertentu seperti warna biru pada sel "Kolom 1" sbb:

Kolom 1 Kolom 2 Kolom 3

Tambahkan kode bgcolor="#00FFFF" pada kode kolom menjadi sbb:

<table width="357" border="1">

<tr>
<td width="115" bgcolor="#00FFFF"><span class="style3">Kolom 1 </span></td>
<td width="105"><span class="style3">Kolom 2 </span></td>
<td width="115"><span class="style3">Kolom 3 </span></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

Tabel juga berguna untuk mendampingkan tampilan teks dengan gambar seperti tampilan berikut:
Untuk memasukkan gambar lihat petunjuk Memasukkan Gambar sebelumnya.

Tetapi dengan garis putih (bingkai) di pinggir tabel akan terlihat tidak bagus. Untuk menghilangkan garis tersebut
secara manual pada kode HTML.

Tekan tab HTML seperti keterangan diatas, pada kode HTML, temukan kode bertulisan border="1" ganti menjadi
border="0". Maka garis akan hilang dan tampilan akan terlihat lebih baik seperti ini:
 Membuat Link Yahoo Messsenger :

1. Masuk ke halaman News (lihat gambar dibawah)

2. Klik tab HTML pada halaman tsb. Maka tampilan halaman akan berubah dalam format kode HTML. (lihat
gambar yg ditunjuk panah merah dibawah ini)

3. Jika ada isian teks hapus saja seluruhnya KECUALI di bagian paling awal dengan kode <h1>News </h1>
<p>#cmsimple hide# <br> (lihat gambar dibawah)
4. Copy-paste kode dibawah ini jika anda ingin menampilkan icon YM seperti ini (yang bercetak merah
diganti dengan id Ym anda sendiri)

<a href="ymsgr:sendIM?kode_ym_anda"><img src="http://opi.yahoo.com/online?

u=kode_ym_anda&m=g&t=1" border="0" width="64" height="16"></a>

5. Sedangkan untuk menampilkan icon YM seperti disamping ini

masukkan kode HTML dibawah ini:

<a href="ymsgr:sendIM?kode_ym_anda"><img src="http://opi.yahoo.com/online?

u=kode_ym_anda&m=g&t=14" border="0"></a>

6. Kembali ke tampilan normal dengan meng-klik tab maka akan terlihat tampilan link YM seperti gambar
diatas

7. Setelah itu save, maka akan terlihat seperti gambar dibawah ini:
 Membuat Form Online:

Jika form kontak di website anda tidak berfungsi, bisa gunakan form yang anda bisa buat sendiri

Sebenarnya cara ini bisa anda gunakan juga untuk membuat form pendaftaran, pembelian dll. Yang mana segala
data yang dimasukkan di form tersebut akan langsung terkirim ke email anda.

Sekarang ini kami akan menjelaskan cara membuat form kontak.

• Anda kunjungi www.shop737.com/form

• Isi dibagian “Jumlah Isian” (posisi paling bawah) dengan angka 3. Karena akan membuat 3 isian, yaitu
Nama, Email dan Pesan. Kemudian klik Next

• Di halaman berikutnya anda isi dengan isian seperti terlihat dibawah ini. Kemudian klik tombol next
• Di halaman berikutnya klik tombol next (lihat gambar dibawah)

• Di halaman selanjutnya silahkan anda isi nama form dengan nama apa saja, dst… (lihat petunjuknya di
halaman tsb seperti gambar dibawah)
• Jika selesai pengisian, klik tombol next dibawahnya
• Di halaman berikutnya akan terlihat pemberitahuan bahwa form sudah selesai dibuat. Dan anda klik teks
bertulisan “KLIK DISINI” di halaman tsb untuk melihat form.
• Form akan terlihat seperti dibawah ini

• Langkah selanjutnya anda kunjungi website anda dan login seperti ingin edit website. Lalu buat menu
halaman baru (buat halaman baru bisa lihat disini) misalnya bernama “HUBUNGI KAMI”
• Masih di halaman tsb, klik tombol HTML (lihat gambar dibawah) untuk membuka halaman dalam tampilan
HTML.
 • Masukkan (copy-paste) kode dibawah ini ke halaman website

<center><iframe name="form" src="URL_form" width="500" frameborder="0"

height="700"></iframe></center>

Ganti URL_form (bercetak merah saja) dengan URL yang berasal dari browser form yang baru anda buat

Jadi tampilan kode lengkapnya akan seperti ini (contoh):

• Kemudian klik tombol di atasnya
• Maka akan terlihat form baru anda di halaman tsb (seperti tampilan dibawah ini)

• Klik tombol diatasnya untuk menyimpan perubahan tsb

• Silahkan form dicoba, kemudian lihat di email anda apakah data masuk.
 Membuat Chat Box :

Memperoleh kode HTML Chat Box

Di internet terdapat fasilitas chat box gratis yang disediakan oleh Shoutmix.com. Untuk membuat chat box anda
cukup memasukkan kode HTML yang disediakan pihak Shoumix.com. Caranya sbb:

• Kunjungi www.shoutmix.com
• Buat account baru dengan mengklik “Create Your Shoubox Now” seperti gambar dibawah ini

• Di halaman berikutnya isikan data-data anda. Isi Shoutbox ID dan password (password 2X) dan catat agar
tidak terlupa, klik di bagian kemudian klik tombol
• Jika di muncul Error seperti gambar dibawah ini berarti User ID sudah ada yang punya dan password terlalu
pendek
• Di halaman berikutnya klik tombol (lihat gambar dibawah)

• Di halaman berikutnya sudah muncul pemberitahuan bahwa account anda sudah jadi. Lalu klik Control
panel (lihat gambar dibawah)
• Di halaman berikutnya klik Get Codes (lihat gambar dibawah)

• Di halaman berikutnya sudah muncul kode HTML yang nantinya akan dimasukkan ke website anda. (lihat
gambar dibawah)
 • Simpan kode tsb karena nantinya akan kita copy-paste ke file web

Memasukkan kode HTML Chatbox ke website

• Setelah login untuk edit website, masuk ke menu News4. Lihat gambar dibawah

• Buka halaman dalam format HTML dengan menekan tombol seperti gambar dibawah ini
• Hapus seluruh teks yang ada di halaman tersebut, KECUALI teks paling pertama yaitu <h1>News4</h1>
<p>#cmsimple hide# <br>

• Lalu copy-paste kode dari shoutmix ke halaman tersebut. Lihat gambar dibawah:

• Klik tombol LAYOUT (lihat gambar dibawah)

 • Kemudian save. Maka chat box akan terlihat di kolom kanan seperti tampilan dibawah ini

Menghapus komentar

Hal ini berguna jika anda ingin menghapus komentar-komentar di shout box.

• Login di halaman utama dengan user dan password yang anda masukkan ketika mendaftar (lihat gambar
dibawah)
• Masukkan password anda di isian table chat box (lihat gambar dibawah)

• Untuk menghapus komentar, klik Delete yang ada dibawah komentar tsb (lihat gambar dibawah)
 Menghapus Komentar di Forum

1. Di area edit, klik menu Plugin, lalu pilih Geniz Forum. Lihat gambar dibawah ini:

2. Klik menu Plugin Main Settings

3. Klik menu bertulisan [edit_komentar_KLIK_DISINI]

4. Untuk menghapus komentar, klik saja ikon bergambar "tong sampah" seperti di tunjuk gambar dibawah ini:
 menampilkan banner referral
Shop737 :

Jika banner referral shop737.com anda pasang di website, maka berpotensi anda akan memperoleh komisi dari
setiap penjualan produk.

Misalnya anda ingin menampilkan banner shop737 di kolom kanan seperti gambar dibawah ini

Langkahnya sbb:

• Login ke member area shop737.com. Atau klik disini kemudian masukkan user dan password anda
• Masuk ke menu Reseller Area
• Di halaman selanjutnya, dibagian bawah anda akan melihat tampilan banner-banner. Lihat tampilan dibawah
ini
• Hiraukan sejenak halaman tersebut. Buka halaman (browser) baru
• Login ke website anda, seperti ketika anda ingin mengedit
• Jika anda ingin banner tampil sebelah kanan seperti gambar di awal tadi maka pilih menu News5 di halaman
edit (lihat gambar dibawah)

• Di halaman News5 klik menu HTML seperti seperti ditunjuk di gambar dibawah ini
• Di tampilan berikutnya anda akan melihat tampilan dalam format HTML
• Hapus semua teks yang tidak anda gunakan kecuali <h1>News5</h1> <p>#cmsimple hide#</p> Lihat
gambar dibawah:

• Copy paste kode banner dari member area ke halaman website. Lihat tampilan dibawah ini
• Setelah selesai klik Save
• Maka akan terlihat banner anda di sebelah kanan web seperti tampilan dibawah ini
 Menampilkan video di website :

Langkah menampilkan video di website

1. Kunjungi Youtube.com
2. Misalkan anda ingin menampilkan video Mbah Surip, maka lakukan pencarian dengan mengisi kolom
pencarian di bagian atas web, lalu klik Search. Lihat gambar dibawah ini:

3. Di halaman berikutnya pilih video yang mau anda tampilkan

4. Video akan tampil dan lihat copy kode embed yang berada disisi kanan (lihat gambar dibawah)
5. Copy kode tsb, pastikan seluruh kode ter-copy (klik-kanan, lalu pilih copy)
6. Buka website anda, login seperti mau edit, lalu masuk ke halaman web yang ingin ditampilkan video
7. klik tombol HTML dulu lalu paste kode Embed video (lihat gambar dibawah)

8. Jika ingin menampilkan video di posisi paling bawah halaman maka paste kode embed di bagian akhir
halaman (lihat gambar dibawah)
9. Klik tombol Layout kemudian halaman di save (lihat gambar dibawah)

10. Untuk melihat tampilan video, klik NORMAL MODE (lihat gambar dibawah)
 Jika anda ingin menampilkan video anda sendiri, anda harus register dulu ke Youtube, lalu upload video anda ke
Youtube, setelah itu copy-paste kode embednya ke website anda seperti cara diatas.
Maaf untuk detail menampilkan video anda sendiri, silahkan anda telusuri, karena petunjuk ini tidak cukup
untuk menerangkan semuanya
 Mengganti Design Web

Untuk mengganti desain dibagi 3 langkah:

1. Download template
2. Upload template
3. Install template

1. Cara download template:

1. Kunjungi website www.dotcomwebdesign.com atau klik disini

2. Pilihan ada di halaman section. Klik menu Section 1, 2, 3, dst (lihat gambar dibawah)

3. Desain terbagi 2 macam. Ada yg DUA kolom dan TIGA kolom. (lihat gambar dibawah)
4. Silahkan pilih tipe kolom desain sesuai kebutuhan anda. Disarankan yang 3 kolom agar tetap bisa
menampilkan fitur Yahoo Messenger dan Shoutmix di pinggir web.

5. Klik pilihan gambar template yang diinginkan

6. Jika sesuai yang diinginkan di www.dotcomwebdesign.com, download template tsb dengan mengklik link
download yang tersedia. Biasanya bertulisan “Download This Website Template here”

7. Simpan (save) dulu di hard disk anda. Biasanya file berpola Zip

INGAT! TEMPLATE YANG KAMI REKOMENDASIKAN HANYA DARI www.dotcomwebdesign.com,

SELAIN DARI ITU TIDAK DAPAT DI INSTAL KE WEBSITE

2. Upload template ke website:

LANGKAH AWAL LOGIN KE CPANEL DULU. Berikut ini cara login ke cpanel

1. Ketikkan di browser domain milik anda yang diakhiri dengan “/cpanel” misalnya www.bisnisku.com/cpanel
seperti terlihat pada gambar dibawah ini:
2. Masukkan user dan password cpanel (Sudah dikirim ke email anda)
3. Dihalaman berikutnya klik menu File manager seperti gambar dibawah ini (ditunjuk panah merah)
3. Dihalaman File Manager klik 2x folder “templates”. Klik foldernya, bukan teksnya (lihat gambar dibawah)

4. Setelah masuk ke halaman berikutnya, klik menu Upload seperti ditunjuk gambar dibawah ini
5. Browse file template yang baru saja di download dari www.dotcomwebdesign.com
6. Biarkan beberapa menit untuk proses upload. Pemberitahuan akan muncul “…100% complete” jika upload
selesai seperti gambar berikut

7. Kembali lagi ke halaman file manager. Anda akan melihat file template sudah ada, jika tidak ada klik menu
“Reload” (lihat gambar dibawah). Pada contoh dibawah, saya baru saja upload file template dengan nama
“rustyfire.zip”

8. Pilih/klik file zip tersebut, lalu klik menu “Extract” (lihat gambar berikut)
9. Di tampilan yang muncul klik tombol dan tunggu beberapa saat, kemudian klik tombol

10. Setelah di extract, akan muncul folder baru. (contoh gambar dibawah adalah folder “rustyfire”)

3. Menginstal Template

1. Login ke web anda seperti ketika akan mengedit web (lihat gambar dibawah)
2. Masuk ke menu SETTINGS

3. Di halaman berikutnya klik menu Edit configuration (lihat gambar dibawah)

4. Di halaman berikutnya, tepatnya di “site_template” pilih nama template yang baru saja anda upload. (lihat
gambar dibawah ini)
5. Klik tombol Save di bagian paling bawah halaman
6. Design website anda sudah berubah seketika
 Cara membuat email domain menggunakan Gmail

Jika anda menggunakan email domain (webmail) misalnya admin@websiteku.com maka setiap email yang masuk
akan menggunakan kapasitas hosting. Jadi misalnya hosting anda Cuma 20 Mb tidak akan cukup untuk memiliki
webmail.

Tapi kini tidak masalah lagi, karena Gmail (Google mail) memberikan fasilitas server email dengan kapasitas lebih
dari 7 Gb dan dapat membuat hingga 50 account email. Namun email tsb harus disetting servernya ke Gmail.

Kali ini saya akan mempratekkan dengan contoh domain www.banjar-pulsa.com dan akan membuat email dengan
account admin@banjar-pulsa.com.

Ikuti petunjuk berikut ini dengan seksama dan jangan melompat-lompat. Disarankan di print terlebih dulu
agar lebih mudah mempraktekkannya.

Register nama domain

• Kunjungi www.google.com/a/cpanel/domain/new
• Masukkan nama domain dan klik bagian ditunjuk panah merah (lihat gambar dibawah)

• Lalu klik tombol Get Started

• Di halaman selanjutnya isikan data-data anda seperti gambar dibawah ini dan jangan lupa mengklik dibagian
yg ditunjuk panah merah hingga muncul tanda centang
• Di bagian Organization Information bisa anda lewatkan saja, dan klik Continue dibagian paling bawah
• Di halaman berikutnya saya mengisi “admin” karena ingin membuat email dengan nama admin@banjar-
pulsa.com
• Kemudian isi passwordnya (2x) dibawahnya (Catat password tsb agar tidak lupa!)
• Klik tombol dibawahnya
• Dihalaman selanjutnya klik Upload an HTML file to .... seperti terlihat pada gambar dibawah ini, kemudian
klik tombol Continue (gunanya agar Google bisa memastikan bahwa domain banjar-pulsa.com adalah milik
saya)

• Di halaman selanjutnya akan terlihat perintah bahwa kita harus memasukkan sebuah file (upload) ke website
kita. Bunyi perintah itu sbb:
Perintah tersebut saya harus membuat sebuah file bernama googlehostedservice.html dan dimasukkan ke banjar-
pulsa.com dan didalamnya dimasukkan teks googleffffffff90cf3ac7

• Sekarang kita buat filenya terlebih dulu

• Buka program notepad. Bisa dari tombol Start komputer anda kemudian “All programs” >> Accessories >>
Notepad (lihat gambar berikut)

• Setelah terbuka, isikan dengan googleffffffff90cf3ac7 sesuai perintah diatas. Kode tsb tidak akan sama
untuk setiap domain. Jadi jika anda melakukan petunjuk ini kode tsb tidak akan sama dengan kode milik
banjar-pulsa.com
• Kemudian Save as dan masukkan googlehostedservice.html diisian File name, kemudian klik Save

• Saya simpan file tsb di folder My Document saya.

 • Kemudian upload file tsb ke website banjar-pulsa.com

Cara upload file:

• Buka domain anda diakhiri “cpanel” misalnya www.banjar-pulsa.com/cpanel

• Masukkan user dan password. Jika anda belum tau silahkan tanyakan ke kami. Tapi biasanya sudah terkirim
ke email pemberitahuan aktivasi website
• Di halaman cpanel klik menu File Manager (lihat gambar)

• Di halaman file manager klik menu upload (lihat gambar)

• Browse file yg tadi dibuat (googlehostedservice) dari hard disk anda (saya simpan di My Document)
• Tunggu sebentar… jika selesai di upload akan muncul teks “…100%” (lihat gambar)

• Berarti file sudah di upload.

• Kembali ke halaman Google, klik tombol "I've completed the steps above" (lihat gambar dibawah)
• Di halaman selanjutnya klik "Skip this guide" (lihat gambar dibawah)

• Proses setting di Google hampir selesai. Sekarang kembali ke halaman cpanel web. Halaman cpanel adalah
halaman yg muncul ketika anda pertama kali login di cpanel (www.banjar-pulsa.com/cpanel) kemudian
klik menu MX Entry lihat gambar dibawah:

• Di halaman berikutnya masukkan ASPMX.L.GOOGLE.COM dengan Priority 10 lalu klik tombol Change
dibawahnya (lihat gambar)
• Pastikan di halaman selanjutnya ada teks “MX Entry Saved “ kemudian klik Go back
• Masukkan lagi ALT1.ASPMX.L.GOOGLE.COM dengan Priority 20 lalu klik tombol Change
dibawahnya, kemudian balik lagi (klik Go back)
• Masukkan lagi ALT2.ASPMX.L.GOOGLE.COM dengan Priority 20 lalu klik tombol Change
dibawahnya, kemudian balik lagi (klik Go back)
• Hapus MX Entry yang sama dengan nama domain. (klik Delete) lalu kembali lagi (liha gambar dibawah)

• Klik tombol Set to Yes (lihat gambar) lalu kembali lagi (klik Go back)

• Setting di cpanel sudah selesai. Kini anda kembali lagi ke halaman Google, lalu klik "Activate email" seperti
 terlihat pada gambar dibawah ini:

• Di halaman berikutnya klik tombol di akhir halaman tsb

• SELESAI.

• Jika anda ingin membuka email maka buka URL berikut ini:

http://mail.google.com/a/banjar-pulsa.com (banjar-pulsa.com diganti dengan domain anda sendiri) lihat gambar

dibawah:

• Login dengan user dan password yang tadi anda isi ketika registrasi. Saya isikan “admin” karena email saya
adalah admin@banjar-pulsa.com
 • Kini saatnya mencoba email tsb. Coba untuk mengirim email ke email lain. Misalnya ke email yahoo anda.
Klik Compose utk membuat email baru (lihat gambar)

Memperpendek URL email

Jika di kemudian hari anda ingin mengakses email ketikkan di browser http://mail.google.com/a/banjar-
pulsa.com, tentunya akan terlalu panjang dan mungkin sulit di ingat. Berikut cara memperpendek URL email.

• Setelah login ke cpanel (www.banjar-pulsa.com/cpanel) di halaman berikutnya klik menu Redirects (lihat
gambar)
• Dihalaman berikutnya saya pilih banjar-pulsa.com dan diakhiri dengan emailku. Dan di isian dibawahnya di
isi dengan http://mail.google.com/a/banjar-pulsa.com (lihat gambar)

• Kemudian klik tombol Add dibawahnya.

• Jadi jika saya ingin membuka email saya, tidak perlu lagi menggunakan URL seperti
http://mail.google.com/a/banjar-pulsa.com tapi hanya menggunakan www.banjar-pulsa.com/emailku
Menambah account email

Menambah account di account ini anda bisa membuat hingga 50 email account. Setelah saya membuat
admin@banjar-pulsa.com misalnya saya juga ingin membuat marketing@banjar-pulsa.com
Caranya sbb:

• Setelah anda login ke email (www.banjar-pulsa.com/emailku), di halaman email, klik Manage this domain
(lihat gambar)

• Di halaman berikutnya klik Create New User (lihat gambar)

• Isikan nama depan dan belakang anda, sehingga nantinya si penerima email akan melihat nama tsb, dan
 isikan usernya, misalnya “marketing” (marketing@banjar-pulsa.com), lalu klik tombol Create new user
dibawahnya (lihat gambar)

• Di halaman berikutnya akan terlihat konfirmasi email account anda yg baru berikut passwordnya, dengan
kalimat “Your username is ….. and your temporary password is ….”
• Untuk membuka emailnya nanti sama, yakni melalui www.banjar-pulsa.com/emailku, Cuma saja usernya
diisi dengan “marketing” dan passwordnya dari yang diberikan diatas.