27
P P a a n n d d u u a a n n M M e e m m b b u u a a t t S S I I T T U U S S M M I I N N I I Bagaimana Anda Membuat Situs Mini dan Menjadikannya Mesin Uang Anda di Internet Yang Bekerja Otomatis Oleh : Nur Sahid CEO : www.NagayaAffiliate.com Tutorial Singkat, Padat dan Mudah Dipraktekkan

NagayaAffiliate.com Tutorial Mini Site

  • Upload
    sahid

  • View
    1.774

  • Download
    2

Embed Size (px)

DESCRIPTION

Tutorial cara membuat desain situs mini yang sederhana tapi terlihat cantik dan memukau. Dilengkapi dengan gambar dan dijelaskan secara step by step. Mudah ...

Citation preview

Page 1: NagayaAffiliate.com Tutorial Mini Site

PPaanndduuaann MMeemmbbuuaatt

SSIITTUUSS MMIINNII

BBaaggaaiimmaannaa AAnnddaa MMeemmbbuuaatt SSiittuuss MMiinnii

ddaann MMeennjjaaddiikkaannnnyyaa MMeessiinn UUaanngg AAnnddaa

ddii IInntteerrnneett YYaanngg BBeekkeerrjjaa OOttoommaattiiss

Oleh : Nur Sahid

CEO : www.NagayaAffiliate.com

Tutorial Singkat, Padat dan Mudah Dipraktekkan

Page 2: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

1

License :

- FREE E-BOOK -

“Ebook ini GRATIS untuk setiap Customer yang membeli script

Nagaya Affiliate for Minisite di www.NagayaAffiliate.com”

Bila anda mendapatkan Ebook ini bukan dari situs di atas, silakan

register di www.register.master-bisnis.com

Page 3: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

2

DDAAFFTTAARR IISSII

DAFTAR ISI ............................................................................................... 2 BAB 1 PENGANTAR ..................................................................................... 3

A. Apa Itu Situs Mini (Minisite) ........................................................... 3 B. Keuntungan Memiliki Situs Mini ....................................................... 3 C. Persiapan Awal Pembuatan Website Mini ........................................... 3

BAB 2 LANGKAH AWAL ................................................................................ 4 A. Sketsa Kasar ............................................................................. 4 B. Sketsa Kertas ke Sketsa Komputer ................................................... 5

BAB 3 MARI KITA MULAI ............................................................................... 6 A. Membuat Tabel ......................................................................... 6 B. Merapatkan Kolom ...................................................................... 8 C. Menggabungkan Beberapa Kolom ..................................................... 8 D. Center Alignment ....................................................................... 9 E. Menghilangkan Tampilan Garis ....................................................... 9 F. Membuat Menu Utama ............................................................... 10 G. Background Menu ..................................................................... 10 H. Penyesuaian Warna Teks dengan Background .................................... 11 I. Hyperlink ............................................................................... 12 J. Menulis Hak Cipta ..................................................................... 12 K. Menyimpan Hasil Kerja ............................................................... 13 L. Lebar Desain Website ................................................................ 13 M. Mengatur Judul Website ............................................................. 13 N. Mengatur Desain Web Dengan CSS ................................................. 14 O. Membuat Border Tebal pada Bagian Sisi Luar Tabel ............................. 17 P. Membuat Heading dan Sub Heading ................................................ 17

BAB 4 MEMBUAT HEADER ........................................................................... 19 A. EDITING HEADER DENGAN PHOTOSHOP ............................................ 19 B. SAVE AS WEBPAGE .................................................................... 19 C. MENYISIPKAN KE TEMPLATE ......................................................... 20

BAB 5 TESTING WEBSITE............................................................................ 22 A. Testing ................................................................................. 22 B. Upload File ............................................................................ 22 C. Website Mini = Duit = Pasif Income ................................................ 23

BAB 6 PENUTUP ...................................................................................... 25

Page 4: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

3

BBAABB 11

PPEENNGGAANNTTAARR

A. Apa Itu Situs Mini (Minisite)

Situs mini (minisite) adalah situs sederhana yang biasanya hanya berisi 5 halaman seperti : halaman pembuka, contact, about, produk, order. Biasanya untuk situs pribadi/ perusahaan yang ditulis dengan HTML murni atau menggunakan frontpage. Situs ini biasanya hanya bersifat statis dan satu arah. Maksudnya : pengunjung website yang bersangkutan tidak bisa berinteraksi dengan pemiliknya. Sedangkan situs yang dinamis adalah situs yang bisa melakukan interaksi antara pemilik situs dan pengunjungnya, misalnya situs-situs yang menggunakan tehnologi CMS. Selain itu ukuran situs mini sangat hemat, sehingga anda bisa menyimpan rancangan situs mini anda ke dalam disket.

B. Keuntungan Memiliki Situs Mini

1. Tidak perlu investasi yang mahal-mahal 2. Bisa digunakan untuk promosi jati diri anda, misalnya anda mengonlinekan diri anda

sendiri melalui situs mini yang berisi profile anda, keahlian dan sebagainya. 3. Bisa menghasilkan duit.

C. Persiapan Awal Pembuatan Website Mini

Ada beberapa hal yang harus anda persiapkan sebelum mulai melakukan praktek membuat situs mini : 1. Tidak harus menjadi ahli dalam menguasai tag-tag HTML 2. Software web authoring WYSIWYG, seperti Microsoft Frontpage, NVU, atau

Dreamweaver. Dalam praktek kali ini saya menggunakan Frontpage. Semoga anda sudah memilikinya, tapi kalo belum silakan cari teman anda yang memiliki CD Microsoft Office XP installer. Silakan install Microsoft Frontpage-nya saja.

3. Server Mini “DongKRAK” for Windows untuk melakukan ujicoba. Silakan cari di Google dengan keyword “Download Dongkrak server”

4. Program Photoshop. 5. Harus pake Komputer.

Page 5: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

4

BBAABB 22

LLAANNGGKKAAHH AAWWAALL

A. Sketsa Kasar

Sebelum mulai membuat satu buah situs mini, sebaiknya siapkan kertas untuk melakukan corat-coret desain awal. Tapi … Anda tidak perlu melakukannya. Saya sudah mencoretnya di e-book ini. He… he… Perhatikan gambar di bawah ini :

Gambar di atas adalah bentuk desain sederhana dari sebuah website mini dan anehnya lagi bentuk desain model seperti inilah yang banyak dipakai oleh para marketer saat ini. Dalam gambar di atas saya menyediakan 4 blok, yaitu : 1) blok header yang biasa berisi gambar-gambar penarik perhatian; 2) blok menu, yang berisi link-link untuk menuju halaman lain; 3) blok body, tempatnya isi (content) dari website; 4) blok Footer, biasanya berisi informasi hak cipta, hit counter dan informasi update.

Page 6: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

5

B. Sketsa Kertas ke Sketsa Komputer

Cara termudah mengaplikasikan sketsa di atas, dengan menggunakan sistem tabel. Tabel yang dibutuhkan seperti ini :

Perhatikan gambar di bawah ini :

Contoh situs www.Instan.Master-Bisnis.com yang menggunakan desain ini.

Blok Header

Blok Menu

Blok Body

Blok Footer

Page 7: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

6

BBAABB 33

MMAARRII KKIITTAA MMUULLAAII

A. Membuat Tabel

Akh… kamu! Dari tadi teori melulu … kapan prakteknya …. Ooops! Sabar jek, sekarang juga nyook kita mulai prakteknya… 1. Duduk dengan posisi yang benar, kalo salah duduk ntra selesai praktek anda mumet

bin puyeng …. 2. Baca basmalah (baca: bismillahirrahmaanirrahiem) dulu (untuk muslim). 3. Buka program Microsoft Fronpage di menu Program.

Gambar 3.1 Layar Microsoft FrontPage 4. Saat anda membuak frontpage langsung tersedia file kosong, nah selanjutnya anda

membuat satu buah table. Tetapi sebelumnya perhatikan kembali tabel yang telah saya buat di atas. Ooops… lihat aja di bawah ini biar gak sakit lehernya…

Page 8: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

7

Saya menyisipkan dua buah kolom di sisi kiri dan kanan body dan dua buat baris pada bagian atas dan bawah body. Tujuannya untuk memperindah saat menuliskan konten pada bagian body, biar gak terlalu merapa ke sisi kiri-kanan atau atas-bawah. Membuat Tabel 5. Pilih menu Insert >> Table >> Insert Table.

6. Masukkan 6 baris (row) dan 3 kolom (column). Klik OK. 7. Selanjutnya tandai masing-masing kolom dengan HEADER, MENU, BODY dan FOOTER

untuk memudahkan desain selanjutnya.

Dua buah kolom kiri-kanan

Dua buah baris atas-bawah

Page 9: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

8

B. Merapatkan Kolom

8. Selanjutnya anda harus menggeser kolom kiri-kanan hingga mencapai ukuran 20 point. Caranya: drag garis pingir dari sel yang ingin anda rapatkan. Perhatikan gambar di bawah ini :

Gambar c. Hasil Akhir

C. Menggabungkan Beberapa Kolom

9. Berikutnya… Anda harus menggabungkan beberapa sell. Seperti bagian header, menu dan footer.

10. Caranya gimana bung! Ooops!!! …. Tenang jeck. Coba gabungkan (baca: blok 3 sel pada bagian HEADER). Lihat gambar lagi ackh….

Memblok HEADER

11. Selanjutnya klik menu Table >> Merge Cell

Gambar a. Merapatkan kolom sebelah kiri

Gambar b. Merapatkan kolom sebelah kanan

Page 10: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

9

Hasil Penggabungan

12. Lakukan hal yang sama untuk bagian MENU dan FOOTER. 13. OK… Saya anggap komiu sudah menyelesaikannya.

Hasilnya seperti gambar di bawah ini:

D. Center Alignment

14. Selanjutnya untuk memperindah penampilannya kela, Anda harus menengahkan (bener gak yaa bahasanya neh!) HEADER, MENU dan FOOTER.

Caranya: Arahkan pointer pada bagian HEADER, kemudian klik toolbar center [ ] Lakukan hal yang sama untuk MENU dan FOOTER.

E. Menghilangkan Tampilan Garis

15. Masih di depan computer khan ?? 16. Sekarang sampean kudu menghilangkan (bukan menghapus) tampilan border (garis

pinggir) yang pada bagian BODY. Ini bertujuan agar ketika diload oleh browser, garisnya tidak nongol. Jadi lebih enak dilihat mata.

Garis yang harus di non tampilkan

Page 11: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

10

17. Silakan blok seluruh bagian BODY. Liat gambar mas biar jelas!

18. Silakan klik pada toolbar table, lalu sorot dan carilah (non aktifkan) “inside horizontal border” dan “inside vertical border”.

Hasil Pekerjaan Anda Hingga Saat ini

F. Membuat Menu Utama

Nahh… sekarang praktek membuat menu utama plus memperindahnya. 19. Hilangkan tulisan MENU dan gantilah dengan teks di bawah ini :

Home | Order | Portofolio | Contact | Login

G. Background Menu

Saya suka dengan warna HIJAU, jadi pada praktek kali ini anda boleh berbeda pendapat dengan saya soal warna. SETUJU … Tapi…. Kalo mau lancer-lancar saja praktikumnya… Ya… Anda harus taklid dengan saya. OK.

20. Klik kanan pada bagian MENU, terus pilih “Cell Properties..”. Pada kotak yang

muncul, carilah bagian background, lalu pilih warga green (hijau). Terus akhiri dengan klik OK. Perhatikan gambarnya lagi ….

Non aktifkan bagian ini

Page 12: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

11

21. Berikan warna yang sama pula pada bagian FOOTER.

H. Penyesuaian Warna Teks dengan Background

Anda sekarang memiliki desain MENU dengan warna latar Green. Tapi gak matching dengan warna teksnya saat ini. Warna yang sepadan untuk latar hijau harus lebih terang. Disini hanya ada dua pilihan, putih atau kuning. Keputusan saya : ambil yang kuning aja lah… 22. Blok seluruh teks menu, kemudian pilih toolbar “Font Color” kemudian pilih warna

yellow (kuning). Jangan lupa memberi efek tebal (Bold) biar lebih matching.

Page 13: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

12

23. Terus berilah jenis font Tahoma, dengan ukuran 10pt.

I. Hyperlink

Hyperlink adalah cara meloncat ke halaman atau situs atau ke alamat email dalam dokumen HTML. 24. Silakan blok menu “Home”. INGAT! Home saja yach… garisnya gak ikut. 25. Kemudian tekan CTRL+K. Kemudian isikan pada bagian Address : index.html

26. Selanjutnya untuk menu yang lain berilah link menuju halaman sbb: - Order => order.html - Porto folio => porto-folio.html - Contact => contact.html - Login => login.html

J. Menulis Hak Cipta

Anda tentu tidak mau kan.. hasil karya anda diakui orang lain. Nah kalo gak mau jangan lupa tulis pada bagian FOOTER peringatan Hak Cipta 27. Silakan ganti tulisan FOOTER dengan :

Copyright 2009 www.NamaSitusAnda.com. Hak Cipta Dilindungi Undang-Undang HAKI

Page 14: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

13

28. Jangan lupa berilah font: Tahoma, size: 9pt, warna: kuning

K. Menyimpan Hasil Kerja

Hayooo cepatan disimpan… Ntar mati lampu… Nyesel lhooooo 29. Tekan CTRL+S. Berilah nama index.html

L. Lebar Desain Website

Di dunia persilatan desain web, dikenal dua pendekar, yaitu lebar tetap (fix width) dan lebar ikut layar. 30. Saya memilih lebar yang tetap dan saya putuskan untuk membuat desain web

dengan lebar 750 pixel. Caranya klik kanan pada table, pilih “Table Properties...”

31. Isikan angka 750 pada bagian “specify width” dan klik opsi “in pixels”. Jangan lupa pada bagian alignment pilih center. Ini bertujuan agar desain web anda tampil di tengah-tengah layar. Klik tombol “OK”

32. Lihat gambar di atas…

M. Mengatur Judul Website

Pernahkan anda perhatikan setiap anda mengunjungi sebuah website, pada bagian atas browser muncul judul yang berbeda tiap website. Andapun bisa memberikan judul website untuk webmini anda. Caranya : 33. Klik kanan pada halaman, kemudian pilih “Page Properties…”. Pada bagian title

ketikkan teks : Website Mini Yang Pertama Kubuat 34. Klik OK.

Page 15: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

14

Merubah Judul (title) website.

N. Mengatur Desain Web Dengan CSS

Perhatikan pada bagian MENU. Setelah anda memasukkan hyperlink, otomatis teks berubah menjadi warna biru. Jelas warna ini tidak cocok untuk background warna hijau. Cara paling efetif adalah dengan mendefinisikan dalam Style Sheet. Khusus bagian menu, saya berencana sebagai berikut : - Link tetap tampil dengan warna kuning. - Jika link dilalui mouse (disebut: hover) muncul garis bawah. - Jika link aktif (disebut: active) berubah menjadi warna putih - Jika link second alias sudah pernah diklik (disebut: visited) menjadi berwarna putih

bergaris bawah. Untuk bagian BODY, saya mau : - Paragraf maupun tabel, memakai font Tahoma dengan ukuran 11pt, dengan warna

font black - Pengaturan link pada bagian body sebagai berikut :

o Link berwarna biru o hover: berwarna hijau bergaris bawah o visited: berwarna merah

35. Caranya: buka mode HTML. Perhatikan pada baris kode… Oops!!! JANGAN KEBURU

PUYENG YAA…. 36. Perhatikan terdapat kode (disebut TAG) seperti di bawah ini:

<title>Website Mini Yang Pertama Kubuat</title>

</head>

37. Silakan tekan ENTER setelah tag </title>

Page 16: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

15

38. Kemudian ketik kode-kode sebagai berikut: <style type="text/css">

body {

height: 100%;

background-color: #0000;

}

p {

font-family:"Tahoma";

font-size:11px;

color:#000000

}

a {

color: #0000FF;

font-size : 11px;

font-family : Tahoma;

font-weight: none;

text-decoration : none;

}

a:link {

color: #0000FF;

font-size : 11px;

font-family : Tahoma;

font-weight: none;

text-decoration : underline;

}

a:hover {

color: #008000;

font-size : 11px;

font-family : Tahoma;

font-weight: none;

text-decoration : underline;

}

a:visited {

color: #FF0000;

font-size : 11px;

font-family : Tahoma;

font-weight: bold;

text-decoration : underline;

}

a:active {

color: #FF0000;

font-size : 11px;

font-family : Tahoma;

font-weight: bold;

text-decoration : underline;

}

.menu {

color: #FF0000;

font-size : 11px;

font-family : Tahoma;

}

a.menu:link {

color: #FFFF00;

font-size : 11px;

font-family : Tahoma;

font-weight: none;

text-decoration : none;

Page 17: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

16

}

a.menu:hover {

color: #FFFF00;

font-size : 11px;

font-family : Tahoma;

font-weight: none;

text-decoration : underline;

}

a.menu:visited {

color: #FFFFFF;

font-size : 11px;

font-family : Tahoma;

font-weight: bold;

text-decoration : underline;

}

a.menu:active {

color: #FFFFFF;

font-size : 11px;

font-family : Tahoma;

font-weight: bold;

text-decoration : underline;

}

</style>

39. Selanjutnya pada bagian MENU, silakan sisipkan kode sebagai berikut: [Kode ini

terdiri atas kode pembuka dan kode penutup]. <tr>

<td width="100%" colspan="3" height="28" bgcolor="#008000">

<!--Pembuka MENU-->

<p align="center" class="menu"> <b>

<font color="#FFFF00" face="Tahoma" size="2">

<a href="index.html" class="menu">Home</a> |

<a href="order.html" class="menu">Order</a> |

<a href="porto-folio.html" class="menu">Porto folio</a> |

<a href="contact.html" class="menu">Contact</a> |

<a href="login.html"" class="menu">Login</a>

</font></b>

<!--Penutup MENU-->

</td>

</tr>

40. Sekarang cobalah kembali ke mode NORMAL. Disana terlihat seluruh halaman web anda berwarna hitam.

41. Tugas anda selanjutnya adalah memberikan warna putih untuk tabel, biar keren … gituhhh….

42. Siaaaaaaaaap … Silakan klik kanan dan pilih “Table Properties…”. Terus… pada bagian background pilih warna putih.

43. Klik OK.

Page 18: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

17

O. Membuat Border Tebal pada Bagian Sisi Luar Tabel

Untuk lebih mempercantik model website anda bagaimana kalo diberikan garis-garis pinggir yang agak tebal dan berwarna hijau. 44. Caranya, klik kanan pada tabel, pilih “Table Properties …”, pada bagian boder isikan

angka 2 dan color, pilih warna hijau.

P. Membuat Heading dan Sub Heading

Agar Judul pada halaman website kita menjadi besar, set menjadi jenis Heading. 45. Ketiklah tulisan : Ini Halaman Pertama. 46. Bloklah teks tersebut, kemudian pada bagian Style, pilih Heading 1.

47. Buat pula sub heading-nya, Tulislah : Ini Sub Judul. Dan set menjadi Heading 2. 48. Untuk paragraph anda cukup menekan ENTER, kemudian ketiklah beberapa kalimat

sesuka anda. Sampai detik ini anda sudah memiliki satu halaman website sederhana. Bagaimana dengan desainnya. Lumayan Cantiik khan… SEDERHANA tapi ELEGAN… dan yang lebih penting browser akan lebih cepat meload halaman anda, karena tidak terdapat GRAFIK. Untuk lebih mempercantik lagi baiknya pada bagian HEADER diberi bumbu berupa grafik. Silakan masuk ke Bab berikutnya…..

Page 19: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

18

Perhatikan hasilnya ….

Hasil Sejauh ini …. Hmmm… Lumayaan

Page 20: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

19

BBAABB 44

MMEEMMBBUUAATT HHEEAADDEERR

A. EDITING HEADER DENGAN PHOTOSHOP Siapkan satu buah gambar dengan ukuran 750 x 150 pixel. Saya sudah menyediakan sample-nya, silakan diunduh disini: www.master-bisnis.com/download.php?f=header.zip

1. Silakan buka file tersebut dengan photoshop. 2. Silakan ganti teks www.NamaDomain.com dengan nama situs anda. 3. Ganti Your Name dengan Nama Anda, misalnya Joko Kenther. 4. Ganti Product Name dengan Nama Produk Anda 5. Ganti juga Your Slogan Write Here dengan slogan situs anda. 6. Simpan.

B. SAVE AS WEBPAGE Langkah terakhir adalah menyimpannya dalam format HTML. Caranya : 7. Pilih Menu File >> Save for Web … 8. Perhatikan ukuran yang dihasilkan. Usahakan ukuran file tidak lebih dari 20 KB. Ini

bertujuan untuk mempercepat proses loading situs anda kelak. 9. Untuk memperkecil ukuran file, silakan ganti formatnya menjadi JPEG medium.

Untuk lebih jelas, perhatikan pada gambar di bawah ini :

Page 21: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

20

10. Klik Save. Kemudian simpan pada sub folder images dengan tipe berkas JPG ditempat

anda membuat file index.html

C. MENYISIPKAN KE TEMPLATE 11. Buka file index.html dengan Microsoft Frontpage 12. Hapuslah tulisan HEADER 13. Kursor tetap pada bagian tersebut (HEADER) 14. Klik menu Insert >> Picture >> From File …

Setting ke dalam JPEG Medium Size

Perhatikan besar file yang dihasilkan

disini

Page 22: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

21

15. Ambil gambar header.jpg pada folder images, kemudian klik Insert. 16. Selesai…. 17. Silakan kembali buka dengan Browser anda…. 18. Inilah hasilnya

Hasil Akhir Desain Minisite Anda

Page 23: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

22

BBAABB 55

TTEESSTTIINNGG WWEEBBSSIITTEE

A. Testing

Sebelum melakukan testing desain web anda, pastikan anda telah membuat file-file sebagai berikut dengan desain yang sama. Caranya cukup copy dan pastekan disitu juga, kemudian gantilah menjadi file-file sebagai berikut: 1. order.html 2. porto-folio.html 3. contact.html 4. login.html Selanjutnya isi dengan data : 1. Order.html >> diisi dengan tata cara order produk anda 2. porto-folio.html >> diisi dengan porto folio usaha anda 3. contact.html >> diisi dengan alamat email atau alamat rumah anda, bila client ingin

menghubungi anda. 4. login.html >> diisi dengan form login, jika anda menggunakan script

membership/affiliate

B. Upload File

Untuk mengupload file-file anda ke hosting sungguhan (yang bayar), Anda bisa melakukannya dengan dua cara:

1. Dengan file manager yang disediakan oleh web hosting 2. Dengan software FTP Client. Seperti WS FTP, Cute FTP atau yang gratis, yaitu

FileZilla. Cara Upload dengan FileZilla. Caranya : Jalankan software FileZilla. Masukkan informasi berikut sesuai kolomnya. - Mesin : diisi alamat ftp - Nama pengguna : diisi dengan username - Kata kunci : diisi dengan password Data diatas bisa anda dapatkan pada saat anda mendaftar di pada layanan hosting anda. Klik Koneksi Cepat.

Page 24: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

23

Kolom sebelah kanan (remote) adalah informasi data situs anda. Sedangkan kolom sebelah kiri adalah situs local (direktori komputer anda). Untuk mengupload, cukup dengan drag – drop saja. Dan tunggu hingga proses selesai.

C. Website Mini = Duit = Pasif Income

Apakah anda mau jika desain sederhana ini bisa menjadi salah satu senjata penghasil uang anda di internet? Jika jawabannya YAA … Maka anda hanya membutuhkan beberapa perubahan dan beberapa uang. Yang anda butuhkan adalah : 1. Hosting dan domain sendiri 2. Script Afiliasi yang dirancang untuk situs mini Untuk biaya pembelian script Affiliate Minisite adalah sebesar ZERO COST. Why? Sebab anda sudah memilikinya sekarang. Yang anda fikirkan adalah biaya pembelian domain dan hosting selama 1 tahun. Biayanya cukup terjangkau, hanya dengan merogoh kocek sebesar Rp 150.000 anda sudah memiliki domain dan hosting sendiri selama masa 1 tahun. Murah khan … Saya akan tunjukkan tempatnya. Disini www.Master-Bisnis.com/go/webhosting.html

Drag - Drop

Page 25: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

24

Silakan form order dan ikuti petunjuknya. Pilih saja paket starter. Selanjutnya tugas anda adalah sedikit memberikan sentuhan agar situs HTML anda bisa menjadi mesin uang otomatis. Caranya : 1. Ganti ekstensi file index.html anda menjadi index.php 2. Buka file tersebut (index.php) dengan program Notepad. 3. Sebelum semua tag HTML anda, tambahkan kode sebagai berikut

<?php include “includes/affiliate.php”;?>

4. Simpan.

Fungsi dari kode di atas adalah untuk mencatat terjadinya sponsoring member afiliasi anda.

5. Selanjutnya timpalah file index.php milik script Nagaya Affiliate System dengan file index.php milik anda tersebut.

Catatan: - Pada script Nagaya Affiliate system for Minisite versi 2.0 anda tidak perlu merancang

desain minisite secara sempurna. Anda cukup merubah kode pada header.php dan footer.php untuk merubah desainnya. Tetapi anda bisa membuat desain sendiri. Tetapi ini hanya berlaku untuk file index.php saja. Untuk file yang lain, anda harus memotong bagian HEADER desain anda dan mempastenya ke header.php. Dan bagian FOOTER desain anda kemudian mempastenya ke footer.php

Setelah proses desain selesai, anda harus meng-uploadnya kembali Dan jangan lupa lakukan promosi dengan tehnik formula “AFFILIATE SUPER PROMO” yang bisa anda peroleh di member area.

-oO Selesai Oo-

Page 26: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

25

BBAABB 66

PPEENNUUTTUUPP Sebagai penutup tutorial ini, ada beberapa tips yang bisa anda gunakan untuk ilmu desain wesite mini: 1. Gunakan kombinasi warna yang tidak mencolok. Misalnya gunakan background hitam

atau biru tua. Background body dengan warna putih, font default hitam, Tahoma size 12 pt. Gambar header tidak terbanyak warna yang akan mengakibatkan membesarnya ukuran file tersebut.

2. Jangan terlalu banyak menyisipkan Flash.

3. Untuk mempercepat load situs anda, sebaiknya gambar header anda pecah menjadi beberapa bagian kecil dan satukan dengan tabel.

4. Banyaklah belajar dari ahlinya. Jangan pernah mencoba autodidak tanpa mau bertanya

kepada yang lebih ahli. Saya sarankan anda ikut forum-forum diskusi untuk mempertajam pengetahuan anda tentang desain web.

5. Kalau harus mengeluarkan uang untuk suatu pengetahuan, jangan sungkan untuk

mengeluarkannya. Sebab itu adalah salah satu investasi jangka panjang anda.

6. Cari sendiri di internet ....

Selamat Berkreasi

Affiliate Manager

www.NagayaAffiliate.com,

Nur Sahid

Page 27: NagayaAffiliate.com Tutorial Mini Site

Panduan Membuat Website Mini

www.master-bisnis.com - Rahasia Sang Jutawan INTERNET

26

PESAN SPONSOR !!

Panduan Mencari Duit di Internet from ZERO COST !! Jadikan

semua aktifitas anda di internet bernilai uang. Temukan

Rahasianya di www.Master-Bisnis.com

Butuh Produk untuk anda jual kembali ? Keuntungan 100%

menjadi milik anda. Klik www.resale.master-bisnis.com

Mesin Autoresponder dan Mailing List Tanpa Batas. Satu buah script untuk semua

jenis bisnis anda berapapun jumlahnya. www.auto.master-bisnis.com

Anda ingin informasi produk anda berada

di halaman ini ? Silakan hubungi saya di

[email protected] dengan subjek “Pesan

Space Iklan di e-book Tutorial Minisite”