cara membuat website sendiri 100% gratis

m
co
CARA MEMBUAT
dengan modal
ww
w.
OK
100%
GRATIS !
BC
WEBSITE SENDIRI
lu
b.
LET'S GO TO LEARN
OKB Club Indonesia – http://www.okbclub.com
ii
setup agar Anda bisa membukanya baik melalui browser maupun melalui
Outlook Express. Alamat e-mail adalah satu-satunya mata uang yang sah di
internet untuk mendapatkan segala hal yang berbau gratisan. Anda akan sangat
memerlukannya pada langkah-langkah selanjutnya, bukan hanya sekedar untuk
gengsi!
m
KATA PENGANTAR
co
Setahun atau dua tahun yang lalu, memiliki alamat e-mail sudah bisa
dibanggakan. Akan tetapi kini gengsi itu sudah bergeser. Mencantumkan alamat
situs pribadi di kartu nama adalah kebanggaan baru.
Pada langkah KETIGA, Anda akan mulai mempelajari html, bahasa inti yang
dipakai untuk menulis halaman-halaman web. Setelah memahami langkah ketiga
ini, Anda akan memiliki kemampuan untuk membuat homepage off-line. Yaitu
situs homepage yang hanya bisa diakses dari komputer karena file-file yang
membentuk homepage tersebut masih berada didalam harddisk.
lu
Pada langkah KEEMPAT, Anda akan mempelajari bagaimana cara
mendaftar ke situs-situs penyedia layanan spasi web gratis (free webspace) baik
dari dalam maupun luar negeri. Bagaimana memilihnya dan bagaimana cara
setup-nya. Jika kebetulan Anda memiliki alamat e-mail di Yahoo!Mail, maka
sebetulnya Anda juga memiliki web server siap pakai sebesar 15MB. Pada
langkah keempat ini juga diajarkan bagaimana caranya memanfaatkan web server
ini.
Setelah Anda terdaftar pada salah satu web server gratis, pada langkah
KELIMA akan dibahas cara upload file dari harddisk ke web server agar filefile html Anda bisa diakses oleh semua orang dari seluruh dunia. Pembahasan
pada langkah kelima ini meliputi tata cara upload file menggunakan program
client FTP (File Transfer Protokol), browser, file manager dan Ms. FrontPage
2000. Setelah melaksanakan langkah kelima ini, Anda akan langsung memiliki
homepage on-line sendiri yang bisa diakses dari seluruh dunia oleh siapapun
dan kapanpun!
BC
Sementara itu, beberapa orang yang mengetahui cara membuat halaman web
tidak cukup mengerti bagaimana caranya supaya situs web mereka bisa on-line
dan bisa diakses dari seluruh dunia. Banyak sekali materi bahasan di majalah dan
buku-buku komputer yang membuat banyak orang menyadari bahwa mereka bisa
mendesain situs web sendiri menggunakan Ms. Word 97/2000 atau Ms.
FrontPage 98/2000. Akan tetapi setelah desain web mereka jadi, mereka tidak
tahu apa yang harus dilakukan selanjutnya. Untuk itulah buku ini ditulis!
b.
Sayangnya, hanya sedikit diantara kita yang bisa membuat homepage sendiri.
Padahal untuk menyuruh orang lain membuatkan homepage untuk kita, biayanya
tidaklah sedikit. Kita harus membayar untuk desain web-nya, membayar untuk
sewa server-nya dan akhirnya membayar untuk mendapatkan nama domain-nya.
Seiring dengan perkembangan jaman di era cyberspace ini, memiliki situs
web selalu memberi banyak keuntungan. Jika Anda bertanya, "Mengapa saya
harus memiliki homepage?", maka apapun profesi Anda, pasti selalu ada
jawabannya.
OK
Buku ini disusun berdasarkan pengalaman penulis dalam membuat situs web
gratis di internet. Anda akan dituntun langkah demi langkah dalam pembuatan
situs web dari mulai cara akses internet-nya, mendaftar ke penyedia e-mail
gratis, mempelajari html untuk membuat homepage off-line, mendaftar ke web
server dalam maupun luar negeri, meng-upload situs web yang sudah jadi ke web
server sampai dengan tata cara promosi dan trik-triknya. Semua materi dan
software yang digunakan dalam pembuatan homepage ini semuanya bisa
diperoleh gratis dari internet.
w.
Pada langkah PERTAMA, Anda akan mempelajari bagamana cara akses ke
internet menggunakan ISP-Gratis beserta setup software dan hardware-nya.
Walaupun sebenarnya tidak bisa dikatakan benar-benar gratis, akan tetapi penulis
memasukkannya dalam kelompok ini karena untuk bisa mengakses internet, Anda
tidak perlu mendaftar ke ISP (Internet Service Provider), tidak perlu membayar
uang iuran bulanan dan tidak perlu membayar kelebihan jam akses.
ww
Setelah Anda dapat terhubung ke internet, pada langkah KEDUA diajarkan
bagaimana caranya mendapatkan e-mail gratis berbasis web dan POP3 serta cara
OKB Club Indonesia – http://www.okbclub.com
iii
Untuk membuat tampilan situs web menjadi lebih profesional, pada langkah
KEENAM akan dibahas mengenai tata cara mendapatkan counter pengunjung
dan buku tamu (Guest Book) gratis dari internet, juga tentang tata cara
penyisipan kode-kodenya kedalam halaman utama situs web kita.
Setelah memiliki homepage sendiri dengan tampilan dan isi yang sangat
bagus, tentu tidak ada gunanya jika tidak ada yang mengetahuinya! Karena itu
pada langkah KETUJUH, akan dibahas mengenai bagaimana cara
mempromosikan situs web baru kita keseluruh dunia, baik melalui pemasangan
iklan gratis di internet, melalui banner exchange, melalui portal lokal maupun
melalui pendaftaran ke situs-situs search engine internasional seperti Alta Vista,
HotBot, Excite, WebCrawler, InfoSeek, Lycos dan lain sebagainya.
Selain ketujuh langkah wajib diatas, penulis menambahkan satu langkah
terakhir sebagai langkah BONUS, yaitu TIP & TRIK untuk memaksimalkan
keuntungan dari penggunaan homepage pribadi dan internet. Didalamnya
OKB Club Indonesia – http://www.okbclub.com
iv
dibahas mengenai berbagai macam trik untuk menghilangkan banner iklan yang
biasanya ada pada situs-situs web gratisan, trik untuk memperpendek alamat
domain situs web, trik untuk memproteksi halaman web agar source code-nya
tidak dapat dilihat oleh orang lain, trik untuk mendapatkan alamat domain sendiri
dengan
alamat
http://www.terserah_anda.com,
trik
untuk
memanfaatkan homepage sebagai mesin pencetak uang dan banyak lagi yang
lainnya.
co
m
DAFTAR ISI
KATA PENGANTAR ..................................................................... v
DAFTAR ISI................................................................................................................. vii
PENDAHULUAN: Punya Homepage Sendiri? Untuk Apa? xv
Seberapa Besar Internet Sekarang ? ................................................. xvii
Seberapa Dinamis Internet ? ............................................................. xviii
b.
Akhirnya, pada kesempatan ini penulis ingin mengucapkan banyak terima
kasih kepada pimpinan PT. Elex Media Komputindo beserta seluruh staf yang
telah memungkinkan bisa terwujudnya buku ini. Juga ucapan terima kasih penulis
sampaikan kepada istri tercinta yang telah merelakan berkali-kali pulsa telepon
di rumah membengkak tidak karuan!
Selamat membaca! Selamat mendesain homepage Anda sendiri dan selamat
menikmati hasilnya!
lu
BAB 1 - LANGKAH KE-1:
1
1.1 Koneksi Ke ISP-G TelkomNet Instan ..................................
1.2 Persyaratan Teknis .......................................................................
1.3 Spesifikasi Komputer .................................................................
1.4 Instalasi Dial-Up Networking Win 95/98 .............................
1.5 Membuat Koneksi Baru Ke TelkomNet ...............................
1.6 Instalasi Protokol TCP/IP ........................................................
1.7 Setting DNS ..................................................................................
1.8 Setting Proxy .................................................................................
1.9 Memulai Koneksi Ke TelkomNet ...........................................
1.10 Anda Perlu Bantuan? ..................................................................
3
4
5
6
8
10
11
12
14
16
BC
AKSES INTERNET MENGGUNAKAN ISP GRATIS! .
ww
w.
OK
Yogyakarta,
OKB Club Indonesia
OKB Club Indonesia – http://www.okbclub.com
BAB 2 – LANGKAH KE-2:
MENDAPATKAN E-MAIL GRATIS! ..................................... 17
2.1 Mendaftar ke Yahoo!Mail, E-Mail Gratis Berbasis WEB+
18
2.2 Mendaftar ke TelkomMail, E-Mail Gratis Berbasis POP3+ ..........
2.3 Set-Up Yahoo!Mail Agar Mendukung POP3 .......................
2.4 Set-Up Outlook Express Untuk Membuka Yahoo!Mail ....
2.5 Memburu Penyedia Layanan E-Mail Gratis! ........................
v
OKB Club Indonesia – http://www.okbclub.com
23
26
29
31
vi
co
b.
BAB 3 – LANGKAH KE-3:
BC
39
40
40
40
41
42
lu
MEMPELAJARI HTML ............................................................... 39
3.1 PENDAHULUAN .....................................................................
3.1.1
Evolusi Cyberspace ....................................................
3.1.2
Sekitar World Wide Web ..........................................
URL ........................................................................................
HTTP .....................................................................................
HTML ....................................................................................
3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa Menjawab
Ini! ..........................................................................................
Mengapa Anda Ingin Membuat Homepage? ................
Siapa Yang Anda Harapkan Tertarik Dengan Homepage
Anda? ......................................................................................
Tipe Homepage Yang Bagaimana Yang Anda Inginkan? ...
Mengenai Apa Isi Homepage Anda? ..............................
Seperti Apa Tampilan Homepage Yang Anda Inginkan? ....
Dimana Anda Ingin Memasang Homepage Anda? ....
3.1.4
Memilih Editor .............................................................
3.2 DASAR-DASAR HTML ...........................................................
3.2.1
Mengenal Tag ..............................................................
3.2.2
Atribut Tag ...................................................................
3.2.3
Karakter-Karakter Khusus .......................................
3.2.4
Menangani Spasi dan Ganti Baris ...........................
3.2.5
Menyisipkan Komentar .............................................
3.3 MEMULAI MEMBUAT HOMEPAGE ..............................
3.3.1
Bagaimana memulainya? ...........................................
3.3.2
Format Dasar File HTML ........................................
3.3.3
Informasi Versi HTML .............................................
3.3.4
Memberi Judul Halaman/Bookmark .....................
3.3.5
Informasi untuk Search Engine ..............................
3.3.6
Mengatur Warna Teks Global .................................
3.3.7
Mengatur Warna Latarbelakang ..............................
3.3.8
Menggunakan Link .....................................................
3.3.9
Mengatur Warna Link ................................................
3.3.10 Membuat Garis Horisontal ...........................................
3.4 MANIPULASI TEKS ...............................................................
3.4.1
Tebal, Miring, Garis Bawah dan Kombinasi .......
3.4.2
SubScript & SuperScript ...........................................
3.4.3
Menampilkan Teks Apa Adanya .............................
3.4.4
Mencoret teks ...............................................................
3.4.5
Membuat Teks Berkedip ...........................................
3.4.6
Membuat Teks Berjalan ............................................
3.4.7
Menggunakan Header ................................................
3.4.8
Mengatur Paragraph ...................................................
3.4.9
Mengatur Alignment ..................................................
3.4.10 Mengatur Indent Paragraph ..........................................
3.4.11 Memilih Font ....................................................................
3.4.12 Memilih Warna Font .......................................................
3.4.13 Mengatur Ukuran Font ...................................................
3.4.14 Mengatur Font Default ..................................................
3.5 MANIPULASI GAMBAR .......................................................
3.5.1
Memburu Editor Gambar Gratis Dari Internet ..
3.5.2
Cara Menampilkan Gambar .....................................
3.5.3
Membuat Linebar & Bullet Dengan Gambar .....
3.5.4
Mengatur Ukuran Tampilan Gambar ....................
3.5.5
Menampilkan Teks Di Area Gambar ....................
3.5.6
Mengatur Border Gambar ........................................
3.5.7
Trik Mempercepat Gambar Tampil Dilayar ........
3.5.8
GIF atau JPG ? ...........................................................
3.5.9
Menggunakan Gambar Animasi .............................
3.5.10 Menggunakan Gambar Untuk Membuat Imagemap .........
3.5.11 Optimasi Gambar ............................................................
m
2.5.1
Penyedia Layanan E-Mail POP3/SMTP Gratis!. 31
2.5.2
Penyedia Layanan E-Mail Berbasis WEB Gratis!
32
2.5.3
Penyedia Layanan E-Mail Dengan Nama Unik !
36
2.5.4
Penyedia E-Mail Gratis Dengan Spasi 40 MB! ... 37
2.6 Anda Akan Dibayar Untuk Membaca E-mail ...................... 38
43
43
ww
w.
OK
43
44
44
44
44
45
49
48
50
51
52
52
54
53
vii
OKB Club Indonesia – http://www.okbclub.com
OKB Club Indonesia – http://www.okbclub.com
54
55
56
57
59
60
62
63
63
66
65
66
67
68
68
69
70
71
71
73
74
76
77
78
81
80
83
85
86
87
88
90
91
92
94
97
viii
3.9
m
3.9.9
Tabel dalam tabel ........................................................ 133
3.9.10 Mengatur warna background sel .................................. 134
3.9.11 Cara mudah membuat tabel dengan HomeSite ....... 139
co
BAB 4 – LANGKAH KE-4:
MENDAFTAR KE WEB SERVER GRATIS! ...................... 143
lu
b.
4.1 MEMBURU WEB SERVER GRATIS .................................
4.1.1 Web Server Gratis Dari Indonesia ..................................................
Rileks Free Homepage .......................................................
SSNet ......................................................................................
Capella.co.id ..........................................................................
CeritaSeru.org .......................................................................
4.1.2 Web Server Gratis Dari Luar Negeri .............................................
20m .........................................................................................
4Office.net ............................................................................
50Megs ...................................................................................
AcmeCity ...............................................................................
Angelfire ................................................................................
Big Step ..................................................................................
Bizland ...................................................................................
BootBox.net ..........................................................................
Crosswinds ............................................................................
DenCity ..................................................................................
Domain Valet .......................................................................
Dreamwater ..........................................................................
Envy ........................................................................................
EWebCity ..............................................................................
Fortune City ..........................................................................
Freedom2Surf ......................................................................
Freeservers ............................................................................
FreeYellow ............................................................................
Geocities ................................................................................
Go Network ..........................................................................
Homepage .............................................................................
BC
OK
3.8
w.
3.7
ww
3.6
Mengurangi warna ............................................................. 97
Menghilangkan komentar pada file GIF ..................... 97
Menghilangkan data non-gambar pada file JPG ....... 98
Menurunkan kualitas gambar hingga batas yang masih
dapat diterima mata .......................................................... 98
Memperkecil area gerak gambar animasi .................... 99
Mengkompres file GIF Animasi ................................... 101
Jangan menjadi perampok Bandwidth! ........................ 102
MANIPULASI DAFTAR ITEM ........................................... 105
3.6.1
Membuat Daftar Tak Berurut ................................. 103
3.6.2
Membuat Daftar Berurut .......................................... 104
3.6.3
Mengatur Angka Awal Item ..................................... 106
3.6.4
Membuat Daftar Definisi ......................................... 107
3.6.5
Menampilkan Daftar Multi-Colum ........................... 109
MENGGUNAKAN FORM .................................................... 113
3.7.1
Mendapatkan Informasi Dari Pengunjung ........... 111
3.7.2
Melakukan Survei Pengunjung ................................ 112
3.7.3
Menggunakan Menu Drop-Down .............................. 113
3.7.4
Mendapatkan Komentar Dari Pengunjung .......... 114
3.7.5
Mengganti Label Tombol ......................................... 115
3.7.6
Mengirim Data Tersembunyi .................................. 117
3.7.7
Membuat Link Dengan Tombol ............................. 118
3.7.8
Menggunakan WEB Form Text Formatter ............... 118
MENGGUNAKAN FRAME ................................................. 122
3.8.1
Membelah layar dalam frame .................................. 120
3.8.2
Menggunakan link dalam frame .............................. 123
3.8.3
Cara mudah membuat frame dengan Frame-It . 123
MENGGUNAKAN TABEL .................................................. 127
3.9.1
Format dasar sebuah tabel ........................................ 124
3.9.2
Mengatur border ......................................................... 126
3.9.3
Manipulasi sel dalam tabel ....................................... 127
3.9.4
Menampilkan sel kosong ........................................... 128
3.9.5
Menggabung Sel .......................................................... 129
3.9.6
Mengatur perilaku sel ................................................. 130
3.9.7
Mengatur alignment tabel ......................................... 132
3.9.8
Mengatur alignment sel ............................................. 132
ix
OKB Club Indonesia – http://www.okbclub.com
OKB Club Indonesia – http://www.okbclub.com
144
144
141
142
143
144
149
146
146
146
147
147
148
148
149
149
150
151
151
151
151
152
152
153
154
154
155
155
x
m
BAB 5 – LANGKAH KE-5:
co
MEMASANG HOMEPAGE KE WEB SERVER (UPLOAD
FILE)
.......................................................................................... 186
b.
5.1 UPLOAD FILE DENGAN FILE MANAGER ..............
5.1.1
Upload file ke TRIPOD ...........................................
5.1.2
Upload file ke GEOCITIES ...................................
5.2 UPLOAD FILE MENGGUNAKAN BROWSER ..........
5.3 UPLOAD FILE MENGGUNAKAN PROGRAM FTP
197
5.4 UPLOAD FILE MENGGUNAKAN FRONTPAGE 2000 .
5.4.1
Upload file dari server FrontPage ..........................
5.4.2
Upload file dari Folder HardDisk ..........................
lu
155
156
157
157
158
158
159
159
159
160
160
160
161
161
165
165
166
167
167
169
169
171
174
177
178
181
181
182
183
184
OK
w.
ww
OKB Club Indonesia – http://www.okbclub.com
xi
187
187
191
194
200
200
203
BAB 6 – LANGKAH KE-6:
BC
Homestead ............................................................................
Hypermart .............................................................................
iXprss .....................................................................................
LiveUniverse .........................................................................
NetColony .............................................................................
PortLand ................................................................................
Rebondir ................................................................................
Stas .................................................................................................................
Stormloader ..........................................................................
TheBurgh ...............................................................................
Tripod .....................................................................................
Virtual Avenue .....................................................................
WebHostMe ..........................................................................
Xoom (NBCi) .......................................................................
4.1.3 Spasi Gratis Untuk Yang Punya 'Minat Khusus' ......................
Anzwers .................................................................................
NightSites ..............................................................................
Sexplosion .............................................................................
Internet Trash .......................................................................
4.2 MENDAFTAR KE WEB SERVER GRATIS ...................
4.2.1
Mendaftar ke Rileks.Com .........................................
4.2.2
Mendaftar ke Tripod.Com ........................................
Mengganti Mode Iklan di Tripod ....................................
Mengaktifkan FrontPage Server Extension Tripod ....
4.3 MENGAKTIFKAN HOMEPAGE DI GEOCITIES ...
4.4 MENDAPATKAN NAMA DOMAIN SENDIRI ..........
4.4.1
Tentang InterNIC .......................................................
4.4.2
Anda Harus Punya Tempat Parkir .........................
4.4.3
Cara Memperoleh Nama Domain Gratis .............
4.4.4
Jualan Nama Domain? Mengapa Tidak? ..............
MEMASANG COUNTER DAN GUESTBOOK GRATIS !
.......................................................................................... 206
6.1 MEMASANG COUNTER ......................................................
6.1.1
Memasang Counter di Tripod .................................
6.1.2
Memasang Counter di Geocities .............................
6.1.3
Memburu Counter Gratis di Internet ....................
6.1.4
Mendapatkan Counter dari AddFreeCounter ......
6.1.5
Mendapatkan Counter dari Admo.Net ..................
6.2 MEMASANG GUESTBOOK ...............................................
6.2.1
Memasang Guestbook di Geocities .......................
6.2.2
Memburu Guestbook Gratis ...................................
6.2.3
Mendapatkan Guestbook Gratis dari Admo.Net ..........
6.2.4
Mendapatkan Guestbook Gratis dari htmlGEAR .......
OKB Club Indonesia – http://www.okbclub.com
207
207
208
210
213
218
222
223
226
229
232
xii
lu
249
252
255
250
252
262
254
255
268
259
261
BC
7.1 MEMBURU PENYEDIA LAYANAN IKLAN GRATIS .....
7.2 MEMASANG IKLAN ONLINE GRATIS .......................
7.3 PROMOSI SITUS WEB MELALUI SITUS PORTAL ..
7.3.1
Mendaftar Ke Situs Portal Satunet .........................
7.3.2
Mendaftar Ke Situs Portal Catcha.co.id ................
7.4 PROMOSI SITUS MELALUI PERTUKARAN BANNER ..
7.4.1
Cara Mudah Memiliki Banner .................................
7.4.2
Mendaftar ke BannerIndonesia.com ......................
7.5 MEMANFAATKAN SEARCH ENGINE .........................
7.5.1
Memburu Search Engine ..........................................
7.5.2
Mendaftar ke 12 Search Engine Besar Di Internet ........
b.
UMUMKAN HOMEPAGE BARU ANDA KE SELURUH
DUNIA ! .......................................................................................... 248
MEMBUAT AUTO REMINDER ......................................... 298
MENYISIPKAN FASILITAS URL-MINDER ................ 299
MELAKUKAN REDIRECT HALAMAN WEB ............. 300
MEMASANG POLLING KEDALAM SITUS WEB ..... 301
TRIK MEMILIKI ALAMAT DOMAIN GRATIS! ......... 307
MANFAATKAN SITUS WEB UNTUK MENCARI UANG!
................................................................................................................. 312
8.9 MEMPROTEKSI FILE HTML ............................................. 316
8.9.1
Mematikan Fungsi Klik-Kanan Mouse Pengunjung ... 317
8.9.2
Mengenkripsi File Html ............................................ 318
8.10 MENYISIPKAN JAM/TANGGAL SAAT INI & TANGGAL
UPDATE .............................................................................................................. 322
8.11 TRIK MENDAPATKAN UNLIMITED WEB SPACE!
324
8.12 MENYAMBUT PENGUNJUNG DENGAN MUSIK . 325
8.13 JANGAN KHAWATIR MENGGUNAKAN WEB
AUTHORING TOOL VERSI SHAREWARE ! ............... 326
m
8.3
8.4
8.5
8.6
8.7
8.8
co
BAB 7 – LANGKAH KE-7:
BAB 8 – LANGKAH BONUS:
TIPS & TRIK MENGGALI FASILITAS GRATIS DAN
PROFIT SEBANYAK-BANYAKNYA DARI INTERNET !
.......................................................................................... 275
276
280
271
272
273
274
275
276
277
278
279
280
ww
w.
OK
8.1 MEMPERPENDEK ALAMAT SITUS WEB ...................
8.2 MELENYAPKAN IKLAN DARI SITUS WEB GRATIS ....
8.2.1
Mengapa iklan perlu dilenyapkan? ..........................
8.2.2
Melenyapkan Iklan Dengan Program Khusus ....
8.2.3
Trik Membongkar iklan Pop-Up ............................
8.2.4
Membongkar Iklan Popup Dengan SuperScript .
8.2.5
Membongkar Iklan Popup Dengan SuperFilter .
8.2.6
Membongkar Iklan Pop-Up Setelah Muncul .......
8.2.7
Melenyapkan Banner Iklan .......................................
8.2.9
Melenyapkan Iklan Berbasis Frame .......................
8.2.10 Menghindari Deteksi Kode Oleh Server ..............
8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai ..
OKB Club Indonesia – http://www.okbclub.com
xiii
OKB Club Indonesia – http://www.okbclub.com
xiv
m
CashSurfers, PaidForSurf, ePilot dan puluhan lagi yang lainnya. Kemudian Anda
tinggal mencantumkan kode referal Anda sendiri kedalam homepage Anda untuk
mengumpulkan downline!
PENDAHULUAN
co
Jika Anda seorang Olahragawan, Anda dapat mengisi homepage Anda dengan
segala aktivitas Anda dibidang olah raga yang Anda tekuni, foto-foto kegiatan
Anda, jadwal latihan, sasaran, medali yang pernah Anda peroleh, cita-cita
perolehan medali Anda selanjutnya dll.
Jika Anda adalah seorang Dokter, Anda dapat membuka konsultasi Online,
menawarkan pengobatan apa saja yang bisa Anda lakukan untuk orang lain, jam
praktek Anda, tarif pengobatan dlsb.
Jika Anda adalah seseorang yang suka bergaul, Anda dapat mengisi HomePage
Anda dengan data mengenai Anda sendiri, teman-teman Anda, keluarga Anda,
foto-foto Anda, kegiatan Anda, kegiatan teman-teman Anda, acara kegiatan
mingguan, mengumpulkan teman baru (dari pengunjung situs), bertukar pikiran
dengan teman dlsb.
BC
Jika Anda seorang Pelajar atau Mahasiswa, Anda dapat membuat homepage
untuk memamerkan keunggulan sekolah atau Universitas Anda, kegiatannya,
rencana kegiatannya dimasa mendatang, memperkenalkan klub-klub yang ada
disekolah / Universitas Anda dan lain sebagainya.
Jika Anda seorang Kartunis, Anda dapat mengisi homepage Anda dengan
koleksi kartun-kartun karya Anda sendiri atau orang lain¸ bahkan juga kartunkartun karya Anda yang belum pernah diterbitkan oleh penerbit manapun karena
(mungkin) jelek, kurang menarik, terlalu jorok dll.
lu
Anda benar-benar tidak tahu untuk Apa?!? Kalau demikian,
coba simak beberapa dari jutaan alasan yang bisa dibuat
berikut ini!
b.
Punya Homepage Sendiri? Untuk Apa?
OK
Jika Anda adalah seorang Artis, Foto model atau Penyanyi, Anda bisa membuat
homepage untuk mempublikasikan kegiatan-kegiatan Anda, meng-counter gosipgosip yang merugikan atau menampilkan jadwal kegiatan Anda sehingga fans
Anda bisa tahu kapan mereka bisa menjumpai Anda dst.
Jika Anda seorang Ilmuwan, Peneliti atau Scientist, homepage Anda bisa diisi
dengan publikasi hasil karya ilmiah Anda, tesis, proposal-proposal Iptekda,
RUT, RUK, rencana penelitian, hasil-hasil penelitian, masalah yang dihadapi
dalam penelitian, prototipe, jadwal seminar dan lain sebagainya. Selain itu Anda
juga bisa membuat polling online untuk keperluan riset atau untuk mendukung
teori-teori Anda.
w.
Jika Anda seorang Hobbyist (apa saja), Anda bisa mengisi homepage Anda
dengan segala hal yang berhubungan dengan hobby yang Anda geluti, filateli,
komputer, programming, masak-memasak, merangkai bunga, ngerumpi,
memajang foto-foto Anda atau hasil-hasil karya Anda.
ww
Jika Anda seorang Pengangguran, Anda bisa menciptakan uang dari internet!
Anda dapat mendirikan bisnis multi-level online seperti AKSARA Online
misalnya, atau mengikuti program-program pengumpul uang seperti Spedia,
OKB Club Indonesia – http://www.okbclub.com
xv
Jika Anda seorang Penulis, Anda dapat mengisi homepage Anda dengan tulisantulisan Anda, tulisan-tulisan tertentu atau bahkan tulisan-tulisan Anda yang tidak
pernah diterbitkan oleh penerbit manapun!
Jika Anda adalah seorang Penghayal, Anda dapat menuliskan khayalan-khayalan
Anda dalam homepage Anda, baik yang mungkin maupun yang mustahil. Siapa
tahu ada produser film yang mau mengangkat khayalan Anda menjadi film. Atau
bahkan suatu saat khayalan Anda menjadi kenyataan?
Jika Anda adalah seorang Musisi, Anda dapat mengisi homepage Anda dengan
karya musik Anda, contoh lagu yang Anda ciptakan (baik dalam format MP3,
WAV atau MIDI), lirik-lirik lagu yang Anda ciptakan, aransemen lagu yang Anda
ciptakan, kelompok musik Anda, personilnya dan segala sesuatu yang
berhubungan dengan musik!
Jika Anda adalah seorang Pedagang, Anda dapat membuat kios virtual yang
dapat menampilkan barang-barang yang Anda jual kedalam homepage Anda,
keunggulan masing-masing barangnya, harganya, diskonnya, pelayanannya, purna
jualnya dlsb.
Jika Anda adalah seorang Produsen/Pengusaha, Anda dapat mengisi homepage
Anda dengan barang-barang produksi perusahaan Anda, keunggulannya jika
OKB Club Indonesia – http://www.okbclub.com
xvi
Ini berarti bahwa jumlah alamat domain di internet naik 195,6 % dalam waktu 5
bulan terakhir!
Jika Anda adalah seorang Bisnisman, Anda dapat mengisi homepage dengan
rencana bisnis Anda, prospeknya kedepan, kerjasama yang Anda butuhkan atau
yang dapat Anda tawarkan pada pihak lain dlsb.
SEBERAPA DINAMIS INTERNET?
co
m
dibanding produk perusahaan lain, dukungan purna jualnya, pemasarannya, profil
perusahaan, jumlah karyawan dll.
Internet adalah satu-satunya sumber daya yang mengalami perubahan setiap detik.
Untuk mengetahui seberapa dinamisnya internet, berikut adalah sebagian statistik
yang penulis dapatkan dari Censorware Project (cencorware.org) awal Agustus
2000.
Jika Anda adalah seorang Pemilik Hotel, Penginapan atau Losmen, Anda dapat
mengisi homepage Anda dengan berbagai hal yang berhubungan dengan hotel
Anda, jumlah kamarnya, fasilitasnya, pelayanannya, luas arealnya, lokasinya
dlsb.
Pada setiap 24 jam, internet bertambah :
4.600.000 halaman web baru!
82.200.000.000 byte teks baru!
1.030.000 file gambar baru!
17.200.000.000 byte data gambar baru!
1.260.000.000.000 byte data berubah!
51.500.000 halaman web berubah!
11.600.000 gambar berganti!
BC
Jika Anda sedang mencari pekerjaan, Anda dapat membuat sebuah homepage
pribadi yang menggambarkan kemampuan Anda. Lalu saat mengirimkan resume
pekerjaan, Anda dapat mencantumkan alamat situs web Anda untuk menunjukkan
nilai plus pengalaman Anda secara nyata!
•
•
•
•
•
•
•
lu
Jika Anda adalah seorang Pelawak, Anda dapat mengisi homepage Anda dengan
aktifitas grup lawak Anda, perekrutan anggota jika ada, foto-foto hasil lawatan
Anda dalam melawak, jadwal melawak atau bahkan cerita-cerita humor yang
pernah Anda buat dll.
b.
Jika Anda adalah seorang Fotographer, Anda dapat memajang foto-foto hasil
karya Anda di homepage Anda, sejarah terciptanya, penjelasan mengenai
fotonya, proses pembuatannya dan mungkin juga harganya jika Anda ingin
menjual karya Anda
OK
Bahkan jika Anda adalah seorang maniak seks sekalipun, Anda bisa memuat
cerita-cerita ‘saru dan seru’ atau gambar-gambar suur lainnya kedalam
homepage Anda! Semuanya bisa dan gratis!
Pokoknya, apapun profesi Anda, pasti akan selalu ada jawabannya!
SEBERAPA BESAR INTERNET SEKARANG?
w.
Untuk mendapatkan gambaran tentang seberapa besar perubahan yang ada di
internet, Anda bisa mengunjungi http://www.domainstats.com.
ww
Berdasarkan DomainStats, pada awal bulan Agustus tahun 2000 di internet ada
17.804.717 nama domain terdaftar dari seluruh dunia, dimana 9.482.427
diantaranya berakhiran .COM. Kemudian, awal Januari 2001 penulis
mengunjungi lagi alamat situs yang sama dan pada saat itu statistiknya telah
berubah menjadi 34.828.527 nama domain dengan 21.048.537 diantaranya
berakhiran .COM!
OKB Club Indonesia – http://www.okbclub.com
xvii
Dengan kepadatan data yang bertambah dan selalu berubah seperti diatas, setiap
hari akan diperlukan sekitar 29.200 orang untuk mengawasi perubahan yang ada
di web! Barangkali itulah yang menyebabkan pada saat ini censorware tidak
mampu lagi memberikan statistik lanjutan!
•
PERHATIAN !
Internet adalah dunia cyber yang sangat dinamis dan amat cepat berubah!
"Nanti" bisa menjadi sangat berbeda dengan "Sekarang". Jika link-link
yang ada didalam buku ini tidak bekerja (broken link), update akan selalu
bisa Anda temukan melalui official homepage di :
http://serba-gratis.tripod.com atau
http://semuagratis.cjb.net
•
Semua gambar dan tata cara pendaftaran terhadap layanan tertentu pada
suatu situs dalam buku ini diambil pada saat buku ini ditulis. Perubahan
bisa terjadi kapan saja. Akan tetapi biasanya tidak terlalu banyak berubah.
OKB Club Indonesia – http://www.okbclub.com
xviii
m
Gateway langsung dari Amerika Serikat. Kecepatan koneksi yang bisa diperoleh
oleh user berkisar antara 43 Kbps sampai 56 Kbps dengan lebar bandwith
seperti terlihat pada tabel 1.
BAB 1
LANGKAH KE-1:
AKSES INTERNET
MENGGUNAKAN ISP-G
(ISP-GRATIS!)
co
Tabel 1: Lebar Bandwith TelkomNet Instan
b.
128 Kbps
1 Mbps
2 Mbps
3 Mbps
6 Mbps
8 Mbps
12 Mbps (Jakarta)
15 Mbps (Cibinong)
lu
OK
Setahun atau dua tahun yang lalu, untuk bisa mengakses internet melalui penyedia
layanan internet (ISP-Internet Service Provider) Anda harus mengucurkan uang
untuk membayar biaya pendaftaran, membayar uang bulanan serta membayar uang
kelebihan jam koneksi. Ditambah lagi Anda juga harus membayar uang pulsa
telepon (plus abondemennya) ke TELKOM. Tetapi sekarang, Anda tidak perlu
serepot itu. Mungkin Anda tidak percaya, tetapi inilah kenyataannya!
w.
Kini Anda bisa mengakses internet melalui ISP-G (ISP-Gratis); yang dipelopori
oleh TelkomNet Instan; dari rumah Anda kapanpun Anda inginkan. Anda hanya
perlu membayar pulsa telepon ke TELKOM Rp. 110,- s/d Rp. 160,- per menit!
Anda tidak perlu repot melakukan kontrak langganan untuk mendaftar ke ISP,
tidak perlu membayar uang bulanan ke ISP dan tidak perlu lagi membayar biaya
koneksi kelebihan jam yang biasanya berkisar antara Rp. 2000,- sampai Rp.
4000,- perjamnya itu!
Koneksi internet dari TELKOM sebenarnya sudah ada sejak lama, namun baru
digratiskan sejak bulan September 1999. TelkomNet Instan menggunakan
ww
Bandwidth
Desember 1995
Januari 1997
Jan 1998
Agustus 1998
Juli 1999
Nopember 1999
Juli 2000
Oktober 2000
Selain TelkomNet Instan, sebenarnya ada lagi ISP-G lain, yaitu LinkNet
(http://www.link.net.id). Sayangnya, pada saat buku ini ditulis, LinkNet hanya
bisa diakses lokal dari Jakarta (021). Selain itu, semenjak mereka mengeluarkan
produk bernama LinkNet Turbo (hanya beberapa bulan setelah peluncuran
LinkNet reguler) dengan iuran bulanan Rp. 55.000,-, LinkNet reguler menjadi
hampir mustahil untuk bisa diakses! Karena itu, LinkNet tidak akan dibahas lebih
jauh.
BC
Fakta yang tidak bisa ditolak saat ini adalah kenyataan bahwa hampir segala hal
bisa diperoleh gratis dari internet! Setelah beberapa saat berselancar (surfing)
di internet, Anda akan segera mendapati kenyataan bahwa tidak hanya lautan
informasi serta ribuan software saja yang bisa diperoleh gratis, melainkan juga
berbagai macam materi bersifat fisik seperti majalah, CD-ROM, CD-Musik,
kaset tape, kaset video, buku-buku, kaos, stiker, brosur, peta, kartu-kartu ucapan,
alat-alat permainan, sampai contoh-contoh produk baru seperti parfum, sabun,
pewarna rambut dan bahkan uang dolar! Syaratnya hanya satu, Anda telah
terhubung ke internet!
OKB Club Indonesia – http://www.okbclub.com
Berlaku Mulai
1
Tabel 2: Daftar User ID, kode password dan nomor dial ke TelkomNet
Area
Nomor Dial
User – ID
Password
Medan
JaBoTaBek
Jawa Tengah
Jawa Timur
Denpasar/Bali
Banjarmasin
Ujung Pandang
0809 8 9999
0809 8 9999
0809 8 9999
29912345 *
20912345 **
0809 8 9999
0809 8 9999
telkomnet6@instan
telkomnet2@instan
telkomnet@instan
telkomnet@instan
telkomnet@instan
telkomnet6@instan
telkomnet7@instan
telkom6
telkom2
telkom
telkom
telkom
telkom6
telkom7
* = Untuk pelanggan diluar Surabaya/Malang, nomor dial harus didahului dengan 031 /
0341
** = Untuk pelanggan diluar Denpasar, nomor dial harus didahului dengan 0361
OKB Club Indonesia – http://www.okbclub.com
2
*) Daftar lengkap bisa dilihat di : http://www.plasa.com/instan/jangkauan-detil.html
m
1.1 KONEKSI KE ISP-G TelkomNet Instan
Sejak tanggal 1 Agustus 2000 tarif TelkomNet Instan di seluruh Indonesia
disamakan menjadi Rp. 150,-/menit. Penyeragamaan ini sesuai dengan tuntutan
pengguna yang ingin agar tarif seragam.
co
Untuk dapat terkoneksi ke TelkomNet Instan, Anda cukup menghubungi
TelkomNet Instan melalui komputer yang telah dilengkapi dengan modem dan
terhubung ke jaringan telepon menggunakan nomor telepon, User ID dan kode
Password seperti tampak pada tabel 2. User-ID dan password-nya bersifat casesensitif, Anda harus mengetiknya dalam huruf kecil semua.
: 0809 8 9999
: telkomnet@instan
: telkom
Tabel 3: Daftar tarif pulsa untuk berbagai wilayah *)
Rp 150,-
DKI
Jakarta
Jawa
Barat
Jawa
Tengah
Jawa
Timur
Rp 150,-
Bali
Rp 115,-
Lombok
Sulawesi
Rp 150,Rp 150,-
Rp 160,Rp 160,Rp 110,-
Medan (061), Padang (0751), Palembang (0711),
Batam (0778), Pekanbaru (0761), Bandarlampung
(0721), Pematang Siantar (0622)
Jakarta, Bogor, Tangerang, Bekasi (kode area 021 &
0251)
Sedang dipersiapkan. Hubungi Kandatel Bandung (022)
untuk tanggal pastinya.
Semarang, Magelang, Yogyakarta, Tegal, Kudus,
Pekalongan, Jepara, Cepu, Sleman, Kulonprogo.
Seluruh Jawa Timur, antara lain: Surabaya, Malang,
Madiun, Jember, Bojonegoro, Banyuwangi, Blitar,
Kediri, Lumajang, Nganjuk dll.
Seluruh Bali dengan kode area 0361, 0362, 0363, 0365,
0366, 0368.
Mataram (0370)
Makassar (dengan kode area 0410, 0411, 0413, 0417,
0418, 0419, 0481, 0482), Menado (0431), Bitung
(0438).
OK
Sumatra
JANGKAUAN
w.
TARIF
/MENIT
ww
AREA
OKB Club Indonesia – http://www.okbclub.com
1.2 PERSYARATAN TEKNIS
Secara teknis, untuk bisa mengakses internet melalui TelkomNet Instan
komputer Anda harus sudah dilengkapi dengan modem dan telah ada saluran
telepon dirumah Anda. Jika Anda merencarakan untuk membeli komputer baru,
sebaiknya Anda sekaligus membeli modem. Mungkin saat ini Anda belum
membutuhkannya, akan tetapi Anda akan sangat repot jika membeli dibelakang
hari, terutama saat melakukan instalasi. Modem internal biasanya berharga lebih
murah dibanding modem eksternal. Berikut adalah beberapa hal yang perlu Anda
perhatikan saat membeli modem:
BC
Karena berlaku secara umum, pelanggan yang berada di BANJARMASIN atau di
BOGOR juga bisa menggunakan kode akses diatas. Akan tetapi berdasarkan
daerah regionalnya, tarif pulsa per-menitnya bisa berbeda-beda. Lihat tabel 3
berikut ini :
lu
Nomor dial
User ID
Password
b.
Jika Anda kebetulan berada diluar area yang disebutkan dalam tabel 2,
TelkomNet Instan menyediakan nomor dan kode akses untuk semua wilayah
secara umum seperti berikut :
Biaya pulsa akan ditagihkan pada nomor telepon yang digunakan melalui tagihan
telepon bulanan, dimasukkan kedalam kolom JAPATI/SLJJ. Biaya hanya akan
dihitung selama terhubung ke TelkomNet dan akan dibulatkan kebawah. Artinya,
jika Anda terhubung ke TelkomNet selama 358 detik (5 menit 58 detik), maka
Anda yang berada di Jabotabek hanya perlu membayar 5 x 150 = Rp.750,- Bila
program dial-up komputer terputus, perhitungan biayanya juga berhenti.
Perincian penggunaan pulsa dapat dilihat melalui print-out AMA yang dapat
diminta disetiap loket pembayaran telepon terdekat dengan membayar pengganti
kertas cetak (saat ini Rp. 500,- perlembar) atau secara online melalui situs
http://plasa.com.
3
•
Pastikan modem Anda menggunakan teknologi V.90 (lihat buku manual).
•
Teknologi akses kecepatan tinggi V.90 ada dua varian, belum tentu cocok
dengan Telkomnet Instan. Mintalah penjual untuk mencoba dulu akses /
dial ke Telkomnet Instan.
•
Teknologi V.90 dapat mengakses hingga 56 Kbps, namun dalam prakteknya
kecepatan dial-up berkisar antara 44.5 Kbps s/d 56 Kbps (Anda bisa
melihatnya saat koneksi dengan TelkomNet Instan terbentuk).
OKB Club Indonesia – http://www.okbclub.com
4
co
m
Š Driver
: Driver untuk modem yang terpasang
Š Browser : Internet Explorer atau Netscape Navigator/Comunicator.
Internet Explorer biasanya telah ada didalam Windows 9x/2000.
Netscape Navigator/Comunicator bisa di download nanti setelah
Anda terkoneksi ke internet.
CATATAN :
Gambar 1.1: Koneksi ke TelkomNet bisa mencapai 44 Kbps s/d 56 Kbps
Komputer yang diperlukan untuk mengakses internet sebaiknya memiliki
spesifikasi seperti berikut:
MINIMAL:
Setara dengan i486 DX4-100 Mhz
16 MB
850 MB
1 MB
14.4 Kbps
Windows '95, Linux atau MacOS
:
:
:
:
:
:
:
Celeron 333 Mhz, PII-300 Mhz atau lebih
32 MB
4.3 MB
56 Kbps
Bebas
2 MB atau lebih
Windows '95/'98/2000/NT
w.
Prosesor
Memori
Hard Disk
Modem
Sound Card
SVGA Card
Sistem Operasi
OK
DISARANKAN:
1.4 INSTALASI DIAL-UP NETWORKING WIN
95/98
BC
:
:
:
:
:
:
Driver untuk modem yang terpasang biasanya juga telah terinstal didalam
komputer (jika Anda membelinya bersama komputer Anda). Tetapi jika belum,
Anda harus menginstalnya sendiri. Program driver untuk modem tertentu ada
didalam CD instalasi Windows. Jika tidak ada, maka Anda memerlukan
disket/CD bawaan yang disertakan saat Anda membeli modem.
lu
1.3 SPESIFIKASI KOMPUTER
Prosesor
Memori
Hard Disk
SVGA Card
Modem
Sistem Operasi
Program Dial-Up Networking dan protokol TCP/IP biasanya telah ada
secara default didalam sistem windows. Jika dikomputer Anda belum ada,
maka Anda memerlukan CD instalasi Windows 95/98 untuk melakukan
instalasi sendiri. Lihat Sub Bab 'Instalasi Dial-Up Networking'.
b.
•
Dari sisi software, komputer Anda harus telah diinstalasi dengan beberapa
software dan driver seperti berikut ini:
Sebelum melakukan instalasi dan seting Dial-Up, ada baiknya Anda memeriksa
dahulu apakah didalam komputer Anda telah terinstal Dial-Up atau belum.
Caranya, dari layar desktop dobel klik ikon My Computer. Periksa apakah
didalamnya sudah ada ikon Dial-Up Networking. Biasanya Dial-Up Networking
telah terinstal secara default (lihat gambar 1.2).
Jika ikon Dial-Up Networking tidak ada, siapkan CD instalasi Windows 95/98,
terutama jika program sumbernya tidak ada didalam HardDisk (biasanya di sub
dir C:\WIN95 atau C:\WIN98) dan lakukan setup berikut:
1. Dobel-klik ikon 'My Computer'.
2. Dari dalam 'My Computer, dobel-klik ikon 'Control Panel'.
3. Dari dalam 'Control Panel', dobel-klik ikon 'Add/Remove Programs'.
ww
Š Dial-Up : Program 'Dial-Up Networking'
Š Protokol : TCP-IP
OKB Club Indonesia – http://www.okbclub.com
5
OKB Club Indonesia – http://www.okbclub.com
6
Dari dalam 'Add/Remove Programs properties', klik tab 'Windows
Setup'. Klik gambar telepon dengan label 'Communications' dan lanjutkan
dengan meng-klik tombol 'Details …'.
5.
Aktifkan 'Dial-Up Networking' dengan meng-klik kotak check box yang ada
didepan ikon 'Dial-Up Networking'. Lanjutkan dengan menekan tombol 'OK'.
6.
Klik 'OK' lagi pada tampilan 'Add/Remove Programs Properties' yang
muncul. Maka komponen Dial-Up Networking akan diinstal otomatis dan
setelah itu akan muncul keterangan bahwa setelah keluar dari fungsi
'Add/Remove Programs', Anda harus melakukan restart ulang sebelum bisa
menggunakannya. Klik 'OK'.
b.
co
m
4.
Restart komputer dengan meng-klik tombol Start Æ Shut Down… Æ
Restart Æ OK (sambil menekan tombol [Shift]). Lepaskan penekanan
tombol [Shift] setelah teks "Windows is now restarting…." muncul.
lu
7.
Gambar 1.2: Dial-Up Networking biasanya sudah ada secara default
1.5 MEMBUAT KONEKSI BARU KE TelkomNet
BC
Anda harus membuat koneksi baru untuk dapat mengakses internet melalui
TelkomNet Instan. Berikut adalah cara instalasinya:
Dobel-klik ikon 'Dial-Up Networking'. Kemudian dobel-klik ikon 'Make
New Connection'.
ww
w.
OK
1.
Gambar 1.4: Teks TelkomNet bisa diganti apa saja
Gambar 1.3: Instalasi komponen Dial-Up Networking jika belum ada
OKB Club Indonesia – http://www.okbclub.com
7
OKB Club Indonesia – http://www.okbclub.com
8
m
1.6 INSTALASI PROTOKOL TCP/IP
Sebelum melakukan instalasi protokol TCP/IP pada Windows 95/98, periksalah
terlebih dahulu apakah dikomputer Anda telah terinstal protokol ini atau belum.
Caranya, klik berturut-turut Start Æ Settings Æ Control Panel, kemudian
dobel-klik ikon Network. Periksa pada tab Configuration, apakah terdapat
protokol TCP/IP (lihat gambar 1.7).
Isi kolom Area code: dan Telephone number: dengan nomor telepon
TelkomNet sesuai tabel 1. Jika Anda menggunakan nomor 080989999,
kosongkan kolom Area code:, lalu klik tombol 'Next'.
lu
b.
3.
Pada kolom dibawah teks 'Type a name for the computer you are
dialing:', ketiklah nama tujuan koneksinya, misalnya TelkomNet (Anda boleh
menggantinya dengan nama yang lain). Lanjutkan dengan menekan tombol
'Next'.
co
2.
w.
OK
Pada tampilan yang kemudian muncul, klik tombol 'finish'. Setelah itu,
didalam folder Dial-Up Networking akan muncul ikon untuk koneksi ke
TelkomNet. SELESAI.
ww
4.
BC
Gambar 1.5: Isi Telephone number dengan nomor telpon TelkomNet (tabel 1)
Jika ternyata protokol TCP/IP belum ada, mungkin Anda akan memerlukan CD
instalasi Windows 95/98 untuk melakukan instalasi sendiri, terutama jika source
program Windows 95/98 Anda tidak ada didalam Hard Disk. Source program
Windows 95/98 biasanya disimpan di sub direktori C:\WIN95 atau
C:\WIN98.
Berikut ini adalah cara instalasi protokol TCP/IP:
1. Klik berturut-turut tombol Start Æ Settings Æ Control Panel.
2.
Gambar 1.6: Setelah instalasi selesai, akan terbentuk ikon TelkomNet
OKB Club Indonesia – http://www.okbclub.com
Gambar 1.7: Komponen Network minimal untuk dapat mengakses TelkomNet
9
Dobel-klik ikon Network dan klik tombol Add Æ Protocol Æ Add Æ
Microsoft Æ TCP/IP Æ OK. Jika Windows Anda sebelumnya diinstal dari
CD Windows 95/98 (bukan dari Hard Disk), maka Anda akan diminta untuk
OKB Club Indonesia – http://www.okbclub.com
10
lu
b.
co
m
memasukkan CD tersebut. Jika instalasi sebelumnya berasal dari HardDisk,
Anda tidak perlu CD Windows 95/98 lagi.
BC
Gambar 1.9: Setting DNS (hanya opsi, tidak harus dilakukan)
Cara melakukan setting DNS:
Gambar 1.8: Instalasi protokol TCP/IP
OK
1.7 SETTING DNS
w.
Sebenarnya, TelkomNet telah menggunakan perangkat yang cukup canggih. Anda
hampir tidak perlu men-set apapun jika dikomputer Anda telah terpasang
program Dial-Up Networking dan protokol TCP/IP dengan benar. Penulis telah
berbulan-bulan mengakses TelkomNet tanpa men-set DNS dan Proxy sama
sekali. Namun demikian, TelkomNet menyediakan setting DNS dan Proxy untuk
jaga-jaga jika terjadi gangguan akses, misalnya Anda tidak dapat mengakses
telkom dengan nama domain-nya (http://www.telkom.net.id) padahal Anda bisa
mengakses alamat IP-nya (http://202.134.0.137).
Berikut adalah setting DNS dan Proxy yang disarankan:
: 202.134.0.155
: 202.134.2.5
(atau dikosongkan)
(atau dikosongkan)
ww
DNS Primary
DNS Secondary
OKB Club Indonesia – http://www.okbclub.com
11
1.
Dobel-klik 'My Computer'.
2.
Dobel klik 'Dial-Up Networking'.
3.
Klik tombol mouse kanan saat kursor berada pada ikon 'TelkomNet'.
4.
Pilih 'Properties', klik tab 'Server Types' dan klik tombol 'TCP/IP
Settings…'
5.
Klik 'Specify name server addresses' dan isikan nomor-nomor DNS nya.
Biarkan setting yang lain apa adanya.
1.8 SETTING PROXY
Sebagaimana dengan setting DNS, dalam keadaan normal setting proxy sama
sekali tidak diperlukan karena akan dilakukan secara 'otomatis' di sisi Telkom
(transparan di sisi user) dan tidak tergantung pada browser yang digunakan!
Meski tidak diperlukan, tetapi mungkin suatu saat Anda akan memerlukannya jika
OKB Club Indonesia – http://www.okbclub.com
12
m
terjadi gangguan atau kelainan yang membuat Anda bisa mengakses home page
tertentu, tetapi tidak bisa mengakses situs-situs yang lain.
Berikut adalah setting DNS dan Proxy yang disarankan:
co
Proxy
: proxies.telkom.net.id (atau dikosongkan)
Port HTTP
: 8080
(atau dikosongkan)
Port SOCKS : 1080
(atau dikosongkan)
b.
Cara melakukan setting Proxy:
A. Jika Anda menggunakan Netscape Navigator :
Dari dalam browser, klik menu 'Options' Æ 'Network Preferences…'.
Pilih tab 'Proxies' dan klik 'Manual Proxy Configuration' dan klik
tombol 'View…'.
3. Isi kolom FTP Proxy: dengan proxies.telkom.net.id dan isi kolom Port
dengan 8080.
4. Isi kolom HTTP Proxy: dengan proxies.telkom.net.id dan isi kolom
Port dengan 8080.
5. Isi kolom SOCKS Host: dengan proxies.telkom.net.id dan isi kolom
Port dengan 1080.
B. Jika Anda menggunakan Netscape Comunicator :
BC
Dari dalam browser, klik menu 'Edit' Æ 'Preferences…'.
Klik tanda [+] didepan teks 'Advanced' dalam kolom 'Category'.
Pilih 'Proxies' dan klik 'Manual Proxy Configuration' dan teruskan
dengan meng-klik tombol 'View…'.
4. Isilah kolom-kolom yang ada dengan alamat proxy dan port dengan
setting sama seperti setting untuk Netscape Navigator (A.3. s/d A.5.).
C. Jika Anda menggunakan Internet Explorer :
w.
Klik berturut-turut tombol Start Æ Settings Æ Control Panel.
Dobel-klik ikon 'Internet Options' dan klik tab 'Connections'.
Klik TelkomNet yang ada didalam kolom 'Dial-Up Settings' dan klik
tombol 'Settings…'.
Klik check box 'Use a proxy server' didalam kolom 'Proxy server'.
Klik tombol 'Advanced' dan isi kolom-kolom yang ada dengan alamat
proxy dan port menggunakan setting yang sama seperti setting untuk
Netscape Navigator diatas (A.3. s/d A.5.).
ww
4.
5.
OK
1.
2.
3.
1.
2.
3.
lu
1.
2.
OKB Club Indonesia – http://www.okbclub.com
13
Gambar 1.10: Setting Proxy juga tidak harus dilakukan
1.9 MEMULAI KONEKSI KE TELKOMNET
Untuk memulai melakukan koneksi ke internet melalui TelkomNet Instan,
lakukan cara berikut:
1.
Dobel-klik ikon TelkomNet yang ada didalam folder Dial-Up Networking.
Isilah kolom-kolom yang ada sesuai lokasi dari mana Anda melakukan
koneksi ke TelkomNet. Klik kotak check box didepan teks Save password
jika Anda ingin supaya kode User name dan Password yang Anda masukkan
diingat terus oleh komputer sehingga lain waktu Anda tidak perlu mengetikkan
nama dan kode password lagi saat ingin melakukan koneksi ke TelkomNet.
Pada prakteknya, hanya nama dan kode password sajalah yang harus Anda isi
karena nomor telepon TelkomNet telah terisi secara otomatis saat Anda
melakukan setting koneksi ke TelkomNet. Sementara itu Anda bisa
mengabaikan pilihan yang ada didalam kolom Dialing from:. Setelah nama
dan kode password terisi dengan benar, klik tombol 'Connect'.
OKB Club Indonesia – http://www.okbclub.com
14
m
Gambar 1.13: Ikon koneksi muncul setelah modem terhubung ke ISP
co
Untuk memutus hubungan dengan TelkomNet, klik tombol 'Disconnect' (lihat
gambar 1.1). Untuk menghilangkan tampilan koneksinya, klik tombol 'OK'.
b.
Dalam kondisi ini, Anda telah terhubung ke internet dan dapat segera mulai
melakukan surfing menggunakan Internet Explorer atau Netscape Navigator
atau mulai membuka-buka e-mail POP3 menggunakan Outlook Express atau
Eudora.
TIPS :
Gambar 1.11: Klik Connect untuk memulai koneksi ke TelkomNet
w.
OK
BC
2. Dalam waktu kurang dari 50 detik, komputer Anda akan tersambung dengan
TelkomNet dan komputer akan memunculkan keterangan bahwa Anda telah
terhubung ke TelkomNet. Klik tombol 'Close' untuk menutup keterangan
tersebut.
lu
Untuk mengetahui secara langsung berapa biaya telepon yang Anda
keluarkan saat terhubung ke internet (seperti counter pulsa di
wartel), Anda dapat menggunakan program LogTick. Program ini
bisa di download gratis dari: http://semuagratis.cjb.net
Gambar 1.12: Tampilan jika Anda berhasil terhubung ke TelkomNet
Untuk mengetahui kecepatan koneksi Anda ke internet melalui TelkomNet,
dobel-klik ikon berbentuk dua komputer kecil yang saling terhubung di area
status task bar, tepatnya disebelah kanan bawah layar monitor, biasanya
berada disebelah kanan ikon speaker (gambar 1.13).
ww
3.
OKB Club Indonesia – http://www.okbclub.com
15
1.10 ANDA PERLU BANTUAN?
Penulis telah berusaha menyampaikan semua hal yang berhubungan dengan tata
cara koneksi ke TelkomNet Instan untuk dapat mengakses internet melalui ISPGratis TelkomNet sehingga seharusnya setelah membaca bab atau langkah yang
pertama ini (dan mempraktekannya), Anda akan langsung bisa berselancar di
internet tanpa hambatan. Namun jika Anda mendapati sesuatu hal yang masih
perlu dipertanyakan, cobalah kunjungi situs TelkomNet Instan di
http://www.plasa.com/instan/FAQ-Gangguan.html atau hubungi TelkomNet
melalui telepon untuk melakukan konsultasi lebih lanjut. Berikut adalah nomornomor teleponnya:
Batam
Jabotabek
Jawa Tengah
Jawa Timur
Medan
Palembang
Batam
UjungPandang, Denpasar
:
:
:
:
:
:
:
:
(0778) 169
(021) 3804500 atau 147
162
0800 1 INSTAN (0800 1 467 826)
(061) 530 7000
(0711) 367 000
(0778) 169
162
OKB Club Indonesia – http://www.okbclub.com
16
m
Pada kasus yang lain, alamat e-mail akan digunakan oleh penyedia layanan untuk
mengirimkan User ID dan kode Password. Utamanya jika Anda mendaftar
disebuah layanan online gratis atau ingin men-download program-program
tertentu dari internet.
BAB 2
LANGKAH KE-2:
MENDAPATKAN EMAIL
GRATIS!
co
Setelah Anda bisa mengakses internet, maka memiliki alamat e-mail adalah
suatu keharusan! Sedemikian pentingnya alamat e-mail ini sehingga setelah dapat
mengakses ISP-Gratis, langkah kedua yang harus Anda lakukan adalah
mendapatkan e-mail gratis!
BC
Saat ini, e-mail telah menjadi bagian yang tak terpisahkan dari kehidupan kita.
Hampir setiap teman atau relasi kita menyertakan alamat e-mail dalam kartu
nama mereka dan hampir setiap orang yang kita kenal akan menanyakan alamat email kita saat akan berpisah. Sebagian dari kita bahkan mungkin akan tersipu
malu jika terpaksa harus mengatakan "saya belum punya alamat e-mail!" saat
sang relasi menanyakan alamat tersebut.
lu
b.
Dalam bab ini penulis akan menjelaskan secara detail mengenai tata cara
mendapatkan alamat e-mail di dua penyedia layanan e-mail gratis yang terbaik
dan tercepat saat ini. Sementara itu dibagian akhir bab ini, Anda akan mendapati
sangat banyak alamat dimana Anda bisa mendapatkan alamat e-mail gratis selain
yang akan dijelaskan dibawah.
OK
Didunia internet, alamat e-mail berperan lebih dahsyat lagi. Ia bagaikan satusatunya mata uang yang sah untuk melakukan transaksi. Adalah satu kenyataan
jika di internet orang bisa mendapatkan hampir segala-galanya, informasi,
materi, program, software, pengetahuan dan bahkan uang dolar! Tetapi Anda
harus membayarnya dengan alamat e-mail! Uniknya, alamat-alamat e-mail ini
bisa diperoleh gratis!
ww
w.
Jika Anda mengisi form pendaftaran, form permintaan atau layanan-layanan
internet lainnya, maka permintaan Anda hanya akan diperhatikan jika Anda
mengisi alamat e-mail yang diminta. Sebagian besar diantaranya akan digunakan
oleh penyedia layanan sebagai alat untuk pengecekan ulang. Sebagai contoh, jika
Anda ingin mendaftar ke suatu situs free webspace tertentu, maka saat mendaftar
Anda harus mengisi kolom alamat e-mail. Setelah pendaftaran selesai, Anda akan
dikirimi e-mail yang harus Anda kembalikan lagi ke pengirim (reply) sebagai
tanda bahwa alamat e-mail tersebut benar-benar ada pemiliknya dan benar-benar
serius meminta layanan tersebut.
OKB Club Indonesia – http://www.okbclub.com
17
Gambar 2.1: Anda hanya perlu waktu kurang dari 10 menit untuk mendapat alamat
e-mail gratis dari Yahoo! Mail
2.1 Mendaftar ke YAHOO! Mail
Yahoo! Mail adalah ESP (E-mail Service Provider) berbasis web yang mungkin
paling cepat saat ini. Dengan memiliki account di Yahoo! Mail, Anda akan bisa
menerima, membaca atau mengirim e-mail melalui Web browser seperti
Microsoft Internet Explorer atau Netscape Comunicator. Setelah mendaftar,
OKB Club Indonesia – http://www.okbclub.com
18
m
Anda akan memiliki alamat e-mail [email protected] yang mudah
diingat!
co
Meski secara alami Yahoo! Mail adalah e-mail berbasis WEB, namun Anda
bisa mengkonfigurasinya untuk bisa menjadi e-mail berbasis POP3. Kita akan
mencoba melakukannya nanti.
BC
Buatlah koneksi ke internet (melalui TelkomNet atau yang lain).
Jalankan browser Anda (boleh menggunakan IE atau Netscape).
Arahkan browser Anda ke http://mail.yahoo.com.
Klik tombol 'Sign me up!' untuk mulai mendaftar.
Beberapa saat kemudian akan ditampilkan form pendaftaran. Jangan
langsung diisi karena form ini diperuntukkan khusus untuk user yang berada di
US. Untuk kita yang berada diluar US, klik link "Non-US Sign up form", lalu
isilah form yang ada dengan benar.
OK
1.
2.
3.
4.
5.
lu
Pendaftaran e-mail gratis di Yahoo! Mail sangat sederhana dan
mudah dilakukan. Anda hanya butuh 10 menit atau kurang untuk
dapat memiliki alamat e-mail sendiri! Berikut adalah cara
mendaftarkan diri di Yahoo! Mail.
b.
Yahoo! Mail memberi spasi gratis sebesar 6 Mega Byte untuk menampung suratsurat yang masuk ke alamat e-mail kita. Spasi sebesar ini lumayan besar jika
Anda hanya menerima surat-surat dari teman-teman Anda saja. Akan tetapi akan
menjadi cepat habis jika Anda mendaftar ke banyak mailing list sekaligus. Jadi,
segeralah hapus surat-surat Anda setelah dibaca, terutama jika spasi Anda sudah
mendekati quota yang diberikan.
6. a. Pada kolom Yahoo ID, isi dengan alamat e-mail yang Anda inginkan. Jika
nama Anda adalah Supriyatno, Anda bisa mengisi kolom ini dengan
supriyatno, supri, yatno, syatno atau yang lain. Dalam hal ini alamat e-mail
Anda nantinya akan menjadi [email protected], [email protected],
[email protected] atau [email protected].
b. Password: Isi dengan kode password yang Anda inginkan.
w.
c. Retype password: Isi dengan kode password yang Anda inginkan
(diulang).
d. Question we'll ask: Pilih apa saja yang bisa mengingatkan Anda akan
kode password alternatif jika Anda lupa dengan kode password utama.
Gambar 2.2: Isilah form pendaftaran dengan benar
f. Birthday: Isi dengan tanggal, bulan dan tahun kelahiran Anda.
g. Current Email Address: Kosongkan karena Anda belum punya.
h. People Search Email Listing: Klik check box jika Anda ingin nama
dan alamat e-mail Anda dimasukkan kedalam data base yahoo untuk
memudahkan orang/teman Anda mencari alamat e-mail Anda.
i. Name: Isi dengan nama Anda.
j. Country: Pilih Æ Indonesia.
k. Time Zone: Karena kita berada di Indonesia, pilih GMT +7.
l. Primary Language: Biarkan apa adanya (bahasa Indonesia tidak ada).
m. Gender: Pilih 'male' untuk laki-laki dan 'female' untuk perempuan.
n. Occupation: Pilih keahlian yang cocok dengan Anda.
o. Industry: Pilih dengan institusi tempat Anda bekerja.
p. Klik check box yang ada dibawah pertanyaan langkah o jika ingin
mendapat kiriman berita mengenai produk-produk baru melalui e-mail
Anda.
q. Dibawah kelompok pertanyaan "Tell Us About Your Interests
(Optional)", klik check box yang sesuai dengan minat Anda.
r. Klik tombol 'Submit this form'.
ww
e. Your answer: Isi dengan kode password alternatif.
OKB Club Indonesia – http://www.okbclub.com
19
OKB Club Indonesia – http://www.okbclub.com
20
Ada kemungkinan, nama untuk alamat e-mail yang Anda inginkan telah
dipakai oleh orang lain, karena itu Anda harus menggunakan nama yang unik
agar tidak sama dengan orang lain. Misalnya [email protected],
[email protected], atau [email protected].
dari penyelenggara sebagai ucapan selamat datang! Pada contoh diatas,
penulis mencoba mendaftar dengan nama [email protected], tetapi
ternyata nama ini sudah ada yang memakai. Jadi penulis ganti dengan
[email protected] dan ternyata diterima.
m
7.
BC
lu
b.
co
9. Untuk melihat isi kotak surat yang baru saja dibuat, klik Inbox (1). Angka (1)
menunjukkan bahwa didalam kotak surat kita terdapat 1 buah surat yang
belum pernah dibuka/dibaca isinya.
w.
OK
Gambar 2.3: Gunakan nama yang unik sebagai alamat e-mail Anda
Gambar 2.5: Surat pertama setelah mendaftar di Yahoo! Mail
10. Untuk membaca surat/e-mail yang pertama ini, klik-lah judul dibawah kolom
subject. Untuk menghapus surat, klik check box didepan nama pengirim dan
lanjutkan dengan meng-klik tombol 'Delete'. Untuk menulis dan mengirim email baru, klik 'Compose'. Dan untuk keluar dari Yahoo! Mail, klik 'Sign
Out'.
Sekarang, Anda telah memiliki alamat e-mail. Umumkan kepada dunia bahwa
Anda telah memiliki alamat e-mail. Jangan lupa untuk membuat kartu nama baru,
lengkap dengan alamat e-mailnya!
Jika lain waktu Anda ingin membaca atau mengirim e-mail lagi, Anda tinggal
mengarahkan browser Anda kembali ke http://mail.yahoo.com, mengisi
Yahoo! ID dan Password dan klik tombol 'Sign In'.
Gambar 2.4: Tampilan antar-muka kotak surat di Yahoo! Mail
ww
8. Jika nama yang Anda inginkan diterima, dalam beberapa detik Anda akan
langsung memiliki alamat e-mail baru dan langsung mendapat surat pertama
OKB Club Indonesia – http://www.okbclub.com
21
OKB Club Indonesia – http://www.okbclub.com
22
m
memiliki alamat e-mail [email protected] dengan spasi sebesar 3
Mega Byte (sebelumnya 2 MB). Setting server untuk program e-mail client-nya
sendiri bisa dilihat pada saat Anda pertama kali masuk ke situs TelkomMail.
co
Cara mendaftarnya sangat mudah. Berikut adalah contoh pendaftaran di
TelkomMail untuk mendapatkan alamat e-mail [email protected] atau
[email protected] yang nantinya akan kita gunakan dalam proyek
pembuatan HomePage Serba-Gratis ini.
Gambar 2.6: Surat pertama Anda berisi ucapan selamat datang dari Yahoo!
BC
2.2 TELKOM MAIL, E-MAIL GRATIS BERBASIS
POP3
lu
b.
1. Arahkan browser Anda ke alamat http://mail.telkom.net.
OK
Setelah memiliki alamat e-mail di Yahoo!, Anda harus menggunakan browser
(Internet Explorer atau Netscape) untuk dapat membaca dan mengirim e-mail
(kecuali dengan seting khusus yang akan dijelaskan dibawah). Anda tidak bisa
menggunakan software pembaca e-mail yang lebih cepat seperti Microsoft
Outlook, Netscape Mail atau Eudora misalnya. Untuk bisa membaca surat
dengan program-program yang disebutkan diatas, e-mail Anda harus berada di
server yang menjalankan protokol post office versi 3 atau yang dikenal dengan
POP3 (Post Office Protocol 3) untuk membuka e-mail dan menjalankan protokol
SMTP (Simple Mail Transfer Protocol) untuk mengirim e-mail.
w.
Saat ini di internet ada banyak sekali layanan e-mail gratis berbasis
POP3/SMTP. Anda bisa melihatnya dibagian akhir bab ini. Sekarang, mari kita
mendaftar
disalah
satu
diantaranya,
yakni
di
TelkomMail
(http://mail.telkom.net).
ww
TelkomMail adalah layanan e-mail berbasis POP3/SMTP gratis dari Indonesia
(TELKOM). Setahu penulis, TelkomMail adalah layanan e-mail gratis berbasis
POP3/SMTP yang paling cepat saat buku ini ditulis, mungkin karena
pelanggannya masih sedikit (sekitar 120 ribu pada akhir Desember 2000) dan
mail server-nya berada di Indonesia. Setelah selesai mendaftar, Anda akan
OKB Club Indonesia – http://www.okbclub.com
23
Gambar 2.7: Kunjungi http://mail.telkom.net untuk mendapatkan e-mail POP3
2. Klik link 'REGISTRASI'. Beberapa saat kemudian akan tampil persyaratan
dan aturan main untuk bisa mendaftar dan memiliki account di TelkomMail.
Diantaranya adalah bahwa Anda tidak boleh menggunakan nama alamat email yang tidak pantas/tidak sopan, tidak boleh menggunakan TelkomMail
untuk melalukan SPAMMING serta besar spasi yang akan diberikan kepada
Anda (3 MB). Satu hal lagi yang harus Anda parhatikan adalah bahwa surat
yang tidak dibaca dalam waktu 2 minggu setelah masuk, akan dihapus oleh
TelkomMail! Jika Anda setuju dengan aturan mainnya, klik tombol
'SETUJU'. Jika tidak setuju, klik 'TIDAK'.
OKB Club Indonesia – http://www.okbclub.com
24
m
= [email protected]
= pop3.telkom.net
= smtp.telkom.net
co
Jika nama yang Anda inginkan sudah dipakai orang lain, atau jika terdapat
satu atau lebih kolom yang belum terisi, maka akan muncul pesan 'error'.
Anda harus menekan tombol 'Back' pada browser Anda dan mengulanginya
kembali dengan nama lain atau isian yang benar. Jika segala sesuatunya telah
'beres', Anda akan menerima pesan yang kira-kira seperti tampak pada
gambar 2.8 dan sejak saat itu Anda bisa mengirim atau menerima e-mail baru
berbasis POP3 menggunakan software Ms Outlook Express, Eodora Pro atau
yang lain!
E-Mail Account
POP server
SMTP server
CATATAN :
Sampai saat buku ini ditulis, TelkomMail masih terus melakukan
pembenahan. Tampilan gambar 2.8 mungkin berbeda jika Anda
mendaftar ke TelkomMail sekarang (ketika buku ini telah terbit).
b.
4.
Jika Anda setuju dan meng-klik tombol 'SETUJU', dilayar akan ditampilkan
form pendaftaran. Diantara yang ditanyakan adalah; "Nama depan", "Nama
belakang", "Jenis kelamin", "Tanggal lahir", "Alamat", "Kota", "Kodepos",
"Propinsi", "Negara", "No. telepon", "Pekerjaan" "Income per bulan",
Username", "Password" dll. Isilah kolom-kolom dalam form pendaftaran
tersebut dengan benar. Periksa lagi semuanya dan setelah tidak ada kolom
yang kosong, klik tombol 'Submit'.
2.3 SET-UP YAHOO!MAIL AGAR MENDUKUNG
POP3 !
lu
3.
w.
OK
BC
Dengan memiliki 2 buah alamat e-mail diatas, sebenarnya kita telah memiliki
alamat e-mail yang lengkap. Satu alamat e-mail berbasis Web dan satunya lagi
berbasis POP3. Alamat yang berbasis Web bisa kita buka dimana saja sepanjang
komputernya memiliki browser untuk mengakses internet. Sementara alamat yang
berbasis POP3 bisa kita buka dengan cepat dalam komputer-komputer yang
dilengkapi dengan program-program pembaca e-mail seperti Outlook Express,
Eudora, Netscape Mail dan lain sebagainya.
Gambar 2.8: Tampilan yang akan muncul jika semua isian benar
Meski demikian, ada satu hal menarik yang bisa kita lakukan pada alamat e-mail
kita yang ada di Yahoo! Mail. Yakni bahwa ia juga bisa kita konfigurasi agar
mendukung protokol POP3. Hasilnya luar biasa, sebuah alamat e-mail dengan 2
macam basis protokol, yakni Web dan POP3. Ini bisa menjadi alternatif mudah
bagi Anda yang sebelumnya telah memiliki alamat e-mail di Yahoo! dan ingin
dapat membukanya dengan Eudora atau Ms. Outlook Express.
Berikut adalah cara setting agar e-mail Anda di Yahoo! Mail juga mendukung
protokol POP3!
1.
2.
Masuklah ke desktop e-mail Anda seperti biasa (http://mail.yahoo.com).
Klik link 'Options'. Setelah menu Options muncul, klik link 'POP
Access & Forwarding'.
3. Klik radio button didepan pilihan Yes dibawah menu Sign Up.
ww
Untuk membaca dan mengirim e-mail dengan Eudora atau Outlook Express,
setting e-mail yang harus Anda lakukan adalah :
OKB Club Indonesia – http://www.okbclub.com
25
OKB Club Indonesia – http://www.okbclub.com
26
m
Pada Step 1, pilihlah Web and POP Acces untuk mendapatkan
fasilitas akses POP3 dan pada Step 2, pilihlah HTML messages agar
Anda bisa menerima gambar dan link dalam e-mail.
Gambar 2.9: Pilihlah 'Yes' untuk mendapatkan fasilitas khusus POP3
lu
b.
co
9.
Gambar 2.10: Pilihan untuk mendapatkan fasilitas akses POP3 atau forwarding
10. Klik tombol 'Submit' untuk mendaftar.
BC
4. Klik kotak-kotak check box dibawah menu 'Select your interests'
sesuai minat Anda. Materi-materi yang Anda pilih adalah materi iklan
yang nantinya akan dikirim secara berkala ke alamat e-mail Anda.
Meski Anda bisa memilih semuanya, pilihlah 1 atau 2 saja agar iklan
yang masuk ke alamat Anda menjadi minimal.
11. SELESAI. Sekarang akan muncul tampilan setting server yang dapat
digunakan untuk menangani e-mail POP3 Anda. Cetaklah halaman ini atau
catat untuk keperluan setting di Outlook Express atau Eudora nanti.
5. Biarkan pilihan 'Send offers to:' berisi alamat e-mail Anda.
OK
6. Pada pilihan 'Select frequency:', klik radio button didepan teks
'Once a week' agar Anda hanya mendapat kiriman 'iklan' sekali
seminggu saja untuk menghemat ruang.
7. Pada pilihan 'Email client can read:', klik radio button didepan
teks 'HTML formatting' agar Anda dapat menampilkan gambar dan
link dalam program pembaca e-mail Anda.
ww
w.
8. Klik tombol 'Finished'. Setelah itu Anda akan dihadapkan pada
tampilan pilihan apakah Anda ingin dapat membaca e-mail dengan
basis Web dan POP3 atau melakukan fungsi forwarding (melempar
e-mail yang diterima kealamat e-mail yang lain) saja.
OKB Club Indonesia – http://www.okbclub.com
Gambar 2.11: Setting server POP3 Anda yang baru
27
OKB Club Indonesia – http://www.okbclub.com
28
Setelah konfigurasi POP3/SMTP selesai dilakukan, seting mail server Yahoo!
Mail-nya akan menjadi seperti ini :
m
11. Klik radio button didepan label Connect using my phone line karena kita
akan menggunakan saluran telepon untuk koneksi ke TelkomNet.
: pop.mail.yahoo.com
: smtp.mail.yahoo.com
: nama_anda (tanpa "@yahoo.com")
: [email protected]
: password Anda (tidak berubah)
co
Incoming Mail (POP3) Server
Outgoing Mail (SMTP) Server
Account/Login Name
E-mail address
Password
10. Isi kolom dibawah Internet mail account name: dengan nama yang mudah
diingat, misalnya 'Yahoo!'. Klik “Next”.
12. Klik tombol Finish untuk mengakhiri setting.
BC
Berikut adalah cara setting Outlook Express untuk membaca dan mengirim email melalui Yahoo! Mail.
lu
2.4 SET-UP OUTLOOK EXPRESS UNTUK
MEMBUKA YAHOO! MAIL
b.
Anda harus selalu menggunakan data diatas untuk melakukan setting pada semua
program pembaca e-mail.
1.
Jalankan program Outlook Express. Dari menu Tools, pilih Accounts.
2.
Pilih tab Mail dan klik tombol Add Æ Mail….
Gambar 2.12: Tampilan internet Account Outlook Express setelah setting selesai
Dalam kotak berlabel Display Name, ketik nama Anda dan kemudian klik
“Next”.
4.
Dalam kotak Email address, ketik alamat e-mail Anda secara lengkap
(termasuk "@yahoo.com").
5.
Pilih POP3 untuk menjawab pertanyaan "My incoming mail server is
a……. server".
OK
3.
Setting diatas secara default akan mengakibatkan semua e-mail Anda yang
berada di server Yahoo! akan dihapus otomatis setelah selesai dibaca / didownload ke komputer Anda. Jika Anda menginginkan agar file-file e-mail Anda
tetap berada di server meski telah dibaca (supaya dilain waktu bisa dibaca lagi
menggunakan web browser), lakukan set-up Outlook Express sebagai berikut:
Dalam kotak Incoming (POP3 or IMAP), ketik: pop.mail.yahoo.com
1.
7.
Dalam kotak Outgoing (SMTP), ketik: smtp.mail.yahoo.com
2.
Klik ganda account yang dberi label Yahoo! dan kemudian pilih tab
Advanced.
3.
Pada area Delivery, klik check box didepan label 'Leave a copy of
messages on server' dan klik tombol "OK". Jika suatu saat nanti Anda ingin
agar file-file e-mail di server Yahoo! dihapus otomatis setelah dibaca,
hilangkan lagi tanda check box ini.
w.
6.
8. Klik “Next”. Dalam kotak Account name, ketik nama alamat e-mail Anda
(tanpa "@yahoo.com").
ww
9. Dalam kotak Password, ketik kode password Anda. Biarkan radio button
didepan teks Log on using Secure Password Authentication (SPA).
Kemudian klik “Next”.
OKB Club Indonesia – http://www.okbclub.com
29
Dari menu Tools, pilih Accounts…, lalu pilih tab Mail.
OKB Club Indonesia – http://www.okbclub.com
30
2.5 MEMBURU PENYEDIA LAYANAN E-MAIL
GRATIS!
co
2.5.2 Penyedia Layanan E-Mail Berbasis WEB Gratis!
http://freemail.263.net
http://www.crosswinds.net
http://www.geocities.com
http://www.gmx.net
OK
263.net
Crosswinds
GeoCities
Global
Message
Exchange
Mail.ru
NetTaxi
Polbox
Riftwar
SoftHome
Telebot (+voicemail)
TelkomMail
Tfz.net
Tomcat
Tonghua
Tutorial
ww
w.
http://win.mail.ru/cgi-bin/splash
http://www.nettaxi.com
http://www.polbox.com
http://www.riftwar.com
http://www.softhome.net
http://www.telebot.net
http://mail.telkom.net
http://mail.tfz.net
http://www.tomcat.ru/mailbox
http://www.tonghua.com.cn
http://www.tutorials.com
OKB Club Indonesia – http://www.okbclub.com
163 Net
2BMail
5Start
888.nu
AlloyMail
AmexMail
Altavista
Angelfire
Anti-social
ApexMail
ArcadeMaster
Artic.net
Asian City
AstrosFan
Backpackers
BaseMail (Portugis)
BBoy.com
Bellsouth
BigAssMail
BimaMail
Biz.st
Busymail
ByteMe
Catcha
CCNMail
CewekCantik
CHEK
Chickmail
ChinaLook
Christianmail.net
ClubVDO
CMPnet
http://www.163.net
http://www.2bmail.co.uk
http://www.5star.net
http://www.888.nu
http://www.alloymail.com
http://www.amexmail.com
http://altavista.iname.com
http://email.angelfire.com
http://www.anti-social.com
http://www.apexmail.com
http://www.arcademaster.com
http://www.artic.net/posti
http://www.asiancityweb.com
http://www.astrosfan.net
http://www.backpackers.com
http://www.basemail.com
http://www.bboy.com
http://www.bellsouth.com
http://mail.bigassweb.com
http://www.bimamail.com
http://www.biz.st
http://www.busymail.com
http://WWW.Byteme.com
http://www.catcha.co.id
http://www.ccnmail.com
http://www.cewekcantik.com
http://mail.chek.com
http://www.chickmail.com
http://www.chinalook.com
http://www.christianmail.net
http://www.clubvdo.net
http://www.cmpnetmail.com
lu
2.5.1 Penyedia Layanan E-Mail POP3 & SMTP Gratis!
Alamat Home Page
Alamat Home Page
BC
Sebenarnya, alamat-alamat ini tidak ada gunanya lagi jika Anda telah memiliki
alamat e-mail di Yahoo! dan di TelkomNet. Akan tetapi jika Anda masih
merasa kurang, berikut penulis pilihkan sebagian daftar penyedia layanan e-mail
gratis lain yang banyak digemari karena kemudahan dan fasilitasnya (banyak
diantaranya bahkan menyediakan spasi lebih dari 5 Mbyte!).
Penyedia Layanan
b.
Mungkin Anda tidak percaya, akan tetapi inilah kenyataannya. Saat buku ini
ditulis, dari 39 juta situs web yang ada di internet, lebih dari 20 ribu diantaranya
adalah penyedia layanan e-mail gratis! Cobalah kunjungi beberapa situs yang
menyediakan fasilitas search engine seperti http://www.altavista.com,
http://www.google.com atau http://www.yahoo.com. Lalu ketik "free e-mail"
dan klik 'GO'. Ikutilah link-link yang disodorkan dan Anda akan mulai pusing
sendiri melihat banyaknya link ke penyedia layanan e-mail gratis yang ada di
jagad ini!
Penyedia Layanan
http://mail.yahoo.com
http://windoms.sitek.net
m
Yahoo!
Windom's
31
OKB Club Indonesia – http://www.okbclub.com
32
OKB Club Indonesia – http://www.okbclub.com
http://www.hitthebeach.com
http://freemail.hongkong.com
http://www.hotmail.com
http://www.id-base.net/Mail
http://www.ignmail.com
http://www.imaginemail.com
http://email.ivillage.com
http://www.jamaicamail.com
http://www.jpostmail.com
http://www.jewishmail.com
http://www.jmail.co.jp
http://www.justicemail.com
http://tw.joymail.com
http://www.kmail.com.au
http://mail.kmsp.com
http://www.kompas.com
http://mail1.korea.com
http://www.latinolink.com
http://www.edmail.com
http://www.liquidinformation.net
http://www.looksmart.com
http://www.lycosemail.com
http://www.mailbox.sk
http://www.mailcity.com
http://www.mailexcite.com
http://www.mail.forum.dk
http://www.mauimail.com
http://mail.medsite.com
http://www.megapoint.com/roam
http://www.mixmail.com
http://www.mrpost.com
http://www.myownemail.com
http://www.myworldmail.com
http://www.n2mail.com
http://nasicampur.net
http://www.netaddress.com
http://www.nimail.com
http://www.nj.com/njoemail
lu
b.
co
m
Hit The Beach
Hongkong.com
HoTMaiL
Id-base
IGNMail
Imageinemail
IVillage
Jamaicamail
Jerusalem Post
JewishMail
JMail
JusticeMail
Joymail
Kmail
KMSP
Kompas
Korea.com
Latino Link
Lightspan EdMail
Liquid Information
Looksmart
LycosEmail
Mailbox.sk
MailCity
MailExcite
MailForum
MauiMail
Medsite
MegaPoint
Mixmail
Mr. Post
MyOwnEmail
MyWorldMail
N2mail
NasiCampur
NetAddress
Netizen Islands Mail
NJOEmail
BC
w.
OK
http://www.email.ro
http://www.coldmail.com
http://www.coolmail.com
http://www.cynetcity.com
http://www.dwp.net
http://www.detik.com
http://www.dejanews.com
http://www.disctara.com
http://mail.dog.com
http://www.easypost.com
http://www.educastmail.com
http://www.ehmail.com
http://ekilat.com
http://www.email.com
http://www.splendiferous.com
http://www.eudoramail.com
http://www.ethos.st
http://fetchmail.com
http://www.fiberia.com
http://mail.finfin.com
http://www.flairmail.com
http://www.flashemail.com
http://www.flashmail.com
http://www.fnmail.com
http://www.focus-asia.com
http://www.fcmail.com
http://www.freeaccount.com
http://www.freemail.com.au
http://www.freemail.nl
http://www.freemail.co.za
http://www.londonoffice.com
http://www.gnwmail.com
http://mail.gocubs.com
http://www.goplay.com
http://www.worldmailer.com
http://www.gurlmail.com
http://mail.happypuppy.com
http://www.hello.net.au
ww
CODEC
Coldmail
Coolmail
Cynetcity
Daily Web Planner
Detik
DejaNews
DiscTara
DogMail
Easypost
Educastmail
Ehmail
eKilat
Email.com
England Email
Eudora Web-Mail
Ethos.st
Fetchmail
Fiberia
FinFin
FlairMail
Flashemail
Flashmail
FnMail
Focus-Asia
Fortune City Mail
FreeAccount
FreeMail (Australia)
FreeMail (Dutch)
FreeMail (South Africa)
Friendly Email
GNWMail
GoCubs (Chicago Cubs)
GoPlay!
GroupWeb
Gurlmail
Happy Puppy
Hello.net.au
33
OKB Club Indonesia – http://www.okbclub.com
34
m
2.5.3 Penyedia Layanan E-Mail Dengan Nama Unik!
b.
Meksipun daftar diatas sudah sangat banyak, akan tetapi mungkin nama domain
untuk alamat e-mail yang ada masih tidak memuaskan Anda. Ok. Berikut adalah
sebuah alternatif dimana Anda bisa memiliki alamat e-mail dengan nama domain
unik, lucu, menunjukkan suatu lokasi tertentu, menunjukkan profesi yang Anda
geluti dll. Sebagai contoh, jika profesi Anda adalah seorang dokter, maka Anda
bisa memiliki alamat e-mail [email protected]
atau
[email protected].
BC
lu
Jika Anda tertarik, alamat yang harus Anda kunjungi untuk mendaftar adalah
http://www.mail.com. Untuk mendaftar, klik "New Member SIGN UP".
Pada langkah pertama proses pendaftaran, Anda dapat langsung memilih nama
domain yang Anda inginkan, diantaranya adalah :
DOMAIN TERLARIS: mail.com, cheerful.com, europe.com, myself.com,
post.com, consultant.com, techie.com, usa.com, writeme.com.
w.
OKB Club Indonesia – http://www.okbclub.com
http://www.ynnmail.com
http://www.zzn.com
http://www.zensearch.net
http://www.zdnetmail.com
co
YNNMail
ZapZone
ZenSearch
ZDNetmail
OK
http://www.netnet.com.sg
http://www.newmail.net
http://www.operamail.com
http://bstar.net/panda
http://www.parsmail.com
http://www.pemail.net
http://philippines.to
http://www.pinoymail.com
http://www.planetarymotion.com
http://www.pop3now.com
http://www.popmail.com
http://www.post.cz
http://www.post.sk
http://www.postmark.net
http://www.postmaster.co.uk
http://www.pousa.com
http://www.prontomail.com
http://www.quikmail.com
http://www.RaceMail.com
http://www.rocketmail.com
http://www.safarimail.com
http://www.salu.net
http://www.satunet.com
http://www.sawasdee.com
http://www.sentrismail.com
http://mail.starting-point.com
http://www.storksite.com
http://www.supernews.com
http://www.unbounded.com
http://www.visto.com
http://www.walla.co.il
http://www.webmails.com.
http://www.whomail.net
http://www.wowmail.com
http://www.xoommail.com
http://mail.yahoo.com
http://www.yawmail.com
http://freemail.yeehaa.com
ww
NetNet@Mail
NewMail
OperaMail
PandaMail
Parsmail
PersonalConnections
Philippines.to
Pinoymail
Planetary Motion
Pop3Now
Popmail
Post.cz
Post.sk
PostMark
Postmaster
PO USA
ProntoMail
QuikMail
RaceMail
RocketMail
Safarimail
Salu.net
Satunet
Sawasdee
SentrisMail
Starting Point
Stork Site
Supernews
Unbounded
Visto
Walla!
Webmails
Whomail
Wowmail
Xoomail
Yahoo! Mail
Yawmail
Yeehaa
DOMAIN LUCU/MINAT: 2die4.com, artlover.com, cliffhanger.com,
bikerider.com, catlover.com, cutey.com, doglover.com, gardener.com, hotshot.com, inorbit.com, loveable.com, playful.com, poetic.com, popstar.com,
saintly.com, mad.scientist.com, seductive.com, soon.com, whoever.com,
winning.com, witty.com, yours.com.
DOMAIN TEMPAT: africamail.com, arcticmail.com, asia.com,
australiamail.com, europe.com, japan.com, samerica.com, usa.com.
DOMAIN KOTA: berlin.com, dublin.com, london.com, madrid.com,
moscowmail.com, munich.com, nycmail.com, paris.com, rome.com,
sanfranmail.com, singapore.com, tokyo.com.
DOMAIN PROPFESI: accountant.com, adexec.com, allergist.com,
alumnidirector.com, archaeologist.com, chemist.com, clerk.com, columnist.com,
comic.com, consultant.com, counsellor.com, deliveryman.com, diplomats.com,
doctor.com, dr.com, engineer.com, execs.com, financier.com, geologist.com,
graphic-designer.com, hairdresser.net, insurer.com, journalist.com, lawyer.com,
legislator.com, lobbyist.com, minister.com, musician.org, optician.com,
35
OKB Club Indonesia – http://www.okbclub.com
36
pediatrician.com, presidency.com, priest.com, programmer.net, publicist.com,
realtyagent.com, registerednurses.com, repairman.com, representative.com,
rescueteam.com, scientist.com, sociologist.com, teacher.com, techie.com,
umpire.com, underwriters.com.
m
Indonesia yang menyediakan spasi tidak terbatas! Setelah mendaftar, alamat email yang akan Anda peroleh adalah "[email protected]".
co
2.6 ANDA AKAN DIBAYAR UNTUK MEMBACA
E-MAIL!
2.5.4 Penyedia E-Mail Gratis Dengan Spasi 40 MB!
Anda ingin mendapat income tambahan saat membaca e-mail? Mungkin Anda
(lagi-lagi) tak percaya, akan tetapi kenyataannya banyak orang yang bisa
mendapat hingga lebih dari US$ 700 perbulan hanya untuk membuka/membaca email !
Mekanismenya sederhana saja. Penyedia layanan e-mail gratis ini mendapat
bayaran dari pemasang iklan dan membagikannya sebagian kepada Anda. Besar
kecilnya uang yang akan Anda terima setiap bulan tergantung dari banyak
sedikitnya e-mail yang dibuka/dibaca oleh orang-orang yang berhasil Anda ajak
bergabung memanfaatkan layanan e-mail gratis ini. Uniknya, e-mail apapun yang
dibaca, Anda akan tetap dibayar, tidak harus berisi iklan!
lu
MailPlanet menyediakan spasi gratis sebesar 40 MB. Fasilitas yang diberikan
selain spasi yang besar adalah multi-protocol (pop3 & web), bisa jalan dibawah
nama domain Anda sendiri atau sub domain MailPlanet, fasilitas forwarding,
autoresponders, scaning virus harian dan masih banyak lagi!
b.
Pada umumnya, spasi yang diberikan oleh penyedia layanan e-mail gratis hanya 2
MB, 3 MB, atau 6MB. Meski demikian, ada juga yang mampu menyediakan spasi
gratis hingga 20 MB, seperti bolehmail.com misalnya. Tetapi sayangnya,
protokol yang digunakan adalah web based e-mail. Jika Anda memerlukan e-mail
gratis dengan protokol POP3 dan spasi e-mail sangat besar, cobalah ke
http://www.mailplanet.net.
http://uangmail.cjb.net
Setelah mendaftar (gratis), alamat e-mail yang akan Anda peroleh adalah
"[email protected]" dengan ukuran spasi 6 MB.
w.
OK
BC
Pada saat ini, ada sebuah program manajemen downline gratis yang bisa diikuti
untuk mendapatkan uang dari membaca e-mail seperti ini lebih efektif, sehingga
jika dijalankan dengan teliti dan benar, Anda akan mendapatkan penghasilkan
hingga ratusan dolar perbulannya hanya dengan membaca 5 e-mail saja setiap
hari. Berikut adalah alamat dimana Anda bisa memperoleh keterangan lebih
lengkap mengenai program yang mulai diluncurkan tanggal 5 Desember 2000 ini
beserta trik-triknya :
Gambar 2.13: MailPlanet, menyediakan email POP3 dengan spasi 40MB!
ww
Spasi alamat e-mail sebesar 40 MegaByte sesungguhnya sudah cukup besar, akan
tetapi jika inipun masih kurang bagi Anda, cobalah mendaftar ke Rileks Mail
(http://mail.rileks.com). Rileks Mail adalah penyedia layanan e-mail gratis dari
OKB Club Indonesia – http://www.okbclub.com
37
OKB Club Indonesia – http://www.okbclub.com
38
m
3.1.1 Evolusi Cyberspace
BAB 3
LANGKAH KE-3:
MEMPELAJARI HTML
co
Tidak terasa, tiba-tiba saja internet telah menjadi lautan data maha luas. Datadata itu tersimpan dalam ratusan ribu server yang terkoneksi satu sama lain dari
seluruh dunia. Seiring dengan berjalannya waktu, berbagai macam protokol
transmisi data bermunculan serta berevolusi sehingga menambah koleksi,
sekaligus kekacauan bagi jaringan internet. Salah satu area yang tumbuh
demikian dahsyat di internet adalah World Wide Web (WWW) yang
menggunakan teknologi MarkUp berbasis hypertext untuk memungkinkan jutaan
orang menyeberangi lautan data dalam berbagai format data diatas berbagai
macam tipe perangkat keras dan lunak.
b.
(HyperText Markup Language)
lu
Konsep hypertext sebenarnya adalah konsep lama, akan tetapi baru mulai
terkenal pada dekade 1985-an. Ide penggunaan hypertext pertama kali
disampaikan dalam sebuah essay karangan Vannervar Bush tahun 1945 dan
dilanjutkan oleh Theodore (Ted) Nelson pada dekade 1960-an dan 1970-an.
Meski hypercard for Macintosh produksi Apple Computer memiliki kesamaan
dalam implementasi hypertext primitif, namum kekuatan hypertext yang
sesungguhnya adalah kemampuannya dalam menciptakan link dokumen antar host
komputer di jaringan. Praktek pertama penggunaan hypertext di jaringan
dilakukan oleh Tim Berners Lee dari CERN (Laboratorium Fisika Partikel Eropa
yang berlokasi di Geneva, Switzerland) dengan perangkat pengembang Next
Step, dengan tujuan untuk menciptakan apa yang dikemudian hari dikenal dengan
HTML (HyperText Markup Language), HTTP (HyperText Tarnsfer
Protocol) dan WWW (World Wide Web atau W3 atau Web).
BC
3.1 PENDAHULUAN
OK
Halaman-halaman web sangat mudah dibuat dengan editor HTML bertipe
WYGIWYS (What You Get Is What You See). Editor semacam ini tersebar di
jagat internet dan dapat diperoleh gratis. Sayangnya, kebanyakan editor secara
'lancang' menambahkan kode-kode tertentu yang kadang tidak kita harapkan.
Beberapa diantaranya bahkan membelenggu kreatifitas karena tidak dapat
dikendalikan secara total sesuai keinginan kita. Untuk membiasakan diri, mungkin
hal semacam ini tidak menjadi masalah, bahkan penulis anjurkan untuk
menggunakannya. Tetapi setelah sedikit terbiasa, Anda HARUS mempelajari
HTML, terutama jika Anda ingin menjadi WebMaster kreatif, bukan sekedar
WebDesainer!
ww
w.
Hal utama yang biasanya sangat menjengkelkan saat membuat situs web gratis
adalah adanya selipan banner iklan atau munculnya iklan pop-up yang secara
otomatis ditambahkan oleh penyelenggara free webspace-nya. Banner dan iklaniklan pop-up ini jelas memperlambat akses ke situs kita dan bahkan dapat
memecah perhatian pengujung situs. Dengan trik khusus yang akan dijelaskan di
bab lain, kekurangan ini bisa diatasi. Akan tetapi trik ini membutuhkan
pengetahuan HTML, terutama karena editor HTML biasanya secara otomatis
memperbaiki kode-kode 'nyleneh' yang kita tulis. Padahal hanya dengan kode
'nyleneh' seperti inilah pop-up banner dan iklan dapat dilenyapkan!
OKB Club Indonesia – http://www.okbclub.com
39
3.1.2 Sekitar World Wide Web
World Wide Web atau biasa disebut web saja, adalah sumber data dan informasi
yang dapat diakses oleh semua orang melalui jaringan internet. Tiga komponen
pokok yang menjadi tulang punggung keberadaan sebuah web adalah:
- URL
= Alamat dimana data atau informasi berada.
- HTTP = Protokol / bahasa yang digunakan untuk mengakses informasi.
- HTML = Sumber informasi itu sendiri yang berbasis link dan hypertext.
URL
OKB Club Indonesia – http://www.okbclub.com
40
FTP
: ftp://ftp.orst.edu/pub/gaming/doom/
Gopher: gopher://gopher.cs.ttu.edu/11/reference%20self/faqs%20%28
freqwently%20asked%20questions%29
m
URL (Uniform Resource Locator) adalah standar pengalamatan sebuah file di
internet yang dirancang khusus untuk digunakan dengan browser WWW seperti
Netscape, Internet Explorer atau Mosaic. Format standar sebuah URL adalah
seperti berikut:
co
CATATAN :
http://me:[email protected]:81/users/OKBClub/file.html
^
^ ^
^
^ ^--- bagian alamat URL local
|
| |
|
|------ nomor port
|
| |
---------------------- nama host server atau alamat IP
|
| ----------------------------- password (optional)
|
-------------------------------- nama user (optional)
--------------------------------------- protokol yang digunakan
b.
lu
gopher://gopher.cs.ttu.edu/11/reference self/faqs (freqwently asked questions)
HTML
Hampir semua dokumen web saat ini ditulis dalam bahasa HTM, dimana sebuah
teks ASCII biasa dipoles (di mark up) dengan apa yang disebut tag. Karena file
ASCII dapat dibaca oleh sistem komputer macam apapun yang ada didunia ini,
maka polesan tag pada file-file ASCII membuat file-file ini dapat dibaca oleh
sistem-sistem komputer berbasis DOS, WIN 3.x, WIN 9x, Win ME, WINDOWS
2000 atau WIN NT sama baiknya dengan sistem-sistem berbasis MACINTOSH,
UNIX atau LINUX. Tag-tag yang digunakan dalam file HTML membuat semua
dokumen terlihat sama meski user menggunakan sistem operasi dari tipe
komputer yang sangat berbeda. Tidak seperti file-file dokumen tradisional
seperti Word, Excel, WS atau WordPerfect yang tidak dapat saling
dipertukarkan!
OK
BC
Kode me:mypass pada URL diatas adalah nama user dan kode password yang
digunakan untuk mengakses sebuah web ber-password. Kode ini hanya digunakan
disitus-situs tertentu yang mengharuskan user untuk memasukkan nama dan
password untuk dapat mengaksesnya. Nama dan password diberikan pada user
yang menjadi anggota dengan membayar iuran tertentu. Kode
www.myhost.com adalah nama host komputer di internet dimana komputer
itu berada. Setiap negara mempunyai kode tersendiri untuk menunjukkan dimana
lokasi server berada. Sebagai contoh, jika komputer berada di Indonesia, maka
nama host diberi akhiran .id (contoh: www.indo.net.id), jika komputer berada
di Australia nama host diberi akhiran .au (contoh: www.dialix.perth.au). Bila
kode negara tidak ada, maka server bersangkutan bersifat internasional dan
lokasi servernya bisa dimana saja (contoh: www.infokomputer.com). Angka
81 pada URL diatas adalah angka yang menunjukkan nomor koneksi port ke
server bersangkutan. Jika tidak ditulis, browser akan menggunakan nomor
default. Kode /users/OKBClub/ adalah path dimana file yang akan dibaca,
diambil atau dilihat berada. Kode file.html adalah nama file yang ingin
ditampilkan dilayar. Jika tidak ditulis, browser akan mencari file dengan nama
index.html, index.htm atau default.htm (tergantung seting
servernya) dilokasi path.
Nama lokasi pada contoh terakhir terlihat agak rumit. Kode-kode
angka yang diawali dengan tanda % adalah kode Escape Sequence
yang harus digunakan untuk menghubungi server gopher. Kode %20
adalah tanda spasi, kode %28 adalah "(" dan kode %29 adalah ")".
Dengan demikian, alamat rumit yang dihubungi dengan ghoper diatas
sebenarnya adalah seperti berikut:
HTTP
: http://www.elexmedia.com/index.html
: telnet://brahe.phys.unm.edu:9999/
: news:news.announce.newusers
ww
Web
Telnet
News
w.
HTTP (Hyper Text Trasfer Protocol) adalah salah satu dari beberapa protokol
yang digunakan sebagai bahasa komunikasi antar server. Protokol dapat berupa
protokol web (http), Telnet, News, Gopher atau FTP. Berikut adalah
beberapa contoh penggunaan alamat URL pada beberapa protokol yang ada :
OKB Club Indonesia – http://www.okbclub.com
41
HTML adalah bahasa interpreter, bukan bahasa pemrograman yang sebenarnya
seperti bahasa C++, Delphi, VisualBasic atau JAVA yang harus dikompilasi
terlebih dahulu sebelum dapat dieksekusi. Browser yang digunakan untuk melihat
dan menampilkan halaman-halaman web seperti Nestcape Communicator, MS
Internet Explorer atau Mosaic, sesungguhnya adalah interpreter yang
menterjemahkan tag-tag yang diselipkan didalam file ASCII berekstensi .html
(atau .htm) dan menampilkannya di layar sesuai tag yang ditemukan. Sebagai
contoh, teks ASCII "membuat home page" akan ditampilkan apa adanya jika
ditulis tanpa tag, tetapi jika dipoles (baca di mark up) dengan tag <B>…</B>
(sehingga menjadi "<B>membuat home page</B>"), maka teks tersebut
akan ditampilkan oleh browser dalam huruf-huruf tebal.
OKB Club Indonesia – http://www.okbclub.com
42
co
b.
Anda ingin memiliki homepage komersial? Atau homepage personal? Atau
kedua-duanya? Homepage komersial adalah homepage yang berisi informasi
iklan, penawaran suatu produk, jasa atau servis seperti e-commerce dll.
Sementara homepage personal adalah homepage yang berisi informasi-informasi
pribadi, materi-materi hobby atau hanya sekedar link-link ke lokasi-lokasi
menarik ditempat lain. Banyak ISP yang membuat homepage dengan penawaran
ganda. Mereka menarik bayaran untuk halaman-halaman komersial dan dilain
pihak memberikan pelayanan gratis untuk halaman-halaman pribadi.
Mengenai Apa Isi Homepage Anda?
Jika Anda akan membuat homepage komersial, apakah Anda ingin mengisinya
dengan beberapa produk sekaligus atau satu produk spesifik saja? Jika Anda
ingin mengiklankan suatu produk atau jasa, Anda dapat mengisi homepage Anda
hanya dengan satu produk atau jasa yang Anda berikan saja. Dengan cara ini,
konsumen Anda akan mendapatkan informasi yang diinginkan selengkapnya
secara langsung. Dilain pihak, jika Anda membuat homepage pribadi, homepage
Anda dapat berisi beberapa interest sekaligus, misalnya hobby, aktivitas,
keluarga, sejarah, fotografi, puisi, cerita, hasil-hasil kreatifitas Anda atau hal-hal
positif lainnya.
BC
Setelah sekian lama melanglang buana di internet dan kenyang menelusuri
berbagai macam situs yang ada, mungkin sekarang Anda mulai berpikir untuk
membuat dan memiliki homepage sendiri. Dari sekian banyak waktu yang akan
Anda habiskan untuk membuat homepage, 80% diantaranya adalah untuk
persiapan dan hanya 20%-nya saja yang akan Anda gunakan untuk pekerjaan yang
sesungguhnya. Itulah sebabnya mengapa bagian ini menjadi sangat penting dalam
merancang sebuah homepage.
Tipe Homepage Yang Bagaimana Yang Anda Inginkan?
lu
3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa
Menjawab Ini!
interest tertentu, seks dan gambar-gambar suuurr misalnya? Atau untuk semua
orang? Yang jelas, sebuah homepage dengan daya tarik untuk orang banyak akan
mendapatkan lalulintas pengunjung yang padat.
m
Seperti telah dijelaskan sebelumnya, kekuatan utama file HTML adalah
kemampuannya dalam melakukan link hypertext. Sebuah teks yang diberi tag
khusus akan membuat browser melompat ke halaman lain di server manapun di
dunia ini jika pemakai membawa kursor dan meng-klik mouse-nya diatas teks
tersebut. Namun demikian, apa yang mampu dikerjakan oleh browser
sesungguhnya tidak hanya sekedar melompat dan menampilkan isi file .html
atau .txt kelayar monitor saja, melainkan juga dapat menjalankan programprogram tambahan (add-on) untuk memutar lagu/musik jika teks yang dibuat
tujuan hypertext adalah nama file berekstensi .wav atau .mid, memutar filmfilm secara otomatis jika file yang dituju berekstensi .mov, .avi atau .mpeg
dan aktivitas-aktivitas lain sesuai kode ekstensi file yang dipakai sebagai tujuan
klik hypertext.
Mengapa Anda Ingin Membuat Homepage?
OK
Berikut adalah beberapa pertanyaan penting yang harus Anda jawab sebelum
merancang sebuah homepage, jawaban yang dapat Anda berikan akan
menentukan sukses dan tidaknya homepage Anda!
w.
Hanya sekedar ingin memiliki homepage? Atau untuk menawarkan dan menjual
sesuatu? Anda harus dapat menjawabnya dengan jelas. Jika Anda sendiri tidak
tahu mengapa dan tentang apa isi homepage Anda sendiri, maka pengunjung
homepage Anda tidak akan tinggal lama dan mungkin tidak akan pernah kembali
lagi selamanya!
Siapa Yang Anda Harapkan Tertarik Dengan Homepage Anda?
ww
Apakah Anda ingin memiliki homepage untuk kalangan usia tertentu? Atau untuk
semua usia? Apakah Anda ingin memiliki homepage untuk kalangan dengan
OKB Club Indonesia – http://www.okbclub.com
43
Seperti Apa Tampilan Homepage Yang Anda Inginkan?
Ketika berselancar mengunjungi situs-situs web di internet, Anda mungkin
pernah mampir disebuah situs web dan terpesona dengan tampilannya. Lalu
dalam hati Anda berkata, "Saya ingin tampilan homepage saya seperti itu!" Cara
terbaik untuk memulai membuat homepage dengan tampilan yang Anda inginkan
adalah dengan menyimpan halaman situs web tersebut dan mempelajari isi serta
struktur kode sumbernya. Tetapi perlu diingat bahwa Anda tidak boleh secara
langsung menggunakan lay-out atau isi halaman tersebut karena pada umumnya
situs web tersebut sudah dipatenkan dan memiliki hak cipta. Lebih dari itu, cara
ini hanya akan membuat Anda menjadi seorang WebDuplicater, bukan
WebDesainer, apalagi WebMaster!
OKB Club Indonesia – http://www.okbclub.com
44
m
Dimana Anda Ingin Memasang Homepage Anda?
http://www.allaire.com
b.
BC
3.1.4 Memilih Editor
lu
Pada saat ini ada ribuan provider server gratis yang bisa Anda manfaatkan.
Tergantung dari isi situs Anda, mereka memberikan layanan dari berbagai
kategori web (personal, bisnis, hobby, sex/adult, e-commerce dll.) dengan ukuran
spasi berbeda-beda (200 K, 100 MB sampai tak terhingga). Daftar ISP yang
memberikan spasi gratis dan tata cara pendaftarannya dapat dilihat pada
LANGKAH ke 4 (BAB 4).
co
Setelah rancangan homepage Anda selesai, Anda memerlukan sebuah server
untuk menyimpan halaman-halaman homepage Anda. Server ini harus aktif dan
terkoneksi dengan jaringan internet selama 24 jam sehari, 7 hari seminggu agar
halaman-halaman homepage Anda dapat dilihat oleh semua orang dari seluruh
dunia kapanpun mereka inginkan. Anda dapat saja menitipkan file-file Anda ke
sebuah ISP dengan membayar biaya sewa spasi yang berkisar antara 15 s/d 100
US$ sebulan. Akan tetapi itu sama sekali tidak menarik karena yang menjadi
incaran kita adalah server-server gratis!
OK
Hal penting berikutnya yang harus dipertimbangkan dalam merancang homepage
adalah memilih editor untuk membuat dan mengedit file-file HTML Anda.
Karena file-file HTML adalah file-file ASCII biasa, maka sebenarnya Anda
dapat menggunakan editor-editor teks sederhana seperti EDIT.EXE, WS,
SideKick, NotePad, Ms.Write atau WritePad. Editor-editor teks tersebut dapat
membimbing Anda mempelajari kode-kode HTML secara luar dalam. Akan
tetapi mungkin akan membuat frustasi pada tahap-tahap awalnya karena Anda
harus mengetik semua kode HTML baris-per-baris yang dalam perkembangannya
mungkin dapat menjadi sangat rumit. Meski demikian, menggunakan teks editor
untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti
tentang struktur file HTML. Akan tetapi, jaman sekarang siapa yang mau repot?
w.
Pada prakteknya, penggunaan editor teks membuat kita harus bolak-balik antara
editor dan browser untuk mengedit dan melihat hasilnya. Untuk mengatasi hal ini,
penulis sarankan pada Anda untuk menggunakan editor HTML yang memberikan
keleluasaan penuh pada kita untuk menulis kode-kode HTML sendiri sekaligus
dapat menampilkan preview-nya. Ada 2 editor semacam ini yang sangat penulis
sarankan untuk Anda download sebelum mulai membuat halaman-halaman web.
ww
Yang pertama adalah HomeSite. Saat buku ini ditulis, HomeSite baru mencapai
versi 4.5 (12.89 MB). Dengan editor ini Anda dapat menciptakan halamanhalaman rumit hanya dalam beberapa menit saja. HomeSite versi evaluasi dapat
di download dari :
OKB Club Indonesia – http://www.okbclub.com
45
Gambar 3.1: Tampilan HTML Editor HomeSite v4.5 RC3
CATATAN :
Versi evaluasi hanya bekerja untuk beberapa bulan saja. Setelah itu
program tidak dapat digunakan lagi. Ini dapat diakali dengan
memundurkan tanggal komputer kita. Sebagai contoh, HomeSite 4.5
versi evaluasi diatas habis masa pakainya tanggal 15 Februari 2000,
tetapi dengan memundurkan tanggal komputer, misalnya menjadi 15
Januari 2000, program tetap dapat dipakai sampai kapanpun!
Yang kedua adalah editor HTML yang menjadi favorit penulis, yaitu 1st Page
2000. Selain ukuran filenya lebih kecil (5.1 MB) dan gratis (Anda sama sekali
tidak perlu melakukan registrasi), program ini juga sarat dengan berbagai macam
fasilitas! Editor ini dilengkapi dengan 450+ Javascripts/VBScripts siap pakai,
DHTML scripts, dukungan penuh untuk SSI, CGI, Perl, Cold Fusion, ASP, Flash
4, Shockwave, Java dan ActiveX, HTML Source Compressor (untuk
memperkecil ukuran file html) dan masih banyak lagi, termasuk fungsi-fungsi
wizard untuk membuat Drop-down comboboxs, Frame Killer, Browser
OKB Club Indonesia – http://www.okbclub.com
46
http://www.evrsoft.com/download
ALAMAT DOWNLOAD
Webber
HTML assistant
HTMLed (HTMLed32)
HTMLed Pro
HTML Writer
HyperType Edit
http://www.w3.org/Tools/Webber.html
http://www.w3.org/Tools/html-assistant.html
http://www.w3.org/Tools/HTMLed.html
http://www.w3.org/Tools/HTMLedPro.html
http://lal.cs.byu.edu/people/nosack/
http://www.w3.org/Tools/HyperTypeEdit.ht
ml
http://www.w3.org/Tools/WebMania.html
http://www.halcyon.com/artamedia/webwiz
ard/
http://www.lm.com/~pdixon/html.html
http://www.webzone1.co.uk/www/jlister/rev
ol.htm
http://www.wbmedia.com/publisher/
http://home.sol.no/jgaa/htmgen32.htm
http://www.nce.ufrj.br/~cracky/w3e.html
http://shell.masterpiece.com/derek/derekwa
re/
ftp://ftp.cuhk.hk/pub/contrib/
http://http.bsd.uchicago.edu/~lnewberg/phoenix.html
http://www.adobe.com/prodindex/pagemill/
main.html
http://www.w3.org/Tools/HTMLNotepad.html
co
HTML EDITOR
b.
WebMania!
WEB Wizard
Html+ Editor
ReVoL Web Worker
lu
Menurut penulis, kelebihan utama editor ini adalah 'kerelaannya' dalam
membiarkan Anda menciptakan situs web seperti apa yang Anda inginkan.
Tanyakan pada semua pembuat situs web profesional dan mereka akan
mengatakan pada Anda tentang pengalaman menyedihkan mereka dibalik
penggunaan editor-editor html WYSIWYG standar (misalnya Macromedia
BackStage, Adobe PageMill atau Microsoft Front Page). Semua web builder
profesional tahu bahwa editor-editor WYSIWYG tidak pernah meng-create
kode html yang bersih. Ini berarti bahwa mereka harus menghabiskan banyak
waktu untuk memperbaiki, membersihkan dan mengkoreksi kode-kode html
setelah penciptaannya. Program 1st Page 2000 mengantisipasi semua masalah
umum ini dengan tidak menciptakan kode-kode html yang tidak kita buat!
Siapapun Anda, baik pemula maupun master html, Anda akan menyukai editor
ini! Editor 1st Page 2000 dapat di download dari :
m
Detector, Last Modified Date, Background Fader dan bahkan ada pula sekitar
20 cgi/perl/htmlscripts dengan instruksi lengkap tentang cara penggunaannya!
BC
Web Media Publisher
HTMgen32
W3e
DerekWare
Chinese/Eng HTML editor
Phoenix
OK
PageMill
HTML Notepad
Gambar 3.2: Tampilan Pembuka 1st Page 2000
ww
w.
Akhirnya, meskipun 1st Page 2000 adalah editor html gratis terbaik menurut
penulis, di internet masih ada ribuan editor lain yang dapat Anda coba. Beberapa
diantaranya dapat dilihat pada tabel berikut, sementara daftar yang lain bisa
dilihat di http://www.w3.org/Tools/ :
OKB Club Indonesia – http://www.okbclub.com
47
OKB Club Indonesia – http://www.okbclub.com
48
m
dengan tag <B>…</B> dapat ditimpa dengan tag <I>…</I>
menghasilkan kombinasi huruf tebal dan miring. Contoh:
3.2 DASAR-DASAR HTML
Meskipun kenyataan membuktikan bahwa Anda dapat menciptakan halamanhalaman web tanpa mengerti sedikitpun bahasa HTM, terutama jika menggunakan
editor html WYSIWYG seperti Macromedia BackStage, Adobe PageMill,
Microsoft FrontPage atau Netscape Composer, tetapi untuk mengekploitasi
semua kemampuan browser dan mensiasati keterbatasan berbagai fasilitas
internet yang berbau 'gratisan', sangat disarankan pada Anda untuk memahami
dasar-dasar html.
co
Belajar <B>Membuat <I>Home Page</I></B> sendiri.
Akan ditampilkan oleh browser seperti ini:
b.
Belajar Membuat Home Page sendiri.
Meski kebanyakan tag bersifat override, ada juga tag yang tidak memiliki
pasangan sehingga tidak bersifat override, misalnya <BR>, <HR> atau
<INPUT>.
lu
Berbeda dengan bahasa-bahasa pemrograman komputer 'asli' lainnya, bahasa
HTM adalah bahasa yang tidak memerlukan kemampuan logika dan algoritma
pemrograman sehingga sebetulnya bahasa HTM tidak bisa benar-benar disebut
sebagai bahasa pemrograman. Jika Anda mahir menggunakan HTML, Anda tidak
akan disebut sebagai seorang programmer! Anda akan tetap menjadi seorang
WebDesainer atau WebMaster!
sehingga
CATATAN :
Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII
sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu
dimulai dengan tanda "<" dan ditutup dengan tanda ">", misalnya <B>,
<CENTRE>, <I> dan lain sebagainya.
OK
Kebanyakan tag memiliki pasangan penutup yang harus digunakan untuk menutup
tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag
pembuka, melainkan dapat diletakkan dimana saja dan selalu dimulai dengan
tanda "</" dan ditutup dengan tanda ">", misalnya </B>, </CENTRE>, </I>
dan lain sebagainya. Secara lengkap, format penggunaan tag untuk memoles teks
ASCII adalah seperti berikut:
<B>Home Page</B>
<I>Home Page</I>
w.
<Tag Pembuka> Teks ASCII <Tag Penutup>
Contoh:
Peletakan tag penutup yang tidak benar dapat mengakibatkan
tampilan yang tidak diharapkan, terutama jika pengunjung
homepage Anda menggunakan browser Netscape versi 3.0
kebawah. Sebagai contoh, baris:
BC
3.2.1 Mengenal Tag
Belajar <I>Membuat <B></I>Home Page</B> sendiri.
Tidak akan ditampilkan sebagai "Belajar Membuat Home Page
sendiri.", melainkan akan ditampilkan sebagai "Belajar Membuat
Home Page sendiri."
Susunan tag yang benar adalah :
Belajar <I>Membuat</I> <B>Home Page</B> sendiri.
Tag-tag html dapat ditulis dalam huruf besar maupun kecil, karena browser tidak
peduli apakah Anda menulis <CENTER> dengan <Center> atau <center>.
Dalam buku ini, semua tag akan ditulis dalam huruf besar untuk menunjukan
bahwa itu adalah kode tag yang sudah baku (predefined).
---> oleh browser akan ditampilkan sebagai Home Page
---> oleh browser akan ditampilkan sebagai Home Page
ww
Tag-tag yang memiliki pasangan penutup bersifat override (dapat menimpa fungsi
tag yang sudah ada sebelumnya). Sebagai contoh, teks yang sudah dibuat tebal
OKB Club Indonesia – http://www.okbclub.com
49
OKB Club Indonesia – http://www.okbclub.com
50
Meskipun tag tidak bersifat case sensitif, namun link-link dan nama-nama
referensinya bersifat case sensitif. Hal ini terutama terjadi pada file-file yang
disimpan diserver-server berbasis UNIX atau LINUX. Jadi, jika Anda ingin
membuat link kesebuah file bernama referensi.html, sebaiknya Anda
TIDAK menggunakan tag <A HREF="Referensi.html">, melainkan harus
seperti ini <A HREF="referensi.html">.
co
m
<H1 ALIGN="CENTER">
<— memakai 1 atribut
<FONT SIZE="7" COLOR="red">
<— memakai 2
atribut
3.2.3 Karakter-Karakter Khusus
Semua browser mengenal karakter ASCII berkode 32 sampai 126, yaitu kode
untuk angka 0-9, huruf a-z dan A-Z serta tanda-tanda baca seperti '?' atau '!'. Jika
Anda ingin menggunakan kode-kode ASCII diluar kode itu, Anda harus
menyertakan kode ASCII khusus yang disebut ASCII Escape Sequence. Format
penggunaannya adalah &#n, dimana n adalah nomor kode ASCII yang diinginkan
(0-31 & 127-255). Akan tetapi karena ada beberapa karakter ASCII yang juga
digunakan sebagai komponen tag, misalnya "<", "&" atau ">", maka karakterkarakter ini harus ditangani secara khusus dengan kode-kode berikut :
3.2.2 Atribut Tag
Atribut nama, misalnya ALIGN, WIDTH dll.
2.
Atribut tanda sama dengan (=).
3.
Atribut nilai, misalnya '60', "80%", "red", "index.html" dll.
<HR ALIGN=center WIDTH=80>
<HR ALIGN="center" WIDTH="80">
<HR ALIGN='center' WIDTH='80'>
OK
Akan tetapi sebaiknya Anda membiasakan diri untuk menggunakan tanda petik
agar terhindar dari kemungkinan salah interprestasi dari sebagian browser yang
ada. Jadi, meskipun cara penulisan tag seperti <A HREF=feature.html>
bisa digunakan, akan tetapi akan lebih baik (dan aman) jika Anda menulisnya
dengan <A HREF="feature.html">.
Beberapa atribut nama dapat dihilangkan jika nama atribut namanya sama dengan
atribut nilainya. Sebagai contoh, tag <UL COMPACT="COMPACT"> bisa
ditulis dengan <UL COMPACT> saja.
w.
Jika atribut tidak dipakai, maka browser akan menganggap atribut yang digunakan
adalah atribut default, yaitu atribut yang dipasang pada tag <BODY> (akan
dijelaskan pada sub bab berikutnya). Jika menggunakan lebih dari satu atribut,
maka setiap atribut yang digunakan harus dipisah dengan tanda spasi, bukan
koma. Lihat contoh berikut:
<— tanpa atribut
ww
<H1>
Karakter
BC
Atribut nilai boleh juga ditulis tanpa tanda kutip, karena itu tiga contoh dibawah
ini sama benarnya:
lu
1.
b.
Sebuah tag bisa memiliki satu atribut atau lebih. Atribut digunakan untuk
mengendalikan kerja tag bersangkutan. Berikut adalah 3 macam atribut yang
mungkin dimiliki oleh sebuah tag:
OKB Club Indonesia – http://www.okbclub.com
51
<
>
&
"
±
Spasi
Notasi
<
>
&
"
±
 
Keterangan
Kurung runcing buka
Kurung runcing tutup
Tanda Dan
Tanda petik ganda
Tanda plus minus
Tanda spasi
Selain kode-kode diatas, ada beberapa kode karakter khusus yang sering
digunakan dalam file-file HTML. Notasi tersebut adalah:
Karakter


Notasi
©
®
Keterangan
Tanda hak cipta (Copyright)
Tanda terdaftar (Registered)
3.2.4 Menangani Spasi dan Ganti Baris
Browser apapun yang Anda gunakan, tidak mengenal kode spasi lebih dari satu
spasi, tidak mengenal kode ganti baris (enter/cariage return) dan tidak mengenal
kode tab! Ini berarti bahwa 1000 Enter + 1000 Spasi = 1 Spasi! Jika Anda
menulis teks html seperti ini :
OKB Club Indonesia – http://www.okbclub.com
52
m
Riset 11 Orang
Staf
6 Orang
Selain tag <!-- … -->, Anda juga bisa menggunakan tag <COMMENT> …
</COMMENT>. Tetapi sayangnya, tag ini hanya dikenal oleh Internet Explorer
dan Mosaic.
co
Maka yang akan ditampilkan oleh browser Anda adalah seperti ini:
3.3 MEMULAI MEMBUAT HOMEPAGE
Riset 11 Orang Staf 6 Orang
CATATAN :
3.3.1 Bagaimana Memulainya?
Cara terbaik untuk memulainya adalah dengan menciptakan homepage lokal
didalam Hard Disk Anda. Buatlah folder baru di drive C:\ atau D:\ dengan nama
apa saja, misalnya C:\www.gratis.com.
OK
<PRE>
Riset 11 Orang
Staf
6 Orang
</PRE>
3.2.5 Menyisipkan Komentar
tag
BC
Cara penulisan diatas dapat disederhanakan dengan
<PRE>…</PRE> sehingga akan tampak seperti ini:
lu
Riset 11 Orang<br>
Staf     6 Orang
b.
Untuk mengatasinya, Anda harus menggunakan tag <BR> sebagai ganti baris dan
menggunakan kode karakter khusus   untuk menampilkan tanda-tanda
spasi, sehingga teks html diatas harus ditulis seperti ini :
Setelah dapat menjawab semua pertanyaan pada sub bab 3.1.3 dan memahami
dasar-dasar HTML pada sub bab 3.2, sekaranglah saatnya untuk masuk kebagian
yang lebih menyenangkan, yakni terjun langsung kedalam pembuatan halaman web
yang sesungguhnya menggunakan perangkat yang sangat minim, NotePad (atau
WritePad) dan Internet Explorer! Kedua program ini secara default sudah ada
didalam setiap sistem operasi windows 95/98/2000/ME/NT yang Anda gunakan.
Tetapi jika sempat, sekaranglah saatnya untuk men-download 1st Page 2000 atau
HomeSite! (lihat sub bab 3.1.4).
Baris-baris didalam file HTML dapat diberi komentar untuk
memudahkan Anda atau orang lain memahami kode sumbernya.
Setiap komentar harus diawali dengan tanda "<!--" dan diakhiri
dengan tanda "-->". Lihat contoh berikut:
Sebelum memiliki satupun editor HTML seperti yang dijelaskan pada sub bab
3.1.4, Anda dapat mulai menciptakan halaman-halaman web dengan NotePad
yang ada pada setiap Windows (klik Start Æ Programs Æ Accessories Æ
Notepad). Berilah ekstensi .htm (atau .html) pada setiap file yang Anda
buat.
Untuk mencoba hasilnya, gunakan Internet Explorer dengan cara klik Start Æ
Programs Æ Internet Explorer. Setelah Internet Explorer aktif, klik File Æ
Open File Æ Open File in Browser… atau cukup dobel klik pada
nama_file.html yang ingin ditampilkan kedalam browser.
atau
w.
<!-- halaman ini dibuat oleh: OKB Club Indonesia, 2000 -->
<TITLE>Welcome to OKBCLUB Home Page</TITLE>
<BODY>
<!-- awal tag body -->
ww
<!-- halaman ini dibuat oleh:
OKB Club Indonesia, 2000
-->
<TITLE>Welcome to OKBCLUB Home Page</TITLE>
<BODY>
<!-- awal tag body -->
OKB Club Indonesia – http://www.okbclub.com
53
OKB Club Indonesia – http://www.okbclub.com
54
m
3.3.3 Informasi Versi HTML
co
HTML sesungguhnya adalah salah satu aplikasi dari tipe-tipe dokumen (yang
disebut DTD-Document Type Definition) dari bahasa-meta SGML. Sebuah
HTML DTD berisi informasi yang menentukan secara detail tentang sintak serta
tata bahasa dari penggunaan mark-up HTML.
b.
Pada saat ini, ada banyak versi HTML yang masing-masing ditentukan oleh versi
DTD-nya dimana setiap DTD ditandai dengan sebuah label yang disebut FPI
(Format Public Identifier). Pada saat membuat sebuah file HTML, DTD yang
kita gunakan harus dideklarasikan pada baris pertama file HTML seperti tampak
pada tampilan format dasar file HTML diatas.
Draft HTML versi 4.0 pertama kali diumumkan pada 8 juli 1997,
menyempurnakan HTML versi 3.2 yang sebetulnya baru terbit Januari 1997.
Meski demikian, sampai saat buku ini ditulis masih banyak dokumen HTML yang
ditemukan di Internet masih menggunakan draft HTML versi 3.2. Kemukinan ini
karena editor yang mereka pakai menggunakan default draft versi 3.2. Berikut
adalah beberapa standar draft HTML yang bisa digunakan.
BC
3.3.2 Format Dasar File HTML
lu
Gambar 3.3: Buat folder www.gratis.com di drive c:\ atau d:\ untuk menyimpan
homepage lokal
Setiap halaman web setidaknya memiliki format dasar HTML seperti ini:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<BODY>
Isi dari file
</BODY>
</HTML>
IETF (Internet Engineeiring Task Force) HTML 3.2 DTD :
OK
<HEAD>
Informasi mengenai isi file
</HEAD>
Versi HTML yang saat ini banyak digunakan adalah versi 4.0. HTML versi 4.0
disusun oleh kelompok kerja W3C (http://www.w3.org) yang bekerja sama
dengan Adobe Systems, Hewlett Packard, Microsoft, IBM, Nescape
Communications, Novell, SoftQuad, Spyglass dan Sun Microsystems. Juga
dibantu oleh spesialis-spesialis content provider seperti HotWired, Verso dan
PathFinder.
w.
Baris pertama adalah tag untuk menentukan versi html yang digunakan dalam
dokumen. Pada prakteknya, kode ini kadang dapat diabaikan alias boleh ditulis
boleh tidak. Penjelasan lebih rinci akan dijelaskan dibawah.
ww
Ruang diantara tag <HEAD> dan </HEAD> dapat diisi dengan informasi
mengenai halaman bersangkutan, misalnya editor yang digunakan untuk menulis
halaman tersebut, informasi mengenai siapa pembuatnya, judul halaman, isi, kata
kunci dll. Sedangkan ruang diantara tag <BODY> dan </BODY> adalah ruangan
untuk diisi materi utama homepage Anda.
OKB Club Indonesia – http://www.okbclub.com
55
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
HTML
HTML
HTML
HTML
HTML
PUBLIC
PUBLIC
PUBLIC
PUBLIC
PUBLIC
"-//IETF//DTD
"-//IETF//DTD
"-//IETF//DTD
"-//IETF//DTD
"-//IETF//DTD
HTML//EN//3.2">
HTML 3.2//EN">
HTML 3.2//EN//">
HTML Level 3.2//EN">
HTML 3.2 Level 3.2//EN">
W3C HTML 3.2 & 4.0 DTD :
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
<!DOCTYPE
HTML
HTML
HTML
HTML
HTML
HTML
PUBLIC
PUBLIC
PUBLIC
PUBLIC
PUBLIC
PUBLIC
"-//W3C//DTD
"-//W3C//DTD
"-//W3C//DTD
"-//W3C//DTD
"-//W3C//DTD
"-//W3C//DTD
HTML
HTML
HTML
HTML
HTML
HTML
3.2 Draft//EN">
3.2//EN">
4.0 Draft//EN">
4.0 Transitional//EN">
4.0 Final//EN">
4.0//EN">
OKB Club Indonesia – http://www.okbclub.com
56
m
Cobalah ketik baris-baris diatas dengan NotePad dan simpan dengan nama file
index.html kedalam folder c:\www.gratis.com\. Setelah itu, jika file
tersebut Anda klik ganda, Anda akan mendapatkan tampilan seperti gambar 3.4.
CATATAN :
co
Semua contoh dalam buku ini menggunakan kode FPI W3C versi 3.2 atau 4.0
seperti ini:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
b.
Jika Anda mengedit file HTML menggunakan Netscape Navigator Gold atau
Ms. FrontPage 97, file HTML yang dihasilkan secara otomatis menggunakan FPI
seperti ini:
Sementara Netscape Composer akan menghasilkan kode FPI berikut:
"-//W3C//DTD
Gambar 3.4: Judul halaman ditampilkan disebelah kiri atas browser
HTML
3.3.4 Memberi Judul Halaman/Bookmark
4.0
Sekarang coba tambahkan halaman tersebut kedalam Bookmark (Netscape) atau
Favorites (Internet Explorer), maka Anda akan mendapatkan hasil seperti
tampak pada gambar 3.5.
BC
<!DOCTYPE
HTML
PUBLIC
Transitional//EN">
lu
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
OK
Ketika Anda membuka sebuah homepage, browser Anda akan menampilkan
judul homepage bersangkutan di ujung kiri atas layar browser. Jika kemudian
Anda menyimpan alamat URL-nya kedalam bookmark, maka judul ini akan
digunakan sebagai keterangan mengenai isi alamat URL yang Anda simpan.
Untuk membuat judul halaman web semacam ini, gunakan tag
<TITLE>…</TITLE> dan letakkan diantara tag <HEAD> dan </HEAD>
seperti ini :
ww
w.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
<HEAD>
<TITLE>HomePage SERBA-GRATIS</TITLE>
</HEAD>
<BODY>
Home Page SERBA GRATIS
</BODY>
</HTML>
OKB Club Indonesia – http://www.okbclub.com
57
Gambar 3.5: Judul halaman secara otomatis dipakai sebagai judul bookmark
OKB Club Indonesia – http://www.okbclub.com
58
m
Kode-kode bahasa yang lain adalah LANG=en untuk bahasa Inggris, LANG=de
untuk bahasa belanda dan lain sebagainya. Penggunaan atribut bahasa ini
memungkinkan untuk ditampilkannya karakter-karakter khusus pada bahasabahasa tertentu untuk keperluan speech synthesis, klasifikasi teks yang digunakan
dalam search engine dll.
3.3.5 Informasi Untuk Search Engine
b.
Warna teks yang akan ditampilkan oleh browser secara global ditentukan oleh
salah satu atribut yang ada pada tag <BODY>. Secara lengkap, atribut yang dapat
dipasang pada tag <BODY> adalah sebagai berikut:
text="warna"
- Warna teks
link="warna"
- Warna link
vlink="warna" - Warna link yang pernah dikunjungi
alink="warna" - Warna link aktif
background="file_gambar" - Latar belakang gambar
bgcolor="warna" - Warna latar belakang
BC
<META NAME="penjelasan" CONTENT="isi">
3.3.6 Mengatur Warna Teks Global
lu
Semua informasi yang ingin disampaikan pada halaman web dapat kita masukkan
dengan tag <META NAME=> diantara tag <HEAD>…</HEAD>. Format
penggunaannya adalah:
co
Salah satu upaya agar homepage kita dikunjungi pemakai internet sebanyakbanyaknya adalah dengan mendaftarkan homepage kita ke setiap Search Engine
apa saja yang bisa ditemukan. Search Engine adalah mesin pencari URL
otomatis yang bisa digunakan untuk menemukan topik-topik tertentu dibelantara
web. Beberapa search engine yang terkenal diantaranya adalah Yahoo,
AltaVista, InfoSeek dan WebCrawler. Jika pencarian ditemukan, search engine
akan menampilkan informasi-informasi mengenai isi URL yang ditemukan.
Seberapa lengkap/jelas informasi yang dapat ditampilkan oleh search engine
tergantung dari pengisian saat pendaftaran atau tergantung dari isi tag informasi
pada dokumen html yang ditemukan.
Sebagai contoh, berikut adalah penggunaan tag <META> untuk beberapa
informasi yang akan digunakan oleh search engine sebagai referensi:
OK
<HEAD>
<TITLE>Home Page SERBA GRATIS</TITLE>
<META NAME="Autor" CONTENT="OKB Club Indonesia">
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">
<META NAME="Description" CONTENT="Home Page SERBA GRATIS
adalah referensi lengkap tentang semua materi di internet
yang dapat diperoleh secara GRATIS !">
<META NAME="KeyWords" CONTENT="gratis,'serba gratis',free,
'free stuff','free email','free web space','free
counter'">
</HEAD>
w.
Jika halaman-halaman homepage Anda terdiri dari beberapa bahasa, Anda bisa
mendefinisikan bahasa yang Anda gunakan dengan atribut LANG. Sebagai
contoh, jika isi dokumen web Anda ditulis dalam bahasa Perancis, Anda dapat
menggunakan attribut LANG seperti ini:
ww
<META NAME="Author" LANG=fr CONTENT="OKB Club Indonesia">
OKB Club Indonesia – http://www.okbclub.com
59
Dimana "warna" dapat berupa kode warna atau kode nama warna. Jika
menggunakan kode warna, format yang digunakan adalah #rrggbb. Masingmasing huruf rr, gg dan bb mewakili kode angka red, green dan blue dari
#00 sampai #ff heksa.
Sebagai contoh, untuk menampilkan seluruh teks berwarna merah, Anda dapat
menggunakan kode berikut :
<BODY TEXT="#FF0000">
Teks ini akan ditampilkan dalam warna MERAH
</BODY>
Jika menggunakan kode nama warna, kode yang dapat digunakan adalah namanama warna dalam bahasa inggris. Sebagai contoh, kode diatas dapat diganti
dengan baris-baris berikut dengan hasil yang sama :
<BODY TEXT="red">
Teks ini akan ditampilkan dalam warna MERAH
</BODY>
OKB Club Indonesia – http://www.okbclub.com
60
m
co
Netscape Navigator versi 3.0 keatas mengenal 140 nama warna
(http://developer.netscape.com/docs/manuals/communicator/jsguide4/colors.htm
). Akan tetapi Microsoft Internet Explorer dibawah versi 4.0 hanya mengenal 16
nama warna saja.
Jika atribut tidak digunakan, browser akan menggunakan warna teks hitam dan
latar belakang putih atau abu-abu (tergantung brower dan versi browser yang
dipakai) dengan link berwarna biru.
b.
Berikut adalah 16 nama warna tersebut yang otomatis juga didukung oleh
Netscape Navigator:
Gambar 3.6: Menggunakan dua latar belakang sekaligus
=
=
=
=
=
=
#000000
#FFFFFF
#FF0000
#FFFF00
#00FF00
#00FFFF
Blue
Fuchsia
Gray
Silver
Maroon
=
=
=
=
=
#0000FF
#FF00FF
#808080
#C0C0C0
#800000
Olive
Green
Teal
Navy
Purple
=
=
=
=
=
#808000
#008000
#008080
#000080
#800080
BC
3.3.7 Mengatur Warna Latarbelakang
lu
Black
White
Red
Yellow
Lime
Aqua
OK
Warna latar belakang (background) dapat dimanipulasi dengan dua cara.
Pertama, menggunakan atribut BGCOLOR dan yang kedua, menggunakan atribut
BACKGROUND. BGCOLOR digunakan untuk membuat latar belakang dengan
warna-warna solid, sedangkan BACKGROUND digunakan untuk membuat latar
belakang dengan file gambar. Sebagai contoh, untuk menampilkan teks putih
dengan latar belakang hitam, Anda dapat menggunakan cara berikut :
<BODY TEXT="white" BGCOLOR="black">
<CENTER><H1>HOME PAGE SERBA-GRATIS !</H1></CENTER>
</BODY>
ww
w.
Anda juga dapat menggunakan kedua atribut bersama-sama sebagai cadangan jika
atribut BACKGROUND yang menggunakan gambar sebagai latar belakang gagal
me-load gambar dari server. Gambar 3.6 adalah contoh penggunan kedua atribut
ini bersama-sama untuk mendapatkan warna latar belakang hitam jika file gambar
background.jpg yang dipakai sebagai latar belakang gagal di-load.
OKB Club Indonesia – http://www.okbclub.com
61
Gambar 3.7: Hasil gambar 3.6 jika file background berhasil di load
Cara diatas adalah trik yang harus digunakan jika Anda ingin menampilkan
karakter-karakter dengan warna terang. Sebab jika Anda menggunakan teks
putih/kuning, sementara gambar berwarna gelap yang akan dipakai sebagai latar
belakang gagal di-load, maka browser akan secara otomatis menggunakan warna
latar belakang default (putih) sehingga tulisan Anda kemungkinan besar tidak
terbaca oleh pengunjung.
OKB Club Indonesia – http://www.okbclub.com
62
server yang digunakan adalah server yang sama dengan lokasi dokumen Anda,
maka penulisan alamat servernya dapat dihilangkan seperti ini :
m
Perhatikan juga bahwa contoh diatas menggunakan file gambar
background.jpg yang berada dilokasi yang sama dengan lokasi file
index.html berada. Jika file gambarnya berada dilokasi lain, Anda harus
menulisnya dengan lokasi yang benar, misalnya:
co
<A HREF="/trainer/daikatana.htm">Trainer Daikatana</A>
Dan jika lokasi file daikatana.htm berada dalam sub direktori yang sama, Anda
cukup menulis baris diatas dengan cara berikut :
<BODY TEXT="white" BGCOLOR="black"
BACKGROUND="/images/background.jpg">
Dan jika file gambarnya berada dialamat server (situs web) yang lain, maka
Anda harus menggunakan alamat server tersebut secara lengkap, misalnya :
b.
<A HREF="daikatana.htm">Trainer Daikatana</A>
3.3.8 Menggunakan Link
Contoh :
OK
<A HREF="Lokasi_Dokumen_Tujuan">Nama Link</A>
BC
Satu diantara dua tag yang 80%-nya digunakan dalam setiap halaman web adalah
<A> (selain tag <IMG>). Tag ini digunakan untuk melompat ke halaman html
lain, baik yang berada dalam server bersangkutan maupun diserver lain. Segala
sesuatu (teks atau gambar) yang diapit dengan tag ini apabila di klik akan
membawa user ke halaman lain sesuai atribut HREF yang digunakan dalam tag
tersebut. Format penggunaannya adalah sebagai berikut :
<A HREF="http://infocheats.tripod.com/trainer/
daikatana.htm">Trainer Daikatana</A>
Trainer Daikatana
w.
Yang akan ditampilkan oleh browser seperti ini :
Anda juga dapat melompat ke bagian lain dalam file dokumen yang sama. Dalam
hal ini lokasi tujuan lompatannya harus diberi nama terlebih dahulu. Sebagai
contoh, didalam file index.htm terdapat topik "Yang Baru Hari Ini" dan Anda
ingin membuat link-nya dari halaman yang sama pada posisi paling atas layar.
Untuk melakukannya, pertama-tama Anda harus memberi nama lokasi topiknya
dengan cara berikut :
lu
<BODY TEXT="white" BGCOLOR="black"
BACKGROUND="http://serba_gratis.tripod.com/images/
background.jpg">
<A NAME="yang_baru"></A>
<B><U>Yang Baru Hari Ini:</U></B>
Setelah itu, untuk membuat link kebagian tersebut, gunakan cara berikut :
<A HREF="index.htm#yang_baru">Yang Baru Hari Ini</A>
3.3.9 Mengatur Warna Link
Teks yang dijadikan link secara otomatis akan diberi garis bawah dan secara
default akan diberi warna biru, saat diklik akan berwarna ungu dan setelah di
klik warnanya akan berubah menjadi ungu. Untuk mengganti warna default ini,
gunakan atribut link dan alink dan vlink pada tag <BODY>. Sebagai
contoh, untuk mengganti warna link menjadi merah, saat diklik berwarna biru dan
setelah di klik menjadi hijau, gunakan cara berikut :
<BODY LINK="red" ALINK="blue" VLINK="green">
ww
Apabila mouse diklik diatas teks Trainer Daikatana, maka browser akan
membuka file daikatana.htm dialamat server infocheast.tripod.com. Apabila
OKB Club Indonesia – http://www.okbclub.com
63
OKB Club Indonesia – http://www.okbclub.com
64
m
<HR WIDTH="80%" ALIGN="right">
<HR ALIGN="center"><BR>
<HR ALIGN="center">
<HR SIZE="20" ALIGN="center" WIDTH="50%"><BR>
<HR SIZE="20" ALIGN="center" WIDTH="50%>
<HR ALIGN="center" SIZE="5' NOSHADE><BR>
<HR ALIGN="center" SIZE="5" NOSHADE>
<HR WIDTH="65%" ALIGN="center" SIZE="15"
NOSHADE><BR>
<HR WIDTH="65%" ALIGN="center" SIZE="15" NOSHADE>
<P><HR>
<I>Copyright © 2000 OKB Club Indonesia.</I>
</BODY>
3.3.10 Membuat Garis Horisontal
co
Garis horisontal biasanya digunakan untuk mempercantik tampilan atau untuk
memisah dua informasi dengan inti yang berlainan. Garis horisontal dapat dibuat
dengan tag <HR>. Dalam mode default, tag <HR> akan membangkitkan garis
horisontal yang hampir membelah layar dari kiri ke kanan dengan garis berwarna
abu-abu berbayang. Jika ingin ditampilkan dengan tampilan yang lain, Anda
dapat menggunakan atribut-atribut berikut:
3.4 MANIPULASI TEKS
b.
ALIGN="left | right | center" - Mengatur posisi garis
NOSHADE - Tidak menggunakan bayangan
Seperti sebuah dokumen, salah satu unsur yang menentukan menarik atau tidaknya
tampilan dokumen web adalah lay-out dan penggunaan jenis huruf yang tepat.
Hal-hal khusus yang perlu penekanan sebaiknya ditampilkan dalam huruf tebal,
sementara teks-teks yang mereferansi ke sesuatu hal diberi garis bawah atau
huruf miring dan demikian seterusnya.
lu
SIZE="angka" - Untuk mengatur tinggi garis dalam pixel
WIDTH="angka" - Untuk mengatur lebar garis dalam pixel atau persen
Sebagai contoh, tampilan pada gambar 3.8 berikut :
OK
BC
Bagaimanapun ada sedikit perbedaan antara tampilan halaman utama sebuah web
dengan tampilan dokumen cetak. Dalam membuat homepage, besar halaman
utama web Anda sebaiknya tidak lebih dari 35 Kb. Jika lebih dari itu, teks yang
dihasilkan akan menjadi sangat panjang sehingga tidak mirip dengan 'halaman'
lagi. Lebih dari itu, halaman utama web yang terlalu panjang akan membuat
pengunjung menjadi lupa akan inti yang ditawarkan web bersangkutan.
w.
Gambar 3.8: Contoh penggunaan tag <HR>
Huruf-huruf tebal dengan mudah dapat dibuat dengan tag <B>…</B>. Semua
huruf atau teks yang diletakkan diantara tag ini akan ditampilkan tebal. Sebagai
contoh, baris berikut:
akan ditampilkan oleh browser seperti ini:
<BODY BGCOLOR="#C0C0C0">
<HR WIDTH="80%" ALIGN="left"><BR>
<HR WIDTH="80%" ALIGN="left">
<HR WIDTH="80%" ALIGN="right"><BR>
ww
3.4.1 Tebal, Miring, Garis Bawah dan Kombinasi
<BODY>
Mengapa harus bayar kalau ada yang <B>GRATIS!</B>
</BODY>
Dihasilkan oleh baris-baris HTML seperti ini:
OKB Club Indonesia – http://www.okbclub.com
Dalam sub bab ini kita akan mempelajari cara mengatur ukuran huruf, mengatur
posisinya, warnanya, tipe hurufnya dan semua hal yang berhubungan dengan
manipulasi teks.
65
OKB Club Indonesia – http://www.okbclub.com
66
m
Karena setiap tag dapat dikombinasikan dengan tag yang lain, maka kita dapat
membentuk efek campuran. Sebagai contoh, kita dapat membuat teks tebal, miring
dan bergaris bawah dengan cara seperti ini:
Mengapa harus bayar kalau ada yang GRATIS!
co
Jika ingin menampilkan huruf atau teks miring (italic), tag yang harus digunakan
adalah <I>…</I>. Contoh berikut ini :
<BODY>
<B><I><U>Pokoknya semuanya GRATIS!</U></I></B>
</BODY>
<BODY>
Situs ini berisi semua informasi yang dibutuhkan untuk
<I>Membangun HomePage Sendiri</I> secara <B>GRATIS!</B>
</BODY>
b.
yang akan menghasilkan tampilan di browser seperti ini:
Pokoknya semuanya GRATIS!
Akan ditampikan oleh browser seperti ini:
<BODY>
Keterangan lebih lanjut, hubungi <U>WebMaster
SerbaGratis</U>.
</BODY>
akan ditampilkan seperti ini :
<BODY>
Jam
: 12<SUP>45</SUP> s/d 15<SUP>30</SUP> WIB.<BR>
Sudut : 90<SUP>o</SUP><BR>
Luas : 100m<SUP>2</SUP>
</BODY>
OK
Jika dilihat dengan browser akan tampak seperi ini :
Keterangan lebih lanjut, hubungi WebMaster SerbaGratis.
CATATAN :
SuperScript biasanya digunakan untuk menaikkan posisi karakter atau teks lebih
tinggi dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan
sebagainya. Perhatikan contoh berikut :
BC
Sementara itu, garis bawah dapat dibuat dengan mengapit teks dengan tag <U> …
</U>. Lihat contoh berikut:
lu
3.4.2 SubScript & SuperScript
Situs ini berisi semua informasi yang dibutuhkan untuk
Membangun HomePage Sendiri secara GRATIS!
ww
w.
Teks-teks yang dibuat link, secara otomatis juga ditampilkan dengan
garis bawah oleh browser. Bedanya, garis bawah yang dibuat
dengan tag <U>…</U> akan memiliki warna sesuai warna hurufnya,
sedangkan teks bergaris bawah hasil link akan memiliki warna
default link (biru) atau sesuai warna yang ditentukan oleh atribut
LINK dan VLINK.
OKB Club Indonesia – http://www.okbclub.com
Jam : 1245 s/d 1530 WIB.
Sudut : 90o
Luas : 100m2
Sementara itu, SubScript biasanya digunakan untuk menurunkan posisi karakter
atau teks menjadi lebih rendah dari teks normal, misalnya untuk menampilkan
kode rumus atau indek. Sebagai contoh, tampilan seperti ini:
Ucal = 3.1956
Atur selektor YA dan YB menjadi 50 Point
XY14 XY15
Dapat dihasilkan dengan cara penulisan tag seperti ini:
67
OKB Club Indonesia – http://www.okbclub.com
68
m
<BODY>
U<SUB>cal</SUB> = 3.1956<BR>
Atur selektor Y<SUB>A</SUB> dan Y<SUB>B</SUB> menjadi 50
Point<BR>
XY<SUB>14</SUB>  XY<SUB>15</SUB>
</BODY>
akan ditampilkan oleh browser seperti ini :
co
Penawaran khusus !!!
Komputer
Seperti telah dijelaskan pada sub bab 3.2.4, karakter spasi yang lebih dari satu,
karakter [tab] maupun [enter] akan diabaikan oleh browser. Browser tidak dapat
menampilkan 2 baris teks jika pemisah diantara kedua baris tersebut adalah kode
[enter]. Browser tidak dapat menampilkan 2 buah spasi jika yang digunakan
benar-benar 2 buah spasi. Untuk mengatasi hal ini, yakni untuk menampilkan teks
apa adanya (spasi ditampilkan spasi, [enter] ditanggapi sebagai [enter] dan
sebagainya) kita dapat menggunakan tag <PRE>…</PRE>. Contoh dibawah ini
akan ditampilkan browser dalam posisi yang persis sama dengan aslinya.
Pentium
Celeron
Pentium
Pentium
Pentium
Sepi Jalan Dalam Kenangan
Suara Hujan Ketuk Kaca Jalanan
Oh Suasana Nostalgia Yang Anda
Menyentuh Rinduku Hari Yang Lalu
</PRE>
Untuk mencoret teks, Anda dapat mengapit teks yang ingin dicoret dengan tag
<STRIKE> dan </STRIKE>. Contoh dibawah ini :
ww
w.
<BODY>
<B>Penawaran khusus !!!</B><PRE>
Komputer
Speed
Harga Lama
Harga Baru</B><BR>
Pentium MMX 266 Mhz Rp. <STRIKE>500.000,-</STRIKE> Rp.
350.000,Celeron
500 Mhz Rp. <STRIKE>600.000,-</STRIKE> Rp.
500.000,Pentium II
550 Mhz Rp. <STRIKE>850.000,-</STRIKE> Rp.
650.000,Pentium III
1 Ghz Rp. <STRIKE>950.000,-</STRIKE> Rp.
875.000,Pentium IV
2.2 Ghz Rp. <STRIKE>999.000,-</STRIKE> Rp.
900.000,-</PRE>
</BODY>
OKB Club Indonesia – http://www.okbclub.com
Harga Baru
266
500
550
1
2.2
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Rp.
Mhz
Mhz
Mhz
Ghz
Ghz
500.000,600.000,850.000,950.000,999.000,-
350.000,500.000,650.000,875.000,900.000,-
lu
OK
3.4.4 Mencoret teks
II
III
IV
Harga Lama
3.4.5 Membuat Teks Berkedip
Jika Anda ingin menampilkan teks tertentu lebih menarik perhatian daripada teksteks yang lain, misalnya kata PERHATIAN! atau AWAS! Anda dapat
menampilkannya dalam bentuk teks yang berkedip-kedip. Tag yang dapat
digunakan adalah <BLINK>…</BLINK>. Contoh :
BC
<PRE>
<B>MALAM DIKOTAMU</B>
MMX
Speed
b.
3.4.3 Menampilkan Teks Apa Adanya
<CENTER>
<B><BLINK>PERHATIAN!</BLINK></B>
<P>Ini adalah Situs Khusus Untuk Orang Dewasa. Bagi Anda yang
<B>berusia dibawah 21 tahun</B>, silahkan klik tombol BACK di
browser Anda!</P>
</CENTER>
CATATAN :
Fungsi pengedipan teks hanya didukung oleh Netscape. Jika user
menggunakan NCSA Mosaic atau Internet Explorer, teks
"PERHATIAN!" diatas tidak akan berkedip-kedip, melainkan
ditampilkan seperti teks biasa!
3.4.6 Membuat Teks Berjalan
Teks berjalan dapat dibuat dengan tag <MARQUEE>..</MARQUEE>. Atribut
yang umum digunakan adalah :
BGCOLOR="warna" – Untuk mengatur warna background teks
69
OKB Club Indonesia – http://www.okbclub.com
70
dimana n adalah angka dari 1 s/d 6. Margin dapat berupa "left" (default),
"right" atau "center". Contoh :
m
DIRECTION="left | right" – Mengatur arah gerakan teks
BEHAVIOR="scroll | slide | alternate" – Mengatur perilaku gerakan
(scroll=teks bergerak berputar, slide=teks bergerak sekali lalu berhenti,
alternate=teks bergerak kekiri lalu kekanan dst.)
TITLE="pesan" – Pesan akan muncul saat mouse berada diatas teks
SCROLLAMOUNT="angka" – Mengatur kecepatan gerakan dalam pixel,
semakin banyak semakin cepat
SCROLLDELAY="angka" – Mengatur waktu tunda gerakan dalam mili detik
LOOP="angka | -1 | infinite" – Mengatur jumlah loop
WIDTH="lebar" – Mengatur lebar blok teks dalam pixel atau persen
b.
co
<BODY>
<H1>Menggunakan Header Level 1 (<H1>)</H1>
<H2>Menggunakan Header Level 2 (<H2>)</H2>
<H3>Menggunakan Header Level 3 (<H3>)</H3>
<H3 ALIGN="center">Menggunakan Header Level 3
(dengan ALIGN="center")</H3>
<H3 ALIGN="right">Menggunakan Header Level 3
(dengan ALIGN="right")</H3>
<H4>Menggunakan Header Level 4 (<H4>)</H4>
<H5>Menggunakan Header Level 5 (<H5>)</H5>
<H6>Menggunakan Header Level 6 (<H6>)</H6>
<BODY>
CATATAN :
BC
<CENTER><FONT FACE="arial" COLOR="white"><B>
<MARQUEE BGCOLOR="Red" WIDTH="60%">
Teks ini ditampilkan berjalan dari kanan ke kiri !
</MARQUEE>
</B></FONT></CENTER>
lu
Berikut adalah contoh untuk menampilkan teks dengan font arial berwarna putih
diatas dasar merah yang berjalan dari kanan kekiri ditengah layar :
3.4.7 Menggunakan Header
OK
Jika fungsi teks berkedip hanya dimengerti oleh Netscape, maka
fungsi teks berjalan hanya dimengerti oleh Internet Explorer. Untuk
membuat teks berjalan yang juga dapat dimengerti oleh Netscape,
Anda dapat menggunakan JavaScript atau file animasi!
ww
<Hn ALIGN="margin">
w.
Header adalah huruf-huruf atau teks berukuran khusus yang dapat digunakan untuk
memberi judul suatu bab atau sub bab dalam dokumen. Ada 6 level ukuran
header yang dapat digunakan sesuai kebutuhan. Header level 1 adalah header
dengan ukuran huruf paling besar sedangkan header level 6 adalah header
dengan ukuran huruf paling kecil. Sintak penggunaannya adalah sebagai berikut:
OKB Club Indonesia – http://www.okbclub.com
71
Gambar 3.9: Mengatur ukuran font dengan Header
3.4.8 Mengatur Paragraph
Setiap dokumen biasanya terdiri dari satu paragraph atau lebih. Masing-masing
paragraph dipisahkan dengan spasi kosong. Secara umum Anda bisa memakai
dua tag <BR> untuk membuat spasi kosong diantara 2 paragraph, tetapi ini tidak
praktis. Ada tag khusus yang dapat digunakan untuk memisahkan paragraph, yaitu
OKB Club Indonesia – http://www.okbclub.com
72
co
Ini adalah paragraph pertama.
<P>Dan ini adalah paragraph kedua.
Akan menghasilkan efek yang sama dengan baris ini:
b.
Ini adalah paragraph pertama
<BR><BR>Dan ini adalah paragraph kedua.
Tag <P> sebenarnya memiliki atribut khusus yang dapat kita gunakan untuk
mengatur mode perataan (alignment) teksnya. Sintak penggunaannya adalah
seperti ini:
"left" - Untuk membuat paragraph rata kiri (default)
"right" - Untuk membuat paragraph rata kanan
BC
<P ALIGN="mode_perataan">
lu
3.4.9 Mengatur Alignment
dimana mode_perataan adalah mode perataan teks yang dapat berupa:
GRATIS! Dari mulai akses internet-nya, alamat
email-nya, editor-nya, program-program bantunya,
trik-triknya, informasinya, web server-nya,
guestbook-nya, counter-nya, script-nya dll.
<P ALIGN="right">Situs ini berisi semua informasi
yang dibutuhkan untuk Membangun Home Page Sendiri
secara GRATIS! Dari mulai akses internet-nya,
alamat email-nya, editor-nya, program bantunya,
trik-triknya, informasinya, web server-nya,
guestbook-nya, counter-nya, script-nya dll.
<P ALIGN="center">Situs ini berisi semua informasi
yang dibutuhkan untuk Membangun Home Page Sendiri
secara GRATIS! Dari mulai akses internet-nya,
alamat email-nya, editor-nya, program bantunya,
trik-triknya, informasinya, web server-nya,
guestbook-nya, counter-nya, script-nya dll.
<P ALIGN="justify">Situs ini berisi semua
informasi yang dibutuhkan untuk Membangun Home Page
Sendiri secara GRATIS! Dari mulai akses internetnya, alamat email-nya, editor-nya, program
bantunya, trik-triknya, informasinya, web servernya, guestbook-nya, counter-nya, script-nya dll.
</BODY>
m
tag <P>. Secara otomatis, penggunaan tag ini akan membangkitkan efek yang
sama dengan penulisan 2 buah tag <BR>. Contoh:
OK
"center" - Untuk membuat paragraph berada ditengah layar
"justify" - Membuat paragraph rata kiri dan kanan (hanya
berlaku untuk Netscape Comunicator dan MS Internet
Explorer versi 4 beta 2 keatas)
w.
Sebagai contoh, tampilan pada gambar 3.10 dihasilkan dari baris-baris dibawah
ini. Paragraph pertama menggunakan mode perataan default (rata kiri), paragraph
kedua menggunakan mode rata-kanan, paragraph ketiga menggunakan mode
'center' dan paragraph terakhir menggunakan mode perataan kiri dan kanan
(justify).
ww
<BODY>
<P>Situs ini berisi semua informasi yang
dibutuhkan untuk Membangun Home Page Sendiri secara
OKB Club Indonesia – http://www.okbclub.com
73
Gambar 3.10: Contoh-contoh pengaturan aligment teks
OKB Club Indonesia – http://www.okbclub.com
74
m
satu penyedia jasa Internet. Tetapi bagaimana sebenarnya
mekanisme yang terjadi sehingga kita dapat berkencan?</P>
--<I>Majalah Infokomputer</I>, Oktober 1999 –
</BLOCKQUOTE>
</BODY>
TIPS :
co
Penggunaan tag <P ALIGN="center"> menghasilkan reaksi yang
sama dengan penggunaan tag <CENTER> … </CENTER>.
3.4.10 Mengatur Indent Paragraph
3.4.11 Memilih Font
Jika Anda menghendaki sebuah paragraph lebih masuk kedalam (indent) dari
pada paragraph-paragraph yang lain, Anda dapat menggunakan tag
<BLOCKQUOTE>…</BLOCKQUOTE>.
lu
b.
Secara default, semua teks normal yang ditulis dihalaman web akan ditampilkan
dengan tipe huruf (font) Times New Roman berukuran 10 point, sedangkan teksteks formatted akan ditampilkan dengan tipe huruf Courier New. Dari sisi user,
jika ingin tampilan dengan tipe huruf yang lain, user dapat merubah tipe-tipe
hurufnya dengan cara merubah setting huruf default di browser-nya dengan cara
seperti ini:
Jika menggunakan Netcape Navigator : Klik menu Options Æ General
Preference… Æ pilih tab Fonts Æ klik tombol Choose Font….
OK
BC
Jika menggunakan Internet Explorer : Klik menu View Æ Internet
Options… Æ pilih tab General Æ klik tombol Fonts….
Gambar 3.11: Indent paragraph dapat diatur dengan <blockquote>
w.
Sebagai contoh, tampilan pada gambar 3.11 diatas adalah hasil dari baris-baris
html dibawah ini :
ww
<BODY>
Teks normal ….
<BLOCKQUOTE>
<P><B>Routing di Internet</B>
<P>Kita semua tahu Internet menghubungkan komputer-komputer
yang ada dimuka bumi ini. Kita dapat mengirim e-mail yang
berada di Australia, Amerika, Eropa dan banyak lagi. Kita
juga dapat kencan dengan gadis Boston, demikian iklan salah
OKB Club Indonesia – http://www.okbclub.com
75
Sedangkan dari sisi perancang web, berbagai macam atribut huruf seperti ukuran,
warna atau tipe hurufnya dapat diatur dengan tag <FONT>…</FONT>. Tag ini
adalah satu-satunya tag manipulasi karakter bergaya fisik yang memiliki attribut.
Tag <FONT> pertama kali diperkenalkan oleh Netscape untuk mengatur ukuran
huruf. Kemudian disusul oleh Internet Explorer yang juga menambahkan 2
atribut baru, COLOR dan FACE. Semenjak saat itu, browser-browser berbasis
grafik yang biasanya hanya menampilkan huruf tebal, miring garis bawah dan
huruf-huruf berlebar tetap (fixed-width) atau kombinasi diantaranya, dapat
ditampilkan lebih bervariasi lagi. Format penggunaan tag ini adalah:
<FONT SIZE="ukuran" COLOR="warna" FACE="tipe_font">
dimana ukuran adalah angka 1 s/d 7, warna adalah kode warna (lihat sub bab
3.3.6) dan tipe_font adalah nama tipe huruf yang diinginkan. Sebagai contoh,
baris-baris dibawah ini akan ditampilkan browser seperti tampilan gambar 3.12.
<BODY><BASEFONT SIZE=5>
Ini tipe huruf normal (Times New Roman).<BR>
Ini <FONT FACE="Algerian">tipe huruf ALGERIAN</FONT>.<BR>
OKB Club Indonesia – http://www.okbclub.com
76
m
Ini <FONT FACE="Comic Sans MS">tipe huruf Comic Sans
MS</FONT>.<BR>
Ini <FONT FACE="Haettenschweiler">tipe huruf
Haettenschweiler</FONT>.<BR>
Ini <FONT FACE="Broadway">tipe huruf Broadway</FONT>.<BR>
Ini <FONT FACE="Diploma">tipe huruf DIPLOMA</FONT>.<BR>
Ini <FONT FACE="Tahoma">tipe huruf Tahoma</FONT>.<BR>
Ini <FONT FACE="Harlow">tipe huruf HARLOW</FONT>.
</BODY>
TIP MEMILIH FONT :
Pilihlah font yang kira-kira dimiliki oleh kebanyakan komputer
pengunjung homepage Anda. Jika Anda menggunakan font yang tidak
umum, maka kemungkinan besar pengunjung situs Anda tidak memiliki
tipe font seperti yang Anda miliki. Sebagai akibatnya, browser akan
menampilkan huruf dengan font default (New Times Roman) sehingga
tujuan Anda untuk menggunakan tipe-tipe font yang menurut Anda bagus
malah bisa menjadi tidak karuan!
2. Jika Anda tidak yakin pengunjung Anda memiliki font seperti yang
Anda inginkan, gunakanlah font alternatif (menggunakan font lain jika
font yang Anda inginkan tidak mereka miliki). Caranya adalah dengan
mencantumkan tipe font alternatifnya dibelakang font yang sudah ada
dengan perantara tanda koma. Jika ada spasi, font tersebut harus
dikurung dengan tanda petik tunggal. Contoh:
<FONT FACE="TopSecret,'Century
Gothic',Copacabana">teks</FONT>
BC
lu
b.
co
1.
3.4.12 Memilih Warna Font
OK
Gambar 3.12: Tampilan teks dalam berbagai macam tipe font
Selain ketiga atribut yang telah disebutkan diatas, masih ada satu lagi atribut
POINT-SIZE yang dapat digunakan sebagai alternatif baru yang lebih fleksibel
untuk mengatur ukuran huruf. Kemampuan yang hanya dimiliki oleh Netscape
Navigator versi 4.0 Beta 5+ ini dapat mengatasi keterbatasan atribut SIZE yang
hanya dapat mengatur ukuran font dari 1 sampai 7 saja. Format penggunaannya
adalah:
Contoh:
w.
<FONT POINT-SIZE="ukuran font dalam point">
Untuk memilih warna font, Anda tinggal mengisi atribut COLOR= dengan warna
yang diinginkan. Berbeda dengan penggunaan atribut TEXT= pada tag BODY
yang mengatur warna teks untuk keseluruhan dokumen, atribut COLOR= pada tag
<FONT> hanya mengatur warna huruf sampai ditemukannya tag penutup
</FONT>.
Tampilan gambar 3.13 dihasilkan dengan baris-baris html dibawah ini :
<BODY>
<CENTER><H2>
<FONT FACE="arial"><FONT COLOR="Green">Selain <FONT
COLOR="blue"> tipe huruf,</FONT> kita juga dapat mengatur
</FONT><FONT COLOR="Fuchsia">WARNA</FONT> huruf dengan
mengatur <FONT COLOR="Aqua">attribut</FONT> <FONT
COLOR="red">
COLOR=</FONT> <FONT COLOR="Yellow">warna</FONT> pada tag
<FONT>.</FONT>
</H2></CENTER>
</BODY>
ww
<font POINT-SIZE=20>Text dengan ukuran 20 point</font>
OKB Club Indonesia – http://www.okbclub.com
77
OKB Club Indonesia – http://www.okbclub.com
78
m
co
b.
lu
Gambar 3.14: Ukuran font bisa diatur dengan atribut “SIZE=x”
Gambar 3.13: Warna font bisa diatur dengan atribut “COLOR=x”
3.4.13 Mengatur Ukuran Font
BC
3.4.14 Mengatur Font Default
Ukuran font dapat dipilih dengan mengatur atribut SIZE= pada tag <FONT>.
Ukuran-ukuran yang dapat dipilih adalah angka 1 (setara dengan ukuran standar
windows 8 point) s/d 7 (setara dengan 36 point). Contoh:
SIZE=1</FONT> <FONT SIZE=2>FONT
OK
<BODY><B>
<FONT SIZE=1>FONT
SIZE=2</FONT>
<FONT SIZE=3>FONT
SIZE=4</FONT>
<FONT SIZE=5>FONT
SIZE=6</FONT>
<FONT SIZE=7>FONT
</BODY>
SIZE=3</FONT> <FONT SIZE=4>FONT
SIZE=5</FONT> <FONT SIZE=6>FONT
SIZE=7</FONT></B>
ww
w.
Selain angka 1 s/d 7, kita juga dapat menggunakan tanda – atau + didepan angkaangka tersebut untuk mengatur ukuran huruf relatif terhadap ukuran huruf default
yang diatur oleh tag <BASEFONT> (dibahas dibawah).
OKB Club Indonesia – http://www.okbclub.com
79
Warna teks default memang dapat diset dengan atribut TEXT= dalam tag
<BODY> (lihat sub bab 3.3.6), akan tetapi ukuran dan tipe hurufnya tidak. Untuk
mengatasinya, Anda dapat menggunakan tag <BASEFONT>. Cara penggunaannya
adalah seperti ini:
<BASEFONT SIZE="ukuran" COLOR="warna"
FACE="font">
dimana "ukuran" adalah ukuran font dari 1 s/d 7. "warna" adalah kode warna
default yang diinginkan dan "font" adalah tipe huruf yang diinginkan, misalnya
'Arial', 'Times New Roman', 'Algerian' dlsb. Contoh:
<BASEFONT SIZE="3" COLOR="blue" FACE="arial">
<BODY>
… Semua teks disini secara default akan ditampilkan dengan
tipe huruf Arial berwarna biru dengan ukuran font 3 (setara
dengan 12 point dalam windows) </BODY>
OKB Club Indonesia – http://www.okbclub.com
80
m
SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR>
<B>Dengan BASEFONT SIZE="2"</B><BR>
<BASEFONT SIZE="2">
<FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
</FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR>
<BASEFONT SIZE="3">
<B>Dengan BASEFONT SIZE="4"</B><BR>
<BASEFONT SIZE="4">
<FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
</FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT>
</BODY>
TIPS :
b.
CATATAN :
lu
Font-font yang dibentuk dengan tag header (<H1>, <H2>, <H3>, <H4>,
<H5> dan <H6>) tidak terpengeruh oleh tag <BASEFONT>.
3.5 MANIPULASI GAMBAR
Selain ukuran dan warna teks yang kreatif, gambar adalah materi bagus untuk
meningkatkan tampilan web karena gambar dapat membangkitkan nuansa
informasi visual. Tetapi terlalu banyak gambar dapat menyita bandwidth
sehingga akan memerlukan waktu lebih banyak untuk membukanya, terutama jika
gambar-gambar yang digunakan tidak dioptimasi untuk penggunaan web. Desain
halaman web dengan gambar-gambar yang tidak tepat justru dapat menimbulkan
masalah!
w.
OK
BC
Ukuran yang dibuat sebagai base font akan digunakan oleh <FONT> sebagai
ukuran font dasar (default-nya adalah 3). Untuk mengubah ukuran font ini, Anda
harus menambahkan tanda "–" atau "+" (misalnya +4 atau -1). Sebagai contoh,
jika Anda mengatur base font dengan SIZE=3, maka jika kemudian Anda
menggunakan <FONT SIZE=+2>, maka font yang akan ditampilkan browser
adalah font berukuran 5 (dari 3+2). Tetapi perlu diperhatikan bahwa ukuran font
yang ditanggapi oleh browser maksimum adalah 7. Jika hasil penjumlahan font
lebih dari 7, browser tetap akan menampilkan ukuran font 7. Karena itu dengan
base font berukuran 6, <FONT SIZE=+4> akan menghasilkan tampilan yang
sama dengan <FONT SIZE=+2> atau sama dengan <FONT SIZE="7">.
Lihat contoh dibawah ini:
co
<BASEFONT> bisa diletakkan dimana saja, akan tetapi efek yang dihasilkan
hanya terjadi pada font yang berada pada baris-baris dibawahnya saja. Jika
Anda ingin mendapatkan efek pada semua font, letakkan tag <BASEFONT>
diatas tag <BODY> atau letakkan diantara <HEAD>…</HEAD>.
Gambar sebaiknya hanya digunakan untuk membuat tampilan web menjadi lebih
menarik dan informatif, tidak semata-mata membuat seluruh halaman menjadi
berbasis gambar! Ingatlah bahwa setiap gambar yang Anda gunakan akan
menambah waktu loading halaman web Anda, padahal setiap pengguna internet
selalu ingin segala sesuatunya berjalan serba cepat. Jika Anda ingin pengunjung
homepage Anda mampir dan betah tinggal lama di situs web Anda, buatlah
halaman-halaman web yang dapat diakses secepat mungkin. Untuk mengetahuinya,
cobalah menahan nafas sementara Anda membuka homepage Anda dengan
browser. Dapat? Jika tidak, berarti halaman Web Anda terlalu sarat dengan
gambar!
Gambar 3.15: Ukuran font default dapat diatur dengan <BASEFONT>
ww
<BODY>
<B>Tanpa BASEFONT (default)</B><BR>
<FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
</FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
OKB Club Indonesia – http://www.okbclub.com
81
3.5.1 Memburu Editor Gambar Gratis Dari Internet
Sekarang editor gambar dapat diperoleh dengan sangat mudah. Dari yang
sederhana sampai yang sangat canggih. Jika Anda menggunakan Windows, editor
OKB Club Indonesia – http://www.okbclub.com
82
co
b.
lu
BC
Jika Anda sempat jalan-jalan ke toko-toko CD-ROM yang lengkap, Anda akan
mendapati puluhan CD-ROM berisi berbagai macam editor gambar dari yang
sederhana sampai yang canggih dan rumit dengan harga berkisar 20 ribu sampai
60 ribu rupiah. Murah amat? Tentu saja karena ini versi bajakan! Jika Anda
kebetulan adalah salah seorang penggemar software, Anda pasti setuju untuk
mengatakan bahwa "Dimasa krisis ini, membeli software asli di Indonesia
jaaaaaauuh …. lebih sulit dari pada beli yang bajakan!". Jika Anda tidak sempat
jalan-jalan, ada ratusan bahkan ribuan editor gambar di Internet yang dapat di
download gratis! Salah satunya yang paling saya sarankan pada Anda untuk
memilikinya adalah Paint Shop Pro. Program ini sangat mudah digunakan dan
memiliki segudang fasilitas hebat yang sangat dibutuhkan oleh seorang desainer
web.
Paint
Shop
Pro
dapat
di
download
dari
http://www.jasc.com/psp.html.
Sementara untuk membuat teks 3 dimensi dan animasi teks, penulis sarankan
untuk
menggunakan
Xara3D
yang
dapat
di
download
dari
http://www.xara.com/.
m
gambar telah ada dikomputer Anda sebagai asesori default, yaitu PaintBrush
(Win 3.1) atau Ms. Paint (Win95/98/2000/NT). Sayangnya, kedua editor gambar
ini hanya dapat digunakan untuk manipulasi file-file gambar dalam format
*.BMP dan *.PCX. Sementara rekomendasi untuk penggunaan di web adalah
format *.JPG dan *.GIF.
Gambar 3.17: Tampilan program Xara3D
w.
OK
Untuk melengkapi Paint Shop Pro dan Xara3D, berikut adalah sebagian editor
gratis lain berserta alamat dimana Anda dapat men-download-nya:
ww
Gambar 3.16: Tampilan program Paint Shop Pro 5.0
OKB Club Indonesia – http://www.okbclub.com
83
NAMA PROGRAM
ALAMAT DOWNLOAD
GIMP
Button Artist
imageN
Windows Scanner
Photo Wizard
ImageForge
VCW VicMan's Photo Editor
Active Multimedia Button
Bevel Devil
Painter
Ornament Too
Mihov Image Resizer
Primus
i.Mage
Picture Power Paint
Xnview
Chaos Fx
http://www.gimp.org/win32/
http://mssoft.hypermart.net/
http://www.pixoid.com/
http://www.yildun.com/wscanner.html
http://www.americansys.com/
http://www.cursorarts.com/ca_imffw.html
http://www.photo-editor.net/
http://www.castlems.com/ammb4.html
http://www.emajen.com/beveldevil/index.htm
http://jansfreeware.com/
http://www.ocomag.com/
http://www.mihov.com/eng/ir.html
http://www.comm-unique.com/
http://www.ozemail.com.au/~fret/image.html
http://mprogs.hypermart.net/monsoft/
http://perso.wanadoo.fr/pierre.g/
http://www.world-of-newave.com/chaosfx/
OKB Club Indonesia – http://www.okbclub.com
84
HOME PAGE
m
http://members.xoom.com/JanVee/freeware.htm
http://www.bannermakerpro.8m.com/
http://homes.arealcity.com/pdblake/
http://www.asahi-net.or.jp/~gv9k-setg/
http://www.evgesoft.com/
http://www.totallyhip.com/
http://www.3dize.com/
http://www.icnet.de/
http://www.decatomb.com/
http://www.people.cornell.edu/pages/dmc27/
http://www.extensis.com/photoframe/
http://www.extensis.com/FREE_PhotoBevel/
http://www.xara.com/webstyle/
http://fabrizio.jth.it/imagoweb.htm
http://www.zapamicrosites.com/main.html
ALAMAT
http://cub.kcnet.org/~landrews/graphics/
http://www.acy.digex.net/~infomart/clipart/
http://www.barrysclipart.com/
http://www.toltbbs.com/~jhudson/clipart.htm
http://www.dove-ent.com/bfb/index.html
http://taotao.de/webb/
http://www.spriteworks.com/texworks.html
b.
co
Web Background
The Clip Art Connection
Barry's Clip Art Server
Caboodles Of Clip Art
Background Factory
Web Site Background
Texture Works
3.5.2 Cara Menampilkan Gambar
BC
Akhirnya, untuk membantu Anda dalam membuat desain background, penulis
sarankan untuk men-download program BackGround Tester. Dengan program
ini kita dapat melihat hasil kreasi gambar kita bila dipakai sebagai background
web dalam sekejap! Program ini dapat di download dari:
Lebih dari 90% browser terkenal yang ada saat ini dapat menampilkan
multimedia (suara dan gambar). Netscape dan Mosaic (dan kebanyakan browser
lain) awalnya hanya dapat menampilkan gambar dengan format *.GIF dan *.JPG
saja. Namun dalam perkembangannya, setiap browser dapat menampilkan format
lain dengan bantuan software external yang telah terinstal di komputer atau
dengan software tambahan (add-on). Dilain pihak, selain dapat menampilkan
gambar dengan format *.GIF dan *.JPG, Internet Explorer juga dapat
menampilkan gambar dengan format .PNG (Portable Network Graphic), gambargambar JPEG progresif dan juga *.BMP.
lu
Shaping
Banner Maker Pro
FilterFX Lite
Pmacs
WebCreator
WebPainter
Art-O-Matic
Filters Unlimited
Deca3D
BitMorph
PhotoFrame
PhotoBevel Solo
Xara WebStyle
imagoWEB
MicroSites
http://kiss.uni-lj.si/~k4fe0043/sw/BGTester.html
w.
OK
Sekarang, Netscape dan Internet Explorer juga mendukung file gambar dengan
format GIF89a. Format GIF89a adalah format *.GIF yang dapat diisi beberapa
gambar sekaligus (multi-image) sehingga dapat digunakan untuk membuat
animasi (lihat sub-bab Menggunakan Gambar Animasi dibawah).
Jika Anda tidak sempat membuat background sendiri, ada ribuan file
background dan tool yang dapat Anda download gratis dari internet, berikut
adalah beberapa alamat diantaranya :
ww
<IMG SRC="file_gambar">
Sebagai contoh, untuk menampilkan gambar logo.gif yang berada pada folder
yang sama dengan file html-nya, Anda dapat menggunakan perintah seperti ini:
<IMG SRC="logo.gif">
Gambar 3.18: Tampilan program BackGround Tester
OKB Club Indonesia – http://www.okbclub.com
Secara mudah gambar dapat ditampilkan kelayar dengan tag <IMG>. Cara
penggunaannya adalah seperti ini:
85
Tetapi jika file logo.gif berada di sub direktori lain, misalnya
direktori images, maka Anda harus menulisnya seperti ini :
di sub
<IMG SRC="images/logo.gif">
OKB Club Indonesia – http://www.okbclub.com
86
m
co
b.
lu
Gambar 3.19: Logo diatas dibuat dengan program Xara3D dan ditampilkan ke
dalam browser dengan tag <IMG>
Gambar 3.20: Menggunakan gambar sebagai linebar dan bullet list
<IMG SRC="http://gratis2000.tripod.com/images/logo.gif">
Selain atribut SRC, tag <IMG> memiliki beberapa atribut lain yang akan
dijelaskan pada sub bab berikutnya. Atribut-atribut itu adalah:
HEIGHT="tinggi_gambar" - Untuk mengatur tinggi gambar
OK
WIDTH="lebar_gambar" - Untuk mengatur lebar gambar
BORDER="border_gambar" - Untuk mengatur border gambar
ALT="teks" – Untuk menampilkan teks alternatif jika user mematikan fungsi
penampil gambar atau file gambarnya gagal di load ke browser.
w.
3.5.3 Membuat Linebar & Bullet Dengan Gambar
ww
Gambar dapat dimanfaatkan untuk membuat linebar atau bullet. Jika Anda
memiliki gambar linebar atau bullet (buatan sendiri, download dari internet atau
dari CD-ROM Web Graphics), Anda dapat menggunakannya untuk mempercantik
tampilan web Anda.
OKB Club Indonesia – http://www.okbclub.com
Sebagai contoh, jika Anda memiliki file gambar "background.jpg", "garis.gif"
dan "bola.gif", maka Anda dapat menggunakannya untuk mempercantik tampilan
list (gambar 3.20) dengan cara seperti ini:
BC
Sedangkan jika file gambarnya berada di server lain, Anda harus menulis alamat
server-nya secara lengkap seperti ini :
87
<BASEFONT FACE="arial">
<BODY BACKGROUND="background.jpg" TEXT="white">
<H2>DAFTAR SEARCH ENGINE</H2>
<IMG SRC="garis.gif"><P>
<IMG SRC="bola.gif"> Alta Vista<BR>
<IMG SRC="bola.gif"> Ask Jeeves<BR>
<IMG SRC="bola.gif"> EuroSeek<BR>
<IMG SRC="bola.gif"> Excite<BR>
<IMG SRC="bola.gif"> HotBot<BR>
<IMG SRC="bola.gif"> InfoSeek<BR>
<IMG SRC="bola.gif"> Lycos<BR>
<IMG SRC="bola.gif"> Yahoo<BR>
<IMG SRC="bola.gif"> Web Crawler<BR>
</BODY>
3.5.4 Mengatur Ukuran Tampilan Gambar
Ukuran tampilan gambar di browser (tinggi dan lebarnya) dapat diatur sesuai
lay-out halaman yang kita inginkan. Perubahan ukuran hanya terjadi pada
tampilan browser, tidak pada file yang sebenarnya. Tinggi gambar dapat diatur
dengan atribut HEIGHT dan lebar gambar diatur dengan atribut WIDTH. Ukuran
yang digunakan adalah dalam satuan pixel atau persen layar.
OKB Club Indonesia – http://www.okbclub.com
88
Ukuran gambar yang ditampilkan dengan baris diatas akan mengikuti ukuran layar
browser relatif terhadap seting ukuran resolusi layar. Jika layar diset pada
resolusi 800x600 pixel dan layar browser dibuat maksimum, maka gambar akan
ditampilkan pada ukuran sekitar 400x300 pixel. Dan jika resolusi layarnya
1024x768 pixel, gambar akan ditampilkan dalam ukuran 512x384 pixel, yakni
50% ukuran jendela browser, bukan 50% ukuran gambar!
m
Sebagai contoh, jika kita memiliki file gambar dengan ukuran 90x120 pixel, maka
untuk menampilkannya dalam ukuran yang lain kita dapat melakukannya dengan
cara seperti ini (lihat hasilnya pada Gambar 3.21):
b.
Atribut HEIGHT dan WIDTH umumnya digunakan untuk mempercepat tampilnya
halaman web, karena kedua atribut ini secara teknis memerintahkan browser
untuk memesan tempat sebelum gambarnya sendiri berhasil di download.
Caranya adalah dengan mengatur gambar dengan ukuran sama seperti aslinya.
Sebagai contoh, jika ukuran gambarnya 90x120 pixel, maka kita harus
menampilkannya dengan cara seperi ini :
<IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120>
lu
Meskipun dapat menggunakan satuan persen, umumnya satuan ini hanya
digunakan untuk mengatur lebar gambar, bukan tinggi gambar. Sebab mengatur
tinggi gambar dengan satuan persen akan menghasilkan tampilan yang tidak
konsisten karena akan tergantung dari lebar jendela browser serta resolusi
tampilan layar. Karena itu jika Anda mengatur lebar gambar dengan satuan
persen, atribut HEIGHT tidak perlu diatur lagi karena ukuran pixelnya secara
otomatis di-skala dengan ukuran yang benar. Lihat contoh berikut:
co
<BODY>
<IMG SRC="fotoku.jpg"> (ukuran asli = 90x120 pixel)<P>
<IMG SRC="fotoku.jpg" WIDTH="45" HEIGHT="60"> (45x60 pixel)
<IMG SRC="fotoku.jpg" WIDTH="180" HEIGH="240"> (180x240
pixel)
<BODY>
TIPS :
Untuk mengetahui ukuran pixel pada Paint Shop Pro, lihat title bar
disebelah kanan bawah layar saat kursor mouse berada diatas
gambar.
w.
OK
BC
<IMG SRC="fotoku.jpg" WIDTH="50%">
ww
Gambar 3.21: Pengaturan ukuran gambar pada layar tidak mempengaruhi ukuran
asli file gambar
OKB Club Indonesia – http://www.okbclub.com
89
OKB Club Indonesia – http://www.okbclub.com
90
m
3.5.6 Mengatur Border Gambar
Penampilan teks diarea gambar dimaksudkan sebagai antisipasi terhadap user
yang masih menggunakan browser lama (yang tidak dapat menampilkan gambar)
atau menggunakan browser yang dimatikan fungsi penampilan gambarnya (untuk
mempercepat loading halaman web). Untuk menampilkan teks diarea gambar kita
dapat menggunakan atribut ALT.
Secara default, setiap gambar yang ditampilkan tidak memiliki border. Tetapi
jika gambar digunakan dalam fungsi hyperlink, justru default-nya memiliki
border.
co
3.5.5 Menampilkan Teks Di Area Gambar
Mengatur border yang mengelilingi sebuah gambar dapat dilakukan dengan
atribut BORDER. Jika digunakan sendirian, warna border yang dibuat adalah
sesuai warna teks disekitarnya atau warna teks yang ditentukan oleh atribut TEXT
dalam <BODY>. Jika digunakan dalam hyperlink, warna border yang digunakan
adalah warna default hyperlink atau warna yang ditentukan oleh atribut
LINK/VLINK dalam <BODY>. Contoh:
lu
<BODY>
<IMG SRC="fotoku.jpg"> <B> Tanpa BORDER
<IMG SRC="fotoku.jpg" BORDER="7"> BORDER="7"
<IMG SRC="fotoku.jpg" BORDER="15"> BORDER="15"</B>
</BODY>
OK
BC
<BODY>
<IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120 ALT="Gambar
Fotoku.jpg">
<IMG SRC="fotoku.jpg" ALT ="Gambar Fotoku.jpg (tanpa atribut
WIDTH & HEIGHT)">
</BODY>
b.
Contoh :
Gambar 3.22: Menggunakan WIDTH & HEIGHT untuk memesan area gambar
w.
Dari tampilan yang dihasilkan, terlihat lokasi pemesanan area gambar karena
penggunaan atribut WIDTH dan HEIGHT. Seringkali perancang web
memanfaatkan atribut ini untuk memberi informasi mengenai ukuran file gambar.
Hal ini dapat membantu tamu web untuk memperkirakan lama gambar dapat
ditampilkan ke layar secara utuh, misalnya:
ww
<IMG SRC="fotoku.gif" WIDTH=90 HEIGHT=120 ALT="fotoku.jpg
(90x120) 30 KB">
OKB Club Indonesia – http://www.okbclub.com
Gambar 3.23: Mengelilingi gambar dengan border
Selain menggunakan atribut BORDER, Anda juga dapat menggunakan tabel untuk
membuat border tiga dimensi (berbayang). Tabel akan dibahas tersendiri pada
sub bab berikutnya. Perhatikan contoh berikut yang menggunaakan fungsi tabel
untuk menampilkan gambar :
<TABLE BORDER="0" WIDTH="100%">
<TR>
91
OKB Club Indonesia – http://www.okbclub.com
92
Ukuran file gambar yang kecil membuat cepat waktu download gambar, tetapi
hasilnya mungkin tidak akan memuaskan Anda. Untuk mengatasinya, Anda dapat
menerapkan teknik khusus. Yakni menggunakan gambar seadanya dahulu (resolusi
rendah) sampai seluruh halaman selesai di-load. Setelah selesai, gambar dengan
resolusi yang sebenarnya (resolusi lebih tinggi) ditampilkan. Caranya adalah
menggunakan atribut LOWSRC.
co
m
<TD>Border = 2
<TABLE BORDER="2">
<TR><TD><IMG SRC="fotoku.jpg"></TD></TR>
</TABLE>
</TD>
<TD>Border = 8
<TABLE BORDER="8">
<TR><TD><IMG SRC="fotoku.jpg"></TD></TR>
</TABLE>
</TD>
<TD>Border = 15
<TABLE BORDER="15">
<TR><TD><IMG SRC="fotoku.jpg"></TD></TR>
</TABLE>
</TD>
</TR>
</TABLE>
b.
Penggunaan atribut LOWSRC memungkinkan tag <IMG> menampilkan dua
gambar sekaligus pada satu lokasi tetapi pada waktu yang berlainan. Gambar
yang ditampilkan pertama adalah gambar yang ditentukan dengan atribut
LOWSRC. Sedangkan gambar kedua adalah gambar yang ditampilkan dengan
atribut SRC. Gambar kedua akan ditampilkan diatas gambar pertama dan hanya
akan ditampilkan jika semua halaman web telah selesai di-load.
lu
Berikut adalah cara penggunaannya:
<IMG LOWSRC="gambar_1" SRC="gambar_2">
BC
dimana gambar_1 adalah file gambar dengan resolusi rendah dan gambar_2
adalah file gambar dengan resolusi asli (lebih tinggi).
Contoh:
<IMG LOWSRC="photo_low.gif" SRC="photo_high.gif">
CATATAN :
OK
Gambar 3.24: Memanfaatkan tabel untuk membuat border 3D
3.5.7 Trik Mempercepat Gambar Tampil Dilayar
ww
w.
Lepas dari kapasitas bandwidth dan jalur yang sibuk, cepat atau lambatnya
gambar ditampilkan dilayar sangat dipengaruhi oleh ukuran file gambarnya
sendiri. Ukuran file gambar ditentukan oleh warna, resolusi serta ukuran pixel
gambar. Semakin besar ukuran gambar, semakin banyak warna gambar atau
semakin tinggi resolusi gambar, akan membuat waktu download gambar menjadi
semakin lama karena ukuran file gambarnya juga semakin besar. Jadi, jika Anda
ingin gambar-gambar yang ada dihalaman web Anda cepat tampil di layar
komputer pengunjung, buatlah gambar dengan ukuran, warna dan resolusi sekecil
mungkin.
OKB Club Indonesia – http://www.okbclub.com
93
Ukuran pixel gambar pertama dan kedua harus sama.
Jika tidak, browser akan men-skala gambar kedua
menjadi sama dengan ukuran gambar pertama.
3.5.8 GIF atau JPG ?
Seperti telah dijelaskan diatas, semua browser berbasis grafik yang beredar saat
ini secara default dapat menampilkan gambar berformat GIF maupun JPG. Meski
sama baiknya, Anda harus pandai-pandai mensiasati penggunaannya.
Format GIF dapat menyimpan informasi warna hingga 8-bit per pixel atau sama
dengan 256 warna. Format ini sangat cocok untuk gambar grafik dan clip-art.
Format GIF memiliki sangat sedikit efek kompresi sehingga tidak ada degradasi
OKB Club Indonesia – http://www.okbclub.com
94
hampir tidak dapat dibedakan dengan gambar aslinya. Program JPEG Optimizer
(1.06 MB) dapat di download dari http://www.xat.com/
Sementara itu, format JPG dapat menyimpan informasi warna hingga 24-bit per
pixel atau sama dengan 16,7 juta warna (biasa disebut true-color). Karena
kemampuannya dalam menyimpan warna tersebut, format JPG sangat bagus untuk
gambar-gambar fotografi.
3.5.9 Menggunakan Gambar Animasi
co
m
(penurunan kualitas) gambar. Karena sedikitnya efek kompresi ini, ukuran file
GIF menjadi besar.
Gambar 3.25: Tampilan program JPEG Optimizer
BC
lu
b.
Hampir disetiap homepage yang kita kunjungi saat ini menggunakan satu atau
lebih gambar animasi, baik animasi logo, animasi gambar maupun animasi teks.
Animasi dapat menyajikan informasi lebih banyak dan lebih menarik karena
gambar bergerak selalu kelihatan lebih menarik daripada gambar diam. Lebih
dari itu, animasi teks yang berganti-ganti isinya tentu akan menampilkan lebih
banyak informasi.
ww
w.
OK
Format JPG menggunakan teknik kompresi secara intensif sehingga ukuran file
gambar dapat menjadi sangat kecil. Sayangnya, teknik kompresi yang intensif ini
menimbulkan efek degradasi. Anda dapat membatasi atau mengurangi efek
degradasi dengan cara menyimpan gambar dengan seting kualitas tertinggi. Akan
tetapi Anda akan kehilangan efek kompresi karena ukuran filenya menjadi
bertambah besar. Degradasi yang terjadi pada file-file JPEG karena teknik
kompresi disebut "artifacts". Untuk mengatur seberapa besar degradasi yang
masih dapat diterima oleh mata, Anda dapat menggunakan program JPEG
Optimizer. Selain mempermudah pengaturan resolusi gambar, JPEG Optimizer
juga dapat mengkompres hanya bagian-bagian tertentu dari gambar. Sebagai
contoh, perhatikan Gambar 3.25. Gambar sebelah kiri adalah gambar asli dengan
ukuran 23087 byte. Sedangkan gambar sebelah kanan adalah hasil gambar setelah
dioptimasi pada bagian-bagian tertentu sehingga ukurannya sekarang menjadi
14460 byte. Meski ukurannya menjadi lebih kecil, tetapi gambar yang dihasilkan
OKB Club Indonesia – http://www.okbclub.com
95
Gambar 3.26: Tampilan Animation Shop bawaan Paint Shop Pro 5.0
Animasi yang dapat ditampilkan langsung oleh browser (tanpa program tambahan
apapun) saat ini adalah file-file gambar dengan format GIF89a, yakni format
pengembangan lanjutan dari file format GIF. Format GIF89a adalah format file
yang memungkinkan untuk menyimpan beberapa gambar sekaligus dalam satu file.
Semua gambar kemudian ditampilkan satu persatu secara urut dengan waktu
tampil yang dapat diatur. Untuk membuat gambar-gambarnya, Anda dapat
menggunakan editor gambar apa saja. Akan tetapi untuk menggabungnya menjadi
OKB Club Indonesia – http://www.okbclub.com
96
bahwa setiap gambar yang Anda gunakan akan melakukan pemanggilan HTTP ke
server secara terpisah. Ini jelas memakan waktu. Karena itu jika Anda dapat
menggabung masing-masing gambar menjadi satu, maka Anda hanya perlu
melakukan satu pemanggilan HTTP ke server!
m
satu file dan mengendalikan waktu tayangnya, Anda harus menggunakan program
khusus, misalnya CEL Assembler, GIF Animator atau Animation Shop bawaan
editor gambar Paint Shop Pro versi 5.0 keatas.
Bagaimanapun, saat ini ada banyak sekali program yang bisa digunakan untuk
membuat gambar animasi. Tetapi kita akan menbahas khusus yang gratis-gratis
saja. Jadi, mari kita rame-rame memburunya di internet … Berikut adalah
sebagian kecil alamat dimana Anda dapat men-download program-program
animator tersebut:
co
b.
Setelah itu kita memerlukan kombinasi antara tag <MAP> dan
<AREA> untuk mendefinisikan area serta alamat link-nya. Sintak
penggunaan untuk <MAP> adalah:
<MAP MAP="nama_map">
lu
http://www.pysoft.com/?GIF_Designer_fr.html
http://www.yukudr.com/
http://www.alchemy-lab.com/products/agif/
http://rtlsoft.com/animagic/index.html
http://www.lakeclear.com/
http://www.coffeecup.com/
http://www.webutilities.com/
http://members.xoom.com/FcyD/GifStudio/
http://www.anarkmedia.com/products/emotion3d.htm
http://www.mindworkshop.com/alchemy/gifcon.html
http://www.moviegear.com/
http://www.geocities.com/athens/3683
http://www.diprode.com/
http://www.digfrontiers.com/anim.html
http://www.janimation.net/
ftp://ftp.simtel.net/pub/simtelnet/win95/java/jator350.zip
http://www.jedor.com/
http://www.macromedia.com/software/fireworks/
http://www.crayonsoft.com/
http://jansfreeware.com/
http://www.webutilities.com/
http://www.webutilities.com/
http://www.ulead.com/wrp/runme.htm
Dan sintak penggunaan untuk <AREA> adalah :
<AREA SHAPE="default|rect|circ|poly"
COORDS="lihat_penjelasan" HREF="link"
ALT="keterangan_link">
BC
HOME PAGE / ALAMAT DOWNLOAD
3D GIF Designer
Aesop GIF creator
Alchemy GIF Animator
AniMagic Gif Animator
Animato
CoffeeCup GIF Animator
COOL 3D
CyD GiF Studio Pro
Emotion 3D Web Edition
Gif Construction Set Pro
GIF Movie Gear
GIFLine
GIFLine Pro
HVS Animator
JAnimation Tool
Jator
Jedor Viscosity
Macromedia FireWorks
MagicViewer
Movies Lite
Ulead GIF Animator
Ulead Particle.Plugin
Ulead WebRazor Pro
<IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">
SHAPE="default" digunakan untuk menyatakan kemana link akan pergi jika link
khusus tidak didefinisikan didalam area. Dalam hal ini COORDS tidak digunakan.
OK
NAMA ANIMATOR
Untuk menggunakan imagemap, pertama-tama kita harus menambahkan atribut
USEMAP="nama_map" pada tag <IMG> seperti contoh berikut:
w.
3.5.10 Menggunakan Gambar Untuk Membuat
Imagemap
Imagemap memungkinkan kita untuk memasang beberapa link dalam satu gambar.
Pengeklikan pada area yang berbeda akan membawa kita pada link yang berbeda
pula.
ww
Jika Anda memiliki sekelompok gambar berdekatan yang masing-masing
memiliki link, maka sebaiknya Anda menggunakan imagemap. Ingat-ingatlah
OKB Club Indonesia – http://www.okbclub.com
97
Jika SHAPE="rect", maka COORDS="x,y,w,h". Dimana x,y adalah
koordinat kiri-atas dan w,h adalah koordinat kanan-bawah area link.
Jika SHAPE="circ", maka COORDS="x,y,r", dimana x,y adalah koordinat
pusat lingkaran dan r adalah radius lingkarannya.
Jika SHAPE="poly", maka COORDS="x,y,x,y,…" dimana x,y adalah
koordinat setiap titik polygon.
Perhatikan contoh penggunaannya dibawah ini:
<BODY BACKGROUND="background.jpg">
<IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">
<MAP NAME="menu">
<AREA SHAPE=RECT COORDS="15,88,256,113"
HREF="html_editor.html" ALT="Daftar HTML Editor Gratis!">
OKB Club Indonesia – http://www.okbclub.com
98
BC
lu
b.
co
m
<AREA SHAPE=RECT COORDS="15,115,264,139"
HREF="image_editor.html" ALT="Daftar Image Editor Gratis!">
<AREA SHAPE=RECT COORDS="15,141,192,163"
HREF="email_gratis.html" ALT="Daftar E-Mail Gratis!">
<AREA SHAPE=RECT COORDS="15,165,240,188"
HREF="web_space.html" ALT="Daftar Penyelnggara Web Space
Gratis!">
<AREA SHAPE=RECT COORDS="15,191,234,214" HREF="bookmark.html"
ALT="Daftar Bookmark Gratis!">
<AREA SHAPE=RECT COORDS="15,216,208,239" HREF="counter.html"
ALT="Daftar Counter Gratis!">
<AREA SHAPE=RECT COORDS="16,241,336,264"
HREF="web_authoring.html" ALT="Daftar Web Authoring Tool
Gratis!">
<AREA SHAPE=RECT COORDS="15,266,241,289"
HREF="uang_tunai.html" ALT="Daftar Penyandang Dana Gratis!">
</MAP>
</BODY>
Gambar 3.28: Tampilan imagemap creator – CrossEye
OK
3.5.11 Optimasi Gambar Untuk Situs Web
Gambar 3.27: Contoh penggunaan imagemap untuk membuat multi-link
ww
w.
Membuat imagemap perlu ketelitian dan kesabaran khusus karena angka-angka
koordinat yang dipakai agak rumit dan membingungkan, terutama jika
menggunakan koordinat polygon. Untuk mempermudah pembuatan imagemap,
ada banyak program bantu (disebut imagemap creator) yang dapat di download
gratis dari internet, diantaranya adalah HotSpot, MapThis! dan CrossEye.
Dalam hal ini penulis sarankan pada Anda untuk men-download program
CrossEye (lihat Gambar 3.28) karena kecanggihan dan kemudahan
pemakaiannya.
CrossEye
dapat
di
download
dari
http://www.sausage.com.au (2,8MB).
OKB Club Indonesia – http://www.okbclub.com
99
Salah satu trik untuk mempercepat akses halaman web dengan banyak gambar
adalah dengan mengoptimasi (memperkecil) ukuran file gambar dengan tidak
mengorbankan kualitasnya. Berikut adalah beberapa cara optimasi gambar yang
dapat kita lakukan.
Mengurangi Warna:
Setiap pixel gambar dengan kedalaman 16,7 juta warna membutuhkan memori
24-bit untuk menyimpan informasi warnanya. Apakah Anda benar-benar
membutuhkan 16,7 juta warna dalam gambar Anda? Mungkin ya, tetapi
seringkali tidak! Cobalah untuk mengurangi jumlah warna gambar Anda.
Kebanyakan clip-art bahkan hanya menggunakan 16 warna! Ini berarti hanya
4-bit per pixelnya, atau hanya membutuhkan bandwidth 1/6 kalinya! Tetapi
jika Anda melihat adanya degradasi warna (artifacts) yang payah, cobalah
simpan file dalam format JPG dengan kualitas gambar terbaik, atau gunakan
color safe pallete, kurangi jumlah warnanya dan simpan sebagai file GIF.
OKB Club Indonesia – http://www.okbclub.com
100
Menghilangkan Data Non-Gambar Pada File-File JPG:
m
Menghilangkan Komentar Pada File GIF:
b.
http://www.pppr.sk/rainbow/download/jpgcln15.zip
Menurunkan Kualitas Gambar Hingga Batas Yang
Masih Dapat Diterima Mata:
Secara default, editor gambar umumnya menyimpan file JPG pada level
degradasi/kualitas gambar sekitar 15 (0%=terbaik, 100%=terburuk). Padahal
hingga pada level 75-pun mata kita masih tidak mudah untuk dapat
membedakannya jika ditampilkan dilayar monitor. Karena itu, Anda dapat
menurunkan kualitas gambar JPG untuk memperkecil ukuran file hingga
sekitar sepersepuluhnya! Program yang penulis sarankan Anda download
untuk mempermudah pekerjaan ini adalah program WebGraphics Optimizer.
Dengan program ini Anda dapat membandingkan kualitas gambar asli dengan
5 gambar lain hasil optimasi secara langsung. Jika perlu, WebGraphics
Optimizer bahkan dapat mengkonversi file JPG ke GIF (atau sebaliknya) dan
langsung menampilkan hasilnya dilayar. Sebagai contoh, gambar paling kiri
dari Gambar 3.30 adalah file JPG asli dengan ukuran file 79,7KB. Setelah
dioptimasi, ukuran file ini dapat menjadi 7,9KB (hanya 10%!) tanpa
mengurangi kualitas gambar yang mampu dilihat oleh mata (lihat gambar
nomor dua dari kanan). WebGraphics Optimizer dapat di download dari
alamat: http://www.webopt.com/.
lu
BC
Untuk membersihkan berbagai macam informasi sampah tersebut, Anda dapat
menggunakan program GifClean32. Program ini secara otomatis dapat
membersihkan file-file GIF dari berbagai informasi tak berguna yang
menempel dan menambah ukuran file GIF. Dengan GifClean32, optimasi
ukuran file GIF dapat dilakukan dengan sangat mudah. Anda tinggal drag &
drop file GIF atau folder berisi file-file GIF ke jendela program dan
GifClean32 akan membereskannya untuk Anda. Optimasi ini dapat
mengurangi dari 100 byte hingga beberapa kilo byte ukuran file. Program
GifClean32 (393KB) dapat di download dari alamat :
Seperti format GIF, format JPG juga berisi struktur internal yang berisi data
non-gambar (seperti yang biasanya ditambahkan pada file-file yang dibuat
dengan Adobe Photoshop). Untuk membersihkan data tak berguna ini, Anda
dapat menggunakan program gratis bernama JPG Cleaner (33KB) yang dapat
di download dari http://rnbw.tsx.org, atau langsung ke :
co
Setiap file GIF sebenarnya berisi sejumlah informasi struktur file internal.
Informasi ini berkaitan dengan bagaimana gambar harus ditampilkan kelayar
(transparan terhadap background atau tidak), animasi atau standar, jumlah
looping (menentukan pola animasi), lama waktu tunda (menentukan lama
animasi), komentar (informasi mengenai tanggal pembuatan, pembuat, tool
yang dipakai, dll.) serta sejumlah struktur ekstensi lain. Komentar dan struktur
ekstensi lain yang sama sekali tak dikenal Netscape ini jelas menambah besar
file dan memperlama waktu download gambar. Komentar umumnya
diselipkan pada file-file GIF yang dibuat dengan program-program animator
versi shareware atau freeware yang tidak diregistrasi seperti terlihat pada
gambar 3.29.
w.
OK
http://members.tripod.com/~mharing/GifClean32.html
ww
Gambar 3.29: Komentar yang disisipkan program GIF Construction Set versi
shareware bisa dihilangkan dengan program GifCkean32
OKB Club Indonesia – http://www.okbclub.com
101
OKB Club Indonesia – http://www.okbclub.com
102
m
co
lu
b.
Memperkecil Area Gerak Gambar Animasi:
BC
Gambar 3.30: Tampilan WebGraphics Optimizer
OK
Gambar-gambar animasi sangat rakus bandwidth! Ingat-ingatlah bahwa setiap
frame yang digunakan akan membutuhkan jumlah memori dengan jumlah yang
sama dengan yang dibutuhkan frame pertama. Sebagai contoh, jika setiap
frame berukuran 15 KB, maka sebuah animasi dengan 4 frame akan
membutuhkan memori 4x15 = 60 KB! Animasi-animasi yang besar
membutuhkan waktu yang lama untuk loading. Jika Anda ingin halaman web
Anda dapat cepat di load, animasi sebisa mungkin dihindari. Tetapi jika
Anda dengan berbagai alasan tidak dapat meninggalkannya, buatlah animasi
dengan warna dan gerakan sesedikit mungkin!
ww
w.
Saat ini, beberapa program animator telah memungkinkan untuk melakukan
optimasi animasi secara internal. Salah satu diantaranya adalah Cel
Assembler. Optimasi Cell Assembler dilakukan dengan menghilangkan
bagian-bagian gambar yang tidak bergerak. Dengan cara ini, ukuran filenya
akan banyak berkurang.
OKB Club Indonesia – http://www.okbclub.com
103
Gambar 3.31: File gamani.gif sebelum dioptimasi (17KB)
Perhatikan gambar 3.31. File animasi yang tampak pada gambar tersebut
berukuran 150x50 pixel dengan 256 warna dan terdiri dari 24-frame. Ukuran
filenya adalah 17 KB. Frame-frame yang ada belum dioptimasi sehingga
setiap frame akan berukuran 150x50 pixel (area gambar berwarna putih).
Setelah dioptimasi, area setiap framenya akan dipotong sesuai isi gambar
yang bergerak sehingga ada yang tetap besar (150x50 pixel) dan ada yang
menjadi sangat kecil (25x25 pixel) seperti terlihat pada gambar 3.32. Setelah
disimpan, ukuran file animasi hasil optimasinya akan menjadi 10 KB atau
hanya 59 persennya! Program Cel Assembler dapat di download dari :
http://www.gamani.com/tools
Mengkompres File GIF Animasi:
Menggunakan gambar yang bagus dengan ukuran sekecil mungkin harus
menjadi perhatian utama jika Anda ingin menjadi WebMaster, bukan sekedar
WebDesainer. Karena itu, Anda harus mengusahakan pengecilan ukuran file
sekecil-kecilnya tetapi dengan kualitas sebaik-baiknya. Untuk melakukan
pekerjaan ini, penulis sarankan pada Anda untuk segera mendownload
OKB Club Indonesia – http://www.okbclub.com
104
lu
b.
co
m
program A Smaller GIF buatan Pedagoguery Software. Dengan program ini
ukuran file GIF animasi dapat dikompres dengan teknik khusus, sekaligus
menghilangkan komentar apapun yang menempel pada file tersebut.
Gambar 3.32: File gamani.gif setelah dioptimasi (10 KB)
BC
Gambar 3.33: Tampilan progran kompresi GIF animasi A Smaller GIF
Beberapa ISP (Internet Service Provider) meminta bayaran yang tinggi pada
para pelanggannya untuk pelayanan bandwidth yang digunakan. Jadi, jangan
melakukan link ke server mereka untuk menampilkan gambar dihalaman web
Anda. Mintalah ijin pada WebMaster-nya untuk melakukan download gambar
tersebut dan kemudian upload-lah ke server Anda sendiri!
3.6 MANIPULASI DAFTAR ITEM
http://www.peda.com/smaller/
Halaman-halaman web yang berisi daftar tentang nama-nama staf, divisi, stok
barang, daftar isi atau indek biasanya memerlukan tampilan yang rapi dan
profesional. Ada beberapa tag khusus yang berhubungan dengan pembuatan
daftar. Beberapa diantaranya adalah <UL>, <OL>, <LI>, <DL>, <DT>, <DD>,
<DIR> dan <MENU>.
OK
Gambar 3.33 adalah contoh tampilan A Smaller GIF saat melakukan
kompresi pada file gamani_opt.gif (hasil optimasi dengan Cell Assembler).
Perhatikan bahwa ukuran file hasil optimasi Cell Assembler adalah 10.180
byte. Setelah dikompres dengan A Smaller GIF, file tersebut akan berubah
menjadi 8.615 byte saja (berkurang hingga 15,37%). Program A Smaller GIF
dapat di download dari alamat :
w.
Jangan Menjadi Perampok Bandwidth!
ww
Bagaimanapun, fleksibilitas teknologi HTML memungkinkan Anda untuk
menggunakan sumber data dan gambar dari mana saja di seluruh penjuru
dunia. Anda dapat membuat halaman web dengan gambar yang Anda ambil
dari server manapun didunia ini. Memang itu mungkin, tetapi akan sangat
menyita waktu dan memboroskan bandwidth orang lain, bahkan bisa menjadi
ilegal jika gambar yang dipakai memiliki property right!
OKB Club Indonesia – http://www.okbclub.com
105
Manipulasi list tidak begitu populer secara ekstrim karena ia dapat diganti
dengan gambar bullet. Akan tetapi selain bekerja jauh lebih cepat dari
penggunaan gambar bullet, ia membuat kesan berbeda antara homepage pemula
dengan homepage bagus.
OKB Club Indonesia – http://www.okbclub.com
106
m
3.6.1 Membuat Daftar Tak Berurut
SERBA GRATIS DARI INTERNET
• Penyelenggara E-mail Gratis!
{ DALAM NEGERI :
„ Telkom
„ BolehMail
{ LUAR NEGERI :
„ Yahoo
„ Excite
• Penyelenggara Web Space Gratis!
co
Daftar tak berurut dapat digunakan untuk membuat daftar item yang isinya tidak
berurut. Tag yang digunakan adalah <UL>…</UL>. Setiap item yang ada di
dalam daftar harus didahului dengan tag <LI>.
Contoh :
lu
<!-- level 1 -<!-- level 2 -<!-- level 3 -<!-- level 3 -<!-- level 2 -<!-- level 3 --
"disc"
- menghasilkan gambar bullet •
"square" - menghasilkan gambar bullet „
"circle" - menghasilkan gambar bullet {
Sementara itu atribut COMPACT="COMPACT" dapat digunakan untuk
mengurangi spasi antar item (hanya berlaku untuk Netscape). Penggunaan tag
<UL> menghasilkan reaksi yang sama dengan penggunakan tag <DIR> dan
<MENU>, kecuali bahwa tag <DIR> didesain untuk daftar dengan item-item
pendek dan tag <MENU> didesain untuk item-item panjang. Contoh :
<!-- level 3 --
w.
ww
<UL TYPE="kode_bullet" COMPACT="COMPACT">
dimana "kode_bullet" dapat berupa salah satu dari :
OK
<BODY>
<B>SERBA GRATIS DARI INTERNET</B>
<UL>
<LI><B>Penyelenggara E-mail Gratis!</B>
>
<UL>
<LI>DALAM NEGERI :
>
<UL>
<LI><U>Telkom</U>
>
<LI><U>BolehMail</U>
>
</UL>
<LI>LUAR NEGERI :
>
<UL>
<LI><U>Yahoo</U>
>
<LI><U>Excite</U>
>
</UL>
</UL>
<LI><B>Penyelenggara Web Space Gratis!</B>
>
</BODY>
Jika tidak senang dengan tampilan default, Anda dapat memilih tipe bullet
sendiri dengan mengisi atribut TYPE pada tag <UL> dengan format berikut :
BC
Secara default, browser akan menghasilkan gambar bullet berupa bulatan hitam
untuk item level pertama, gambar lingkaran untuk item level kedua dan gambar
kotak hitam untuk item level ketiga. Demikian seterusnya secara berulang.
Perhatikan contoh berikut :
b.
<B>PENYELENGGARA E-MAIL GRATIS!</B>
<UL>
<LI><a href="http://mail.telkom.net">Telkom</a>
<LI><a href="http://www.satunet.net">Satunet</a>
<LI><a href="http://mail.yahoo.com">Yahoo</a>
<LI><a href="http://mail.excite.com">Excite</a>
</UL>
<!-- level 1 --
<DIR>
<LI>A-H<LI>I-M<LI>N-R<LI>S-Z
</DIR>
Akan menghasilkan tampilan seperti ini :
OKB Club Indonesia – http://www.okbclub.com
107
OKB Club Indonesia – http://www.okbclub.com
108
m
3.6.2 Membuat Daftar Berurut
co
Daftar berurut dapat digunakan unruk membuat daftar item dengan nomor urut.
Tag yang dapat digunakan adalah <OL>…</OL>. Setiap item harus diawali
dengan tag <LI>. Anda dapat menentukan tipe nomor urutnya sendiri dengan
mengisi atribut TYPE dengan tipe_nomor seperti terlihat pada sintak penggunaan
tag <OL> berikut :
b.
<OL TYPE="tipe_nomor" START="angka">
Tipe_nomor
Ditampilkan browser
1
a
A
i
I
1, 2, 3, …
a, b, c, …
A, B, C, …
i, ii, iii, …
I, II, III, …
lu
dimana tipe_nomor digunakan untuk menentukan tipe nomor yang ingin
ditampilkan oleh browser. Dapat berupa salah satu dari :
BC
Gambar 3.34: Tipe penomoran item bisa diatur dengan atribut “TIPE=x”
3.6.3 Mengatur Angka Awal Item
OK
"angka" pada atribut START= adalah angka integer yang dapat digunakan untuk
menentukan angka awal item (akan dijelaskan dibawah). Default tipe angka dan
nomor awal adalah 1. Perhatikan contoh berikut :
ww
w.
<BODY>
<B>SERBA GRATIS DARI INTERNET</B>
<OL TYPE="I"><B>
<LI>Penyelenggara E-mail Gratis!</B>
<OL TYPE="A">
<LI>DALAM NEGERI :
<OL>
<LI><a href="http://mail.telkom.net">Telkom</a>
<LI><a href="http://www.bolehmail.com">BolehMail</a>
</OL>
<LI>LUAR NEGERI :
<OL>
<LI><a href="http://mail.yahoo.com">Yahoo</a>
<LI><a href="http://mail.excite.com">Excite</a>
</OL>
</OL><B>
<LI>Penyelenggara Web Space Gratis!</B>
</BODY>
OKB Club Indonesia – http://www.okbclub.com
109
Nomor awal item secara default ditentukan oleh isi atribut START=. Tetapi kita
juga dapat mengatur nomor awal sendiri dengan mengatur atribut VALUE= pada
tag <LI>. Sintak penggunaannya adalah :
<LI TYPE="typeUL|typeOL" VALUE="angka_integer">
"typeUL|typeOL" adalah kode_bullet untuk tag <UL>…</UL> atau tipe_nomor untuk tag <OL>…</OL>.
"angka_integer" adalah sebuah angka integer untuk menentukan angka awal
item
Sebagai contoh, baris-baris html dibawah ini :
<OL>
<LI>Angka pada item ini adalah 1 (default)
<LI VALUE="15">Angka pada item ini adalah 15
<LI>Angka pada item ini adalah 16 (lanjutan)
<OL START="30">
OKB Club Indonesia – http://www.okbclub.com
110
Perancangan HomePage serta Editor-editor Web yang
dapat
m
<LI>Angka pada item ini adalah 30
<LI VALUE="10">Angka pada item ini adalah 10
<LI>Angka pada item ini adalah 11 (lanjutan)
</OL>
<LI>Angka pada item ini adalah 17 (lanjutan)
</OL>
co
digunakan untuk membuat HomePage.
<DT><I>BAB II</I>
<DD><B>Dasar-Dasar Bahasa HTML.</B>menjelaskan mengenai
mengapa kita menggunakan tag-tagbeserta atributatributnya serta menjelaskan segala sesuatu tentang
dasar-dasar HTML yang harus diketahui sebelum membuat
HomePage.
</DL>
Akan menghasilkan tampilan seperti gambar 3.35 berikut :
Gambar 3.35: Angka awal item tidak harus selalu 1
3.6.4 Membuat Daftar Definisi
BC
lu
b.
Akan menghasilkan tampilan seperti tampak pada gambar 3.36.
OK
Daftar definisi diperlukan saat kita akan menjelaskan suatu terminologi secara
rapi dan profesional. Secara umum ada dua bagian item didalam sebuah daftar
definisi. Bagian pertama adalah bagian label dan bagian kedua adalah bagian
penjelasan.
Blok daftar definisi ditentukan dengan tag <DL>…</DL>. Untuk membuat bagian
label, kita memerlukan tag <DT>, sedangkan untuk membuat bagian penjelasan
atau definisi kita menggunakan tag <DD>.
w.
Contoh, penggunaan tag <DL>, <DT> dan <DD> berikut :
ww
<DL>
<DT><I>BAB I</I>
<DD><B>Pendahuluan.</B>
Menjelaskan mengenai Evolusi Cyberspace, Word Wide
Web,
OKB Club Indonesia – http://www.okbclub.com
111
Gambar 3.36: Tampilan definisi dibuat dengan tag <DL>, <DT> dan <DD>
Jika digunakan tanpa tag <DL>, tag <DD> dapat dimanfaatkan untuk membuat
baris pertama paragraph lebih masuk kedalam (indent) seperti ini :
<BODY>
<DD><I>Bank yang tidak masuk dalam daftar likuidasi tetap
berjalan seperti biasa. Jika terdapat selebaran palsu
mengenai daftar Bank yang dikatakan bakal dilikuidasi,
masyarakat jangan percaya. Itu selebaran palsu yang berisi
omong kosong. Hanya 16 Bank yang telah dilikuidasi.</I>
<DD>Demikian penegasan gubernur Bank Indonesia J. Soedradjad
Djiwandono di gedung utama sekretariat kabinet, di Jakarta,
Senin (3/11), usai pengumuman paket kebijaksanaan ekonomi 3
Nopember 1997.
</BODY>
OKB Club Indonesia – http://www.okbclub.com
112
m
co
b.
Gambar 3.38: Contoh pengaturan data multi-colum
Gambar 3.37: Membentuk indent teks dengan tag <DD>
Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web,
misalnya untuk mendapatkan komentar dari pengunjung, untuk melakukan
pendaftaran suatu keanggotaan tertentu, pemesanan barang dan lain sebagainya.
Untuk membentuk sebuah form, tag yang digunakan adalah <FORM>…</FORM>.
Sedangkan atribut yang paling umum digunakan adalah METHOD= dan
ACTION=. Sintak penggunaannya adalah :
BC
Spesifikasi HTML asli mengenai penggunaan tag <DIR> sesungguhnya akan
menghasilkan daftar dalam kolom-kolom (multi-colum listing), akan tetapi tidak
ada satupun browser populer yang menerapkan spesifikasi ini. Meski demikian,
Netscape versi 3 beta 5 keatas telah menambahkan kemampuan 'ideal' ini dengan
tag <MULTICOL>.
lu
3.7 MENGGUNAKAN FORM
3.6.5 Menampilkan Daftar Multi-Colum
OK
<MULTICOL> dapat digunakan untuk membuat daftar dalam
format multi-colum dimana lebar semua item akan dibuat sama.
Format penggunaannya adalah seperti ini:
<MULTICOL COLS="kolom" WIDTH="lebar%" GUTTER="spasi">
w.
dimana kolom adalah jumlah kolom yang diinginkan, default-nya adalah 1.
lebar% adalah lebar item dalam persen layar dan spasi adalah spasi antar kolom
item dalam point, default-nya adalah 10. Setiap item akan memiliki lebar yang
sama sehingga secara keseluruhan lebar lay-out layar multi-colum adalah
(kolom*lebar)+((kolom-1)*spasi). Jika lebar tidak ditentukan, browser akan
menggunakan lebar default satu layar penuh (100%). Contoh:
ww
Form bekerja dengan mengirimkan data yang diketik atau dipilih oleh user ke
suatu script program (misalnya CGI Script, php3 atau .pl) yang berada di
alamat_URL. Script semacam ini bisa diperoleh gratis dari :
http://www.cgi-resources.com/Programs_and_Scripts/
Jika Anda tidak memiliki akses ke script CGI manapun yang dapat menangani
data dari form Anda, Anda dapat menggunakan alamat e-mail untuk menampung
data yang masuk sehingga Anda dapat menanganinya sendiri. Metoda post,
digunakan untuk mengirim data yang dimasukkan user dan metoda get untuk
<MULTICOL COLS=3 WIDTH=40% GUTTER=50>
<LI>A-D<LI>E-H<LI>I-L<LI>M-P<LI>Q-T<LI>U-X<LI>Y-Z
</MULTICOL>
OKB Club Indonesia – http://www.okbclub.com
<FORM METHOD="post|get" ACTION="alamat_URL">
....
....
</FORM>
113
OKB Club Indonesia – http://www.okbclub.com
114
co
m
mendapatkan data dari halaman lain. Metoda get hampir tidak pernah
digunakan. Semua contoh dalam bab ini menggunakan metoda post kesebuah
alamat e-mail. Ini adalah cara paling mudah karena kita tidak perlu mempelajari
script apapun. Tetapi setelah mahir menggunakan metoda ini, Anda dapat
beranjak ke script CGI atau PERL yang lebih baik. Semua bahan yang
dibutuhkan juga dapat diperoleh dari alamat diatas.
b.
Setelah form didefinisikan, informasi dari pengunjung dapat diperoleh dengan tag
<INPUT>. Tag ini tidak memiliki pasangan tag penutup. Atribut yang dapat
digunakan adalah :
Gambar 3.39: Tampilan form untuk mendapatkan data dari pengunjung
TYPE="text|hidden|checkbox|radio|image|submit|reset" – digunakan untuk
memilih tipe informasi yang ingin didapatkan dari pengunjung
NAMA=Arif+Nurcahyo&[email protected]
VALUE="isi_item" – digunakan untuk mengisi item informasi default
SIZE="angka_integer" – untuk menentukan panjang kolom isian
3.7.1 Mendapatkan Informasi Dari Pengunjung
OK
Untuk mendapatkan informasi dari pengunjung, misalnya nama dan alamat emailnya, kita dapat menggunakan tipe input "text". Sedangkan untuk mengirim
datanya kita menggunakan input "submit". Lihat contoh berikut :
<CENTER><H1>DATA PENGUNJUNG</H1><B>
<FORM METHOD="post" ACTION="mailto:[email protected]">
Nama : <INPUT NAME="NAMA" SIZE="23">
E-mail : <INPUT NAME="EMAIL" SIZE="30"><P>
<INPUT TYPE="submit"> <INPUT TYPE="reset">
</FORM></B></CENTER>
ww
w.
Jika pengunjung menekan tombol Submit Query, maka nama dan alamat e-mail
pengunjung akan segera dikirim kealamat e-mail [email protected]. Kiriman
itu berupa file attachment berformat teks dengan nama file POSTDATA.ATT.
Jika file ini dilihat dengan Notepad atau dengan teks editor lainnya, isinya
adalah seperti ini:
OKB Club Indonesia – http://www.okbclub.com
Perhatikan bahwa setiap spasi yang diketik oleh user secara otomatis akan
dirubah menjadi tanda plus ("+") dan batas antar informasi diberi tanda dan
("&"). Jika Anda membuka file tersebut dengan Write atau Ms.Word, maka
dengan mudah Anda dapat melakukan search & replace tanda "+" dengan [spasi]
dan tanda "&" dengan [enter] (kode enter = ^13) sehingga akan didapat data
seperti ini :
BC
MAXLENTH="angka_integer" – untuk menentukan panjang isian yang dapat
diketik oleh pengunjung
lu
NAME="nama" – digunakan untuk memberi nama item informasi
115
NAMA=Arif Nurcahyo
[email protected]
Sayangnya, kode yang dikirim kealamat e-mail Anda bisa beragam (tidak hanya
"&" dan "+") sehingga Anda harus banyak melakukan search & replace. Untuk
mengatasi hal ini, Anda dapat menggunakan program WEP Form Formatter
yang akan dijelaskan pada sub bab 3.7.8.
3.7.2 Melakukan Survei Pengunjung
Untuk melakukan survei pada pengunjung, kita bisa menggunakan tipe input
'radio' untuk mendapatkan satu item pilihan dari sekian item yang kita sediakan,
atau tipe 'checkbok' untuk mendapatkan data dari beberapa item yang menjadi
perhatian pengunjung.
Contoh :
OKB Club Indonesia – http://www.okbclub.com
116
m
<INPUT> dan tag <LABEL> diantara teks yang digunakan seperti tampak pada
contoh berikut.
co
<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked
ID="Baik"><LABEL FOR="Baik">Baik</LABEL> -
Dengan cara diatas, pengunjung dapat mengklik bulatan didepan teks 'Baik' atau
pada teks 'Baik' itu sendiri.
b.
3.7.3 Membuat Menu Drop-Down
OK
BC
<CENTER><H1><U>SURVEI PENGUNJUNG</U></H1><B>
<FORM METHOD="post" ACTION="mailto:[email protected]">
Penilaian Anda Tentang <I>HomePage</I> ini :
<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik"
checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio"
VALUE="Cukup">Cukup <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P>
Yang menarik perhatian Anda Dalam Situs Ini :<P>
<INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis"
checked> E-mail Gratis<BR>
<INPUT NAME="INTEREST" TYPE="checkbox"
VALUE="WebSpaceGratis"> Web Space gratis<BR>
<INPUT NAME="INTEREST" TYPE="checkbox"
VALUE="ImageEditorGratis"> Image Editor Gratis<P>
<INPUT TYPE="submit"> <INPUT TYPE="reset">
</FORM></B></CENTER>
lu
Gambar 3.40: Dengan checkbox, pengunjung bisa memilih lebih dari satu pilihan
Menu drop-down pilihan dapat digunakan untuk menghemat halaman survai jika
item pilihan yang kita tawarkan sangat banyak. Tag yang kita perlukan adalah
blok tag <SELECT>…</SELECT> dan tag <OPTION> seperti tampak pada
contoh berikut :
<H1><U>SURVEI PENGUNJUNG</U></H1><B>
<FORM METHOD="post" ACTION="mailto:[email protected]">
DARI MANA ANDA BERASAL :
<SELECT NAME="ASAL" SIZE=1>
<OPTION SELECTED>Jabotabek
<OPTION>Semarang
<OPTION>Yogyakarta
<OPTION>Surabaya
<OPTION>MEDAN
<OPTION>Kalimantan
<OPTION>Sulawesi
</SELECT><P>
<INPUT TYPE="submit"> <INPUT TYPE="reset">
</FORM></B>
Dengan pilihan seperti terlihat pada gambar 3.40, file attachment yang akan
Anda terima melalui e-mail akan berisi data seperti ini:
w.
PENILAIAN=Baik&INTEREST=WebSpaceGratis&INTERE
ST=ImageEditorGratis
ww
Sebagaimana terlihat pada contoh diatas, kita harus menambahkan kode
'checked' pada pilihan yang ingin kita buat sebagai pilihan default. Selain itu,
pada contoh diatas pengunjung harus mengklik pilihan tepat pada bulatan pilihan.
Untuk mempermudah pengunjung melakukan pemilihan, kita dapat membuat teks
pilihannya juga dapat diklik, yaitu dengan menambahkan atribut ID= pada tag
OKB Club Indonesia – http://www.okbclub.com
Gambar 3.41: Tampilan menu drop down yang dibuat dengan form
117
OKB Club Indonesia – http://www.okbclub.com
118
m
3.7.5 Mengganti Label Tombol
Atribut SIZE= pada tag <SELECT> diatas digunakan untuk mengatur ukuran
tampilan menu drop-downnya. Sebagai contoh, jika pada contoh diatas Anda
menggunakan SIZE=3, maka yang akan ditampilkan kelayar secara default
adalah kota 'Jabotabek', 'Semarang' dan 'Yogyakarta'.
co
Secara default, tag <INPUT> dengan tipe 'submit' akan menciptakan tombol
berlabel 'Submit Query' dan input bertipe 'reset' akan menciptakan tombol
berlabel 'Reset'. Anda dapat merubah teks label pada tombol-tombol ini dengan
menambah atribut VALUE="label" seperti tampak pada contoh halaman survai
lengkap dibawah ini :
w.
OK
BC
<H1><U>KOMENTAR PENGUNJUNG</U></H1><B>
<FORM METHOD="post" ACTION="mailto:[email protected]">
KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>
<TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P>
<INPUT TYPE="submit"> <INPUT TYPE="reset">
</FORM></B>
ww
Gambar 3.42: Tampilan form untuk mendapatkan komentar dari pengunjung
OKB Club Indonesia – http://www.okbclub.com
<BODY>
<CENTER><H1><U>DATA PENGUNJUNG</U></H1>
<FORM METHOD="post" ACTION="mailto:[email protected]"><B>
Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT
NAME="EMAIL" SIZE="30"><P>
Penilaian Anda Tentang <I>HomePage</I> ini :
<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik"
checked>Baik <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P>
Yang Menarik Perhatian Anda Dalam Situs Ini :<BR>
<INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis"
checked> E-mail Gratis<BR>
<INPUT NAME="INTEREST" TYPE="checkbox"
VALUE="WebSpaceGratis"> Web Space gratis<BR>
<INPUT NAME="INTEREST" TYPE="checkbox"
VALUE="ImageEditorGratis"> Image Editor Gratis<P>
DARI MANA ANDA BERASAL :
<SELECT NAME="ASAL" SIZE=1>
<OPTION SELECTED>Jabotabek
<OPTION>Semarang
<OPTION>Yogyakarta
<OPTION>Surabaya
<OPTION>MEDAN
<OPTION>Kalimantan
<OPTION>Sulawesi
</SELECT><P>KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>
<TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA>
<P><INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT
TYPE="reset" VALUE=" RESET ">
<INPUT NAME="DIKIRIM_DARI" TYPE="hidden"
VALUE="http://serba_gratis.tripod.com">
</B>
</FORM>
</BODY>
lu
Untuk mendapatkan komentar dari pengunjung, kita perlu menyediakan suatu area
yang cukup untuk menulis komentar. Untuk itu kita memerlukan blok tag
<TEXTAREA>…</TEXTAREA>. Atribut yang diperlukan adalah ROWS=
(untuk menentukan jumlah baris ruang komentar) dan COLS= (untuk menentukan
jumlah kolom ruang komentar). Jika diantara tag <TEXTAREA> dan
</TEXTAREA> diisi tulisan, maka tulisan tersebut akan ditampilkan dalam
kolom teks sebagai teks default. Jika tidak ingin menggunakan teks default,
sebaiknya ruang ini dikosongkan saja. Lihat contoh berikut :
b.
3.7.4 Mendapatkan Komentar Dari Pengunjung
Jika diinginkan, Anda juga dapat menggunakan file gambar sebagai pengganti
tombol "Submit Query". Sayangnya tidak ada cara untuk menggunakan gambar
sebagai pengganti tombol reset. Lihat contoh berikut:
<BODY BGCOLOR="#C0C0C0">
<CENTER><H1><U>KOMENTAR PENGUNJUNG</U></H1><B>
<FORM METHOD="post" ACTION="mailto:[email protected]">
KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>
<TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P>
<INPUT NAME="TOMBOL" TYPE="image" SRC="kirim.gif">
119
OKB Club Indonesia – http://www.okbclub.com
120
3.7.6 Mengirim Data Tersembunyi
m
</FORM></B></CENTER>
</BODY>
b.
co
Setelah memiliki dan membaca buku panduan ini, mungkin Anda menjadi
sedemikian antusias untuk membangun homepage sendiri dan tiba-tiba saja Anda
telah memiliki beberapa alamat sekaligus dengan masing-masing form survei
didalamnya! Jika tidak karena pola jawaban yang diberikan pengunjung Anda,
mungkin Anda tidak akan pernah tahu dari situs yang mana data itu dikirim. Untuk
itu, Anda perlu mengirimkan data tersembunyi, misalnya untuk menyebutkan dari
mana sebuah data dikirim. Atribut yang diperlukan adalah TYPE="hidden".
Isi dari atribut VALUE= yang didefinisikan akan dikirim bersama data yang lain
tanpa sepengetahuan pengunjung. Berikut adalah contoh pemakaiannya :
lu
<INPUT NAME="DIKIRIM_DARI" TYPE="hidden"
VALUE="http://serba_gratis.tripod.com">
Baris diatas dapat diletakkan dimana saja selama masih berada didalam form.
Untuk lebih jelasnya, lihat contoh lebih lengkap pada sub bab 3.7.5 diatas.
Gambar 3.43: Tampilan layar survei data pengunjung lengkap
BC
3.7.7 Membuat Link Dengan Tombol
<B>Tombol-tombol ini dibentuk dengan tag FORM dan
input bertipe "button"</B><P>
<FORM>
<INPUT type="button" value="E-Mail Gratis !"
onClick="window.location.href='email.html'">
<INPUT type="button" value="Web Space Gratis !"
onClick="window.location.href='webspace.html'">
<INPUT type="button" value="Image Editor Gratis !"
onClick="window.location.href='img_editor.html'">
</FORM>
ww
w.
OK
Catat bahwa beberapa browser juga mengirim koordinat lokasi saat user mengklik gambar tombol. Dalam hal contoh diatas, jika user mengklik tombol pada
koordinat 159, 15 misalnya, maka tambahan format yang akan Anda terima
melalui e-mail adalah "TOMBOL.x=159&TOMBOL.y=15".
Form dapat dimanfaatkan untuk membuat link berbentuk tombol. Caranya adalah
dengan mengisi atribut TYPE dengan "button". Contoh :
Gambar 3.44: Menggunakan gambar sebagai ganti teks Submit Query
OKB Club Indonesia – http://www.okbclub.com
121
OKB Club Indonesia – http://www.okbclub.com
122
co
m
Cara kerja program ini sangat sederhana. Anda tinggal membuka file data dengan
teks editor apa saja dan menyimpannya kedalam clipboard. Jika menggunakan
Notepad, Anda dapat melakukannya dengan klik Edit Æ Select All dan
kemudian klik Edit Æ Copy. Setelah itu jalankan WEB Form Text Formatter,
klik tombol Clipboard dan kemudian klik tombol "Process Input Text". Beres!
Anda kemudian dapat menyimpan hasilnya kedalam clipboard dan mem-pastenya ke file apa saja. Sebagai contoh, file data yang diperoleh dari form survei
lengkap diatas akan terlihat mudah dibaca seperti tampak pada gambar 3.46.
b.
3.8 MENGGUNAKAN FRAME
3.7.8 Menggunakan WEB Form Text Formatter
BC
Membaca data kiriman dari suatu web form masih mudah dilakukan jika
informasi yang dikirim tidak banyak. Akan tetapi ini bisa menjadi mimpi buruk
jika informasi yang ingin kita dapatkan cukup banyak. Sebagai contoh, form
survai lengkap yang ada pada sub bab 3.7.5 diatas jika diisi lengkap akan
menghasilkan data seperti ini:
Frame umumnya digunakan untuk menampilkan beberapa halaman html sekaligus
dalam satu layar. Frame sangat bermanfaat jika digunakan untuk membuat menu
dengan link ke berbagai halaman atau menampilkan lebih dari satu subjek dalam
satu halaman. Untuk memanfaatkan frame, ada 2 tag utama yang harus dipakai.
Pertama, <FRAMESET>...</FRAMESET> untuk mengatur hal-hal yang
berhubungan dengan ukuran frame. Atribut yang diperlukan adalah :
lu
Gambar 3.45: Menggunakan form untuk membuat tombol link
OK
NAMA=Arif+Nurcahyo&[email protected]&PENI
LAIAN=Baik&INTEREST=WebSpaceGratis&INTEREST=I
mageEditorGratis&ASAL=Yogyakarta&Komentar=%0D
%0AWuaahhhh+...+Pokoknya+Huuueeeebaattt+...+D
ach+....+%21%21%21&DIKIRIM_DARI=http%3A%2F%2F
serba_gratis.tripod.com
ww
http://move.to/moose
w.
Lumayan pusing khan? Untungnya, ada banyak tool yang bisa kita gunakan untuk
mempermudah membaca informasi ini. Anda bisa mendapatkannya di homepage
filelibrary (http://www.filelibrary.com) dengan mengetik "Form Formatter"
pada kolom pencarian. Salah satu yang penulis rekomendasikan untuk Anda
download adalah WEB Form Text Formatter. Program berukuran 129 KB ini
bisa Anda download dari alamat berikut:
OKB Club Indonesia – http://www.okbclub.com
Gambar 3.46: Tampilan program Web Form Formatter
123
OKB Club Indonesia – http://www.okbclub.com
124
m
rows="lebar1,lebar2,lebarN,..." – Menentukan lebar tampilan masingmasing frame dalam pixel atau % (horisontal).
co
cols="tinggi1,tinggi2,tinggiN,..." - Menentukan tinggi tampilan frame
dalam pixel atau % (vertikal).
border="ukuran_border" – Menentukan border pemisah antar frame.
Defaultnya adalah 2 pixel.
b.
bordercolor="kode_warna" – Menentukan warna border jika atribut
border digunakan.
Dan yang kedua adalah <FRAME>...</FRAME> untuk mengatur nama dan
alamat file yang ingin ditampilkan dalam frame. Atribut yang digunakan adalah:
Gambar 3.47: Tampilan situs Serba-Gratis dalam mode 2 frame
BC
src="nama_file.html" – Menentukan file html atau alamat URL yang ingin
ditampilkan dalam frame.
lu
noresize – Jika digunakan, akan membuat pengunjung tidak dapat mengatur
ukuran frame.
name="nama_frame" – Memberi nama frame. Digunakan sebagai referensi
tujuan pada frame mana halaman ingin ditampilkan.
3.8.1 Membelah Layar Dalam Frame
OK
scrolling="yes|no|auto" – Untuk mengatur apakah pengunjung boleh
menggulung layar dalam frame atau tidak. Ini bermanfaat jika halaman tujuan
linknya berukuran kecil. Defaultnya adalah "yes".
ww
w.
Layar dapat dibelah menjadi frame-frame baik secara vertikal, horisontal atau
keduanya sekaligus. File yang digunakan untuk menampilkan frame terpisah dari
file yang ingin ditampilkan itu sendiri. Untuk menampilkan 2 halaman web dalam
1 layar frame, Anda akan butuh 3 buah file. Dua untuk ditampilkan dan satunya
lagi untuk menampilkan kedua file tersebut. Berikut adalah contoh file html
(bernama 2_frame.htm) untuk menampilkan file menu.htm dan main.htm
dalam sebuah layar.
OKB Club Indonesia – http://www.okbclub.com
125
Perhatikan bahwa dalam contoh ini kita tidak menggunakan tag <BODY> karena
jika kita memasukkan frame kedalam <BODY>, maka hanya Internet Explorer
saja yang mengenalinya sedangkan Netscape tidak. Karena itu catat bahwa
jangan sekali-kali memasukkan frame kedalam tag <BODY>.
<HTML>
<HEAD>
<TITLE>Situs Home Page SERBA-GRATIS !!!</TITLE>
</HEAD>
<FRAMESET COLS="24%,76%">
<FRAME NAME="menu" SRC="menu.htm">
<FRAME NAME="main" SRC="main.htm">
</FRAMESET>
</HTML>
Pada contoh diatas, ukuran kolomnya dinyatakan dalam %. Kolom sebelah kiri
adalah tampilan file menu.htm yang berukuran 24% lebar layar. Sedangkan
bagian sebelah kanan adalah tampilan file main.htm yang berukuran sisanya
(dari 100%), yaitu 76%. Jika Anda menggunakan ukuran pixel, angka sebelah
kanan sebaiknya diganti tanda "*" untuk menyatakan sisa kolomnya. Jika Anda
menggunakan angka juga, misalnya 490 (untuk desain layar 640x480) maka
OKB Club Indonesia – http://www.okbclub.com
126
pengunjung yang menggunakan resolusi layar 800x600 akan mendapati 160 pixel
sisa layarnya dalam keadaan 'blank'. Contoh :
m
3.8.2 Menggunakan Link Dalam Frame
Secara umum, untuk membuat sebuah link ke suatu file, misalnya ke
email_gratis.htm, Anda dapat melakukannya seperti ini :
<FRAMESET COLS="150,*">
co
Jika ingin menggunakan 3 frame sekaligus, misalnya untuk menampilkan judul,
menu dan halaman utama, maka kita dapat menggunakan frame dalam frame. Satu
frameset untuk membelah layar secara horisontal (dengan atribut ROWS) dan satu
lagi untuk membelah layar secara vertikal (dengan atribut COLS).
<A HREF="email_gratis.htm">E-Mail Gratis</A>
Akan tetapi jika ini Anda lakukan dari sebuah frame, maka hasil link-nya akan
ditampilkan pada halaman yang sama dengan lokasi dimana link berada. Jika
Anda ingin menampilkan hasil link-nya pada frame yang lain, Anda harus
menyebutkan nama target frame-nya (yang sebelumnya didefinisikan dengan
NAME="nama_frame"). Jika frame tujuannya diberi nama "main" seperti pada
contoh diatas, maka untuk membuat hasil link-nya tampil di frame "main" Anda
dapat melakukannya dengan cara seperti ini :
b.
Gambar 3.48 adalah tampilan hasil implementasi pemakaian 3 buah frame
sekaligus menggunakan baris-baris html dibawah ini:
<HTML>
<HEAD>
<TITLE>HomePage SERBA GRATIS !!!</TITLE>
</HEAD>
lu
<FRAMESET FRAMESPACING="1" ROWS="97,*">
<FRAME NAME="judul" SCROLLING="no" NORESIZE
SRC="judul.htm">
<FRAMESET COLS="180,*">
<FRAME NAME="menu" SRC="menu3.htm" SCROLLING="no">
<FRAME NAME="main" SRC="main3.htm">
</FRAMESET>
</FRAMESET>
</HTML>
<A HREF="email_gratis.htm" TARGET="main">E-Mail Gratis</a>
BC
Jika Anda ingin menampilkan hasil link-nya dalam satu halaman browser penuh
tanpa frame, Anda harus menggunakan nama target "_top" (misalnya,
TARGET="_top"). Sedangkan jika ingin menampilkan hasilnya dalam halaman
browser baru, Anda dapat menggunakan nama target "_blank" (misalnya,
TARGET="_blank").
Frame-It adalah sebuah program shareware yang dapat digunakan untuk
mempermudah pembuatan frame. Dengan program ini Anda dapat dengan mudah
mengatur ukuran frame, jumlah frame, nama frame dan lain sebagainya hanya
dengan beberapa klik saja. Frame-It dapat di download dari
http://www.iinet.net.au/~bwh/frame-it.html
ww
w.
OK
3.8.3 Cara Mudah Membuat Frame Dengan Frame-It
Gambar 3.48: Tampilan situs Serba-Gratis dalam mode 3 frame
OKB Club Indonesia – http://www.okbclub.com
127
OKB Club Indonesia – http://www.okbclub.com
128
co
m
Format sebuah tabel sebenarnya sederhana, akan tetapi dapat menjadi rumit
karena sifat struktur aslinya. Meski sederhana akan tetapi aturan mainnya harus
benar-benar diikuti, tidak seperti penggunaan tag-tag yang lain. Sebuah tabel
dimulai dengan tag <TABLE> dan diakhiri dengan </TABLE>. Setiap baris
tabel dibentuk dengan tag <TR>…</TR> dan setiap kolom tabel dibentuk dengan
tag <TD>…</TD>. Berikut adalah contoh tabel dengan 2 baris dan 2 kolom :
Kolom #1</TD>
Kolom #2</TD>
b.
<TABLE BORDER>
<TR>
<TD>Baris #1
<TD>Baris #1
</TR>
<TR>
<TD>Baris #2
<TD>Baris #2
</TR>
</TABLE>
lu
BC
Gambar 3.49: Gunakan program Frame-It untuk membuat frame dalam sekejap
3.9 MENGGUNAKAN TABEL
Kolom #1</TD>
Kolom #2</TD>
Gambar 3.50: Tabel 2 baris 2 kolom
Atribut BORDER pada tag <TABLE> akan membentuk border disekeliling tabel
seperti tampak pada Gambar 3.50. Default atrribut ini adalah BORDER=0 yang
berarti tidak menggunakan border. Tabel dengan border dimatikan bisa
dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain BORDER,
berikut adalah atribut lain yang dapat dipakai dalam <TABLE> :
Penggunaan tabel dalam halaman web dapat meningkatkan kualitas tampilan
homepage karena dengan tabel kita bukan saja dapat menampilkan data lebih
profesional, melainkan juga dapat leluasa mengatur layout halaman web!
bordercolor="kode_warna" – Mengatur warna border, jika border
digunakan.
w.
OK
Sebelum tag untuk membuat tabel diciptakan, perancang homepage harus bekerja
keras untuk menampilkan data dalam format-format kolom. Mereka harus secara
hati-hati mendesain tabulator dengan tag <PRE>…</PRE>. Menghitung-hitung
spasi dan kemudian bolak-balik men-cek hasilnya melalui browser! Sekarang,
bab ini akan menjelaskan kepada Anda betapa mudahnya me-layout halaman web
dengan tabel.
3.9.1 Format Dasar Sebuah Tabel
ww
Tabel memungkinkan perancang web untuk mengorganisasikan data dalam
struktur tabulator yang rumit. Tabel juga dapat diisi dengan daftar item,
paragraph, form, gambar, teks-teks preformatted dan bahkan tabel-tabel yang
lain (tabel dalam tabel).
OKB Club Indonesia – http://www.okbclub.com
129
align="left|center|right" – Mengatur posisi tabel dilayar.
cellpadding="angka" – Mengatur jarak antara border dengan isi sel
(vertikal dan horisontal) dalam satuan pixel.
cellspacing="angka" – Mengatur tebal frame dalam satuan pixel.
width="angka" – Mengatur lebar tabel dalam satuan pixel atau persen.
OKB Club Indonesia – http://www.okbclub.com
130
Dan berikut adalah beberapa atribut dalam tag <TD> yang sering
digunakan:
m
3.9.3 Manipulasi Sel Dalam Tabel
Sel adalah kolom-kolom yang berada didalam tabel. Ada 2 hal yang dapat
dimanipulasi dari sebuah sel, yang pertama adalah mengatur jarak antara border
luar dengan sel dan sekaligus mengatur jarak antar sel. Dengan kata lain kita
dapat mengatur lebar frame tabel. Pengaturan ini dapat dilakukan dengan
mengatur atribut CELLSPACING didalam tag <TABLE>. Gambar berikut adalah
hasil baris-baris html pada sub bab 3.9.1 dengan tebal frame 10.
co
bgcolor="kode_warna" – Mengatur warna latar belakang sel.
background="gambar.gif" – Menggunakan gambar sebagai latar belakang sel.
align="left|right|center" – Mengatur perataan isi sel (teks, gambar, dll.) secara
horisontal.
valign="top|bottom|middle" – Mengatur perataan isi sel (teks, gambar, dll.)
secara vertikal.
colspan="angka" – Untuk menggabung sel kosong.
width="angka" – Mengatur lebar sel dalam satuan pixel atau persen.
b.
<TABLE BORDER CELLSPACING="10">
... ... ...
</TABLE>
BC
Anda dapat mengganti kode <TD>…</TD> dengan <TH>…</TH>
agar teks didalam sel dicetak dengan huruf tebal. Ini akan
menghemat beberapa byte ukuran file karena Anda tidak perlu
menggunakan tag <B>..</B> lagi untuk membuat huruf tebal dalam
sebuah sel.
lu
TIPS :
3.9.2 Mengatur Border
w.
<TABLE BORDER="10">
... ... ...
</TABLE>
OK
Border adalah garis yang mengelilingi sebuah tabel. Jika border tidak dipakai,
browser tidak akan menampilkan border. Gambar berikut adalah hasil barisbaris contoh html pada sub bab 3.9.1 diatas dengan border=10.
Gambar 3.52: Tabel dengan cellspacing="10"
Selain mengatur lebar frame, Anda juga dapat mengatur jarak antara border
dengan isi sel dalam segala arah (vertikal dan horisontal). Pengaturannya dapat
dilakukan dengan atribut CELLPADDING seperti contoh berikut:
<TABLE BORDER CELLPADDING="10">
... ... ...
</TABLE>
Gambar 3.53: Tabel dengan cellpadding="10"
ww
Gambar 3.51: Tabel dengan border="10"
OKB Club Indonesia – http://www.okbclub.com
131
OKB Club Indonesia – http://www.okbclub.com
132
m
Untuk mendapatkan efek tertentu, beberapa atribut dapat digunakan sekaligus
menjadi satu dalam <TABLE> seperti ini :
co
<TABLE BORDER="10" CELLSPACING="10" CELLPADDING="10">
... ... ...
</TABLE>
b.
Gambar 3.55: A= sel kosong, B= sel berisi tag <BR>
3.9.5 Menggabung Sel
lu
Dua sel atau lebih dapat digabung menjadi satu untuk membuat judul atau label
dalam sebuah tabel. Penggabungan dapat dilakukan dalam format kolom maupun
baris. Atribut yang digunakan adalah COLSPAN untuk penggabungan kolom dan
ROWSPAN untuk penggabungan baris. Cara penggunaannya adalah seperti ini:
Gambar 3.54: Tabel dengan border, cellspacing dan cellpadding = "10"
Sebuah sel yang tidak berisi data apapun akan ditampilkan dalam kotak tanpa
border. Misalnya jika hanya menggunakan kode <TD></TD> saja tanpa isi
seperti contoh berikut yang akan menghasilkan tampilan seperti tampak pada
gambar 3.55A.
OK
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
<TR>
<TD></TD>
<!-- ini adalah sel kosong -->
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
</TABLE>
ww
w.
Jika Anda ingin untuk menampilkan sel berupa kotak kosong dengan border,
Anda harus mengisi sesuatu kedalam sel tersebut, misalnya kode ganti baris atau
kode spasi. Gambar 3.55B adalah hasil kode sel yang diisi kode ganti baris
(<TD><BR></TD>).
OKB Club Indonesia – http://www.okbclub.com
<TD COLSPAN="jumlah_kolom">
BC
3.9.4 Menampilkan Sel Kosong
133
dan
<TD ROWSPAN="jumlah_baris">
Dimana jumlah_kolom adalah jumlah kolom yang ingin digabung (default-nya
1) dan jumlah_baris adalah jumlah baris yang ingin digabung (default-nya juga
1). Perhatikan contoh berikut:
Menggabung kolom: (hasilnya lihat gambar 3.56A)
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
<TR>
<TD COLSPAN=2>1 & 2</TD> <!-- Menggabung kolom -->
</TR>
<TR>
<TD>3</TD>
<TD>4</TD>
</TR>
</TABLE>
OKB Club Indonesia – http://www.okbclub.com
134
m
co
Gambar 3.56: Contoh penggabungan baris dan kolom
Menggabung baris: (hasilnya lihat gambar 3.56B)
b.
Gambar 3.57: Perilaku teks dalam tiap sel bisa diatur sendiri-sendiri
Pada contoh diatas, pemenggalan kata pada kolom pertama diserahkan
sepenuhnya kepada browser. Pada kolom kedua, pemenggalannya dilakukan
secara manual dengan menyertakan beberapa buah tag <BR>. Sedangkan pada
kolom ketiga, atribut NOWRAP membuat kalimat didalam sel tidak dipenggal
sama sekali (ditampilkan utuh).
lu
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
<TR>
<TD ROWSPAN="2">1 & 3</TD> <!-- Menggabung baris -->
<TD>2</TD>
</TR>
<TR>
<TD>4</TD>
</TR>
</TABLE>
3.9.7 Mengatur Alignment Tabel
BC
3.9.6 Mengatur Perilaku Sel
OK
Secara default, perilaku teks dalam sel diatur otomatis oleh browser. Semakin
kecil ukuran jendela browser, semakin pendek pula penggalan kata dalam
kalimatnya. Jika ingin memenggal kata-kata yang ada dalam sel pada lokasilokasi tertentu, Anda dapat menggunakan tag <BR>. Tetapi jika Anda tidak ingin
kata-kata dalam kalimatnya dipenggal secara otomatis, Anda dapat menggunakan
atribut NOWRAP pada tag <TD>. Dengan menyertakan atribut NOWRAP, ukuran
sel akan terpaku pada isi teks yang dimasukkan kedalam sel. Ini berarti bahwa
mengecilkan ukuran jendela browser tidak membuat kata-kata dalam sel menjadi
terpenggal-penggal. Contoh:
ww
w.
<TABLE BORDER>
<TR>
<TD>Kata-kata dalam sel ini diatur otomastis oleh
browser</TD>
<TD>Kata-kata<BR>dalam sel<BR>ini diatur<BR>dengan<BR>tag
<BR></TD>
<TD NOWRAP>Kata-kata dalam sel ini diatur dengan atribut
NOWRAP</TD>
</TR>
</TABLE>
OKB Club Indonesia – http://www.okbclub.com
135
Posisi tampilan tabel dapat diatur dengan menyertakan atribut ALIGN pada tag
<TABLE>. Lihat sub bab 3.9.1 diatas untuk penjelasan mengenai atribut ini.
Contoh berikut akan mendemonstrasikan penggunaannya :
<TABLE BORDER>
<TR>
<TH>Default (ALIGN="left")</TH>
<TD>Kolom #2</TD><TD>Kolom #3</TD>
</TR>
</TABLE><BR>
<TABLE BORDER ALIGN="center">
<TR>
<TH>ALIGN="center"</TH>
<TD>Kolom #2</TD><TD>Kolom #3</TD>
</TR>
</TABLE><BR>
<TABLE BORDER ALIGN="right">
<TR>
<TH>ALIGN="right"</TH>
<TD>Kolom #2</TD><TD>Kolom #3</TD>
</TR>
</TABLE>
OKB Club Indonesia – http://www.okbclub.com
136
b.
co
m
<BR>
<TABLE BORDER="2" CELLSPACING="3" WIDTH="100%">
<TR><TD><IMG SRC="logo.gif"></TD>
<TD ALIGN="left">Kata-kata dalam sel ini diatur dengan
ALIGN="left"</TD>
<TD ALIGN="center" VALIGN="bottom">Kata-kata dalam sel ini
diatur dengan ALIGN="center" dan VALIGN="bottom"</TD>
<TD ALIGN="right" VALIGN="top">Kata-kata dalam sel ini diatur
dengan ALIGN="right" dan VALIGN="top"</TD>
</TR></TABLE>
</BODY>
3.9.8 Mengatur Alignment Sel
BC
Selain mengatur alignment pada tabel, pengaturan alignment juga dapat
dilakukan pada isi sel dalam tabel. Ada dua atribut yang dapat digunakan untuk
mengatur alignment sel (dalam tag <TD>), masing-masing adalah ALIGN dan
VALIGN.
lu
Gambar 3.58: Beberapa contoh pengaturan alignment tabel
OK
Atribut ALIGN digunakan untuk mengendalikan alignment secara horisontal dan
memiliki tiga macam argumen yaitu "left", "center" dan "right". Sementara
atribut VALIGN digunakan untuk mengendalikan alignment secara vertikal, juga
memiliki tiga macam argumen yaitu "top" untuk rata atas, "middle" untuk rata
tengah dan "bottom" untuk rata bawah. Perhatikan contoh penggunaannya berikut
ini :
ww
w.
<BODY>
<TABLE BORDER="2" CELLSPACING="3" WIDTH="100%">
<TR><TD><IMG SRC="logo.gif"></TD>
<TD VALIGN="top">Kata-kata dalam sel ini diatur dengan
VALIGN="top"</TD>
<TD VALIGN="middle">Kata-kata dalam sel ini diatur dengan
VALIGN="middle"</TD>
<TD VALIGN="bottom">Kata-kata dalam sel ini diatur dengan
VALIGN="bottom"</TD>
</TR></TABLE><BR>
<TABLE BORDER="2" CELLSPACING="3" WIDTH="100%">
<TR>
<TD ALIGN="left">Kata-kata dalam sel ini diatur dengan
ALIGN="left"</TD>
<TD ALIGN="center">Kata-kata dalam sel ini diatur dengan
ALIGN="center"</TD>
<TD ALIGN="right">Kata-kata dalam sel ini diatur dengan
ALIGN="right"</TD>
</TR></TABLE>
OKB Club Indonesia – http://www.okbclub.com
Gambar 3.59: Beberapa contoh pengaturan alignment sel dalam tabel
3.9.9 Tabel Dalam Tabel
Seperti telah dijelaskan pada awal bab ini, sebuah tabel dapat diisi dengan tabel
yang lain. Teknik ini umumnya digunakan untuk mengelompokkan tabel-tabel atau
utuk memperindah tampilan halaman web. Perhatikan contoh aplikasi tabel dalam
tabel berikut:
<CENTER>
<TABLE WIDTH=100% BORDER="2" CELLPADDING="4">
<TR>
<TD WIDTH=25%><H3><CENTER>E-MAIL GRATIS</CENTER></H3><P>
<LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB)
<LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB)
<LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB)
137
OKB Club Indonesia – http://www.okbclub.com
138
m
<LI><A HREF=http://mail.excite.com>Excite</A> (5 MB)
<LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB)
<LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (± 5
MB)</TD>
3.9.10 Mengatur Warna Background Sel
Untuk lebih memperindah tampilan, Anda dapat memberi warna background sel.
Atribut yang harus digunakan adalah BGCOLOR atau BACKGROUND. Atribut ini
dapat dimasukkan baik pada tag <TABLE>, <TR> maupun <TD>.
Format penggunaannya adalah seperti ini:
lu
b.
<TABLE BGCOLOR="warna">
<TR BGCOLOR="warna">
<TD BGCOLOR="warna">
<TABLE BACKGROUND="file_gambar">
<TR BACKGROUND="file_gambar">
<TD BACKGROUND="file_gambar">
w.
OK
BC
<TD WIDTH=25%><H3><CENTER>WEB SPACE GRATIS</CENTER></H3><P>
<LI><A HREF=http://www.geocities.com>GeoCities</A> (11 MB)
<LI><A HREF=http://www.tripod.com>Tripod</A> (50 MB)
<LI><A HREF=http://xoom.com/join/>Xoom</A> (Unlimited !)
<LI><A HREF=http://www.fortunecity.com/join/index.html>
FortuneCity</A> (20 MB)
<LI><A HREF=http://www.virtualave.net/signup.html>Virtualave
</A> (20 MB)
</TD>
</TR>
</TABLE>
</CENTER>
co
<TD>
<TABLE BORDER="6" WIDTH="100%"> <!-- TABEL DIDALAM TABEL -->
<TR>
<TD ALIGN="center"><H1><U>HOT NEWS</U></H1><FONT SIZE="4">
<A HREF="7langkah.html"><B>7 Langkah Memiliki HomePage
Gratis!</B></A></FONT><BR>
<EM>Tutorial langkah demi langkah membuat HomePage dengan
Modal Dengkul, Alias Gratis 100%</EM></P><FONT SIZE="4">
<A HREF="anti_popup.html"><B>ANTI POPUP</B></A></FONT><BR>
<EM>Tip & Trik menghilangkan banner pop-up di server web
gratisan!</EM><P></TD>
</TR>
</TABLE>
</TD>
ww
Dimana warna dapat berupa kode warna atau nama warna sedangkan
file_gambar dapat berupa file *.gif atau *.jpg. Contoh :
<TABLE BORDER="1" WIDTH="100%" CELLPADDING="10">
<TR><TD BACKGROUND="background.jpg">
<TABLE BORDER="2" CELLPADDING="10" CELLSPACING="1">
<TR BGCOLOR="#9E7725"><TD ALIGN="center">
<FONT COLOR="white" SIZE="4"><B>E-MAIL
GRATIS</B></FONT></TD>
</TR>
Gambar 3.60: Contoh penggunaan tabel didalam tabel
OKB Club Indonesia – http://www.okbclub.com
Gambar 3.61: Contoh pengaturan warna background sel
139
OKB Club Indonesia – http://www.okbclub.com
140
2.
3.9.11 Cara Mudah Membuat Tabel Dengan HomeSite
lu
b.
3.
4.
OK
BC
Seperti telah dijelaskan didepan, pembuatan tabel sebenarnya sederhana tetapi
dapat menjadi rumit karena sifat dasarnya. Setelah memahami cara kerja dan cara
pembuatannya secara manual dalam sub bab-sub bab diatas, Anda boleh
melangkah menggunakan fasilitas yang ada pada html editor 1st Page2000 atau
HomeSite (sudah download belum? Jika belum sekaranglah saatnya untuk
download). Kalau ada sesuatu yang "aneh", Anda dapat membetulkannya sendiri
secara manual dengan bekal pengetahuan tadi.
Saat pertama diaktifkan, "Table wizard" akan membuat tabel 2 kolom 2
baris. Kita kemudian dapat menambah kolom atau menambah barisnya
dengan mengklik tombol "+" pada 'columns'/'rows'. Atau mengurangi
kolom/barisnya dengan mengklik tombol '-'.
Untuk menggabung satu atau beberapa sel sekaligus, klik baris atau kolom
diatas baris atau kolom yang akan digabung. Setelah itu klik tombol '+' pada
'column span' untuk menggabung kolom yang dipilih dengan kolom disebelah
kanannya, atau klik tombol '+' pada 'rows span' untuk menggabung baris yang
dipilih dengan baris dibawahnya (lihat gambar 3.63).
Setelah layout tabel selesai dibuat, klik tombol "Next >". Setelah itu akan
muncul tampilan setting untuk mengatur layout tabel secara keseluruhan
(cell padding, cell spacing dan alignment), lebar tabel, warna background,
border dlsb. Abaikan setting ini jika Anda ingin menggunakan setting
default. Setelah itu klik tombol "Next >" dan lanjutkan dengan klik tombol
"Finish".
SELESAI.
co
1.
m
Berikut adalah contoh penggunaan HomeSite "Table wizard" :
<TR><TD BGCOLOR="#E4C88B" NOWRAP>
<LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB)
<LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB)
<LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB)
<LI><A HREF=http://mail.excite.com>Excite</A> (5 MB)
<LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB)
<LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (± 5
MB)</TD></TR>
</TABLE>
</TD></TR>
</TABLE>
Gambar 3.62: Lokasi tombol Table Wizard didalam editor html HomeSite
w.
Pembuatan tabel dalam HomeSite dapat dilakukan dengan mengklik tab Tables
yang ada disebelah kanan atas layar. Setelah itu Anda dapat menggunakan "Table
Sizer" (tombol paling kanan dari sub menu tabel) atau "Table wizard" (tombol
paling kiri dari sub menu table, lihat gambar 3.62).
ww
"Table sizer" dapat digunakan untuk membuat tabel secara cepat. Sedangkan
"Table wizard" dapat digunakan untuk membuat tabel yang tidak umum, misalnya
tabel dengan banyak kolom dimana beberapa diantaranya saling tergabung satu
dengan yang lainnya.
OKB Club Indonesia – http://www.okbclub.com
141
Gambar 3.63: Membuat tabel dengan HomeSite Table Wizard
OKB Club Indonesia – http://www.okbclub.com
142
BAB 4
LANGKAH KE-4:
MENDAFTAR KE WEB
SERVER GRATIS!
lu
b.
co
<TABLE WIDTH="200" CELLSPACING="2" CELLPADDING="6"
BORDER="1">
<TR>
<TD># 01</TD>
<TD COLSPAN="2">#02, #03</TD>
<TD># 04</TD>
</TR>
<TR>
<TD ROWSPAN="2" COLSPAN="2">#05, #06<BR>#09, #10</TD>
<TD># 07</TD>
<TD ROWSPAN="2"># 08<BR>#12</TD>
</TR>
<TR>
<TD># 11</TD>
</TR>
<TR>
<TD># 13</TD>
<TD># 14</TD>
<TD># 15</TD>
<TD># 16</TD>
</TR>
</TABLE>
m
Jika Anda membuat tabel seperti tampak pada gambar 3.63 diatas, maka
beberapa detik kemudian Anda akan mendapatkan baris-baris html seperti
dibawah ini. Untuk mempermudah pemahaman, didalam tabel ini telah penulis
sisipkan teks angka-angka dari #01 s/d #16 kedalam masing-masing sel.
BC
Jika Anda telah mengerjakan langkah 1 sampai langkah 3 buku ini, maka pada
saat ini Anda telah dapat mengakses internet, memiliki alamat e-mail dan
memiliki homepage lokal berupa file-file html yang hanya bisa dilihat oleh Anda
sendiri atau beberapa orang yang kebetulan bisa mengakses komputer Anda dan
tahu keberadaan file-file html Anda. Dengan kata lain, pada saat ini Anda telah
memiliki homepage sendiri secara offline. Untuk membuat semua orang
diseluruh dunia, sekali lagi, DISELURUH DUNIA, kapanpun mereka inginkan,
dapat melihat homepage Anda secara on-line, Anda harus menyimpan file-file
tersebut ke komputer yang terhubung ke jaringan internet selama 24 jam sehari, 7
hari seminggu. Komputer semacam inilah yang disebut WEB SERVER.
w.
OK
Jika baris-baris html diatas dilihat dengan browser, ia akan menghasilkan
tampilan seperti tampak pada gambar 3.64.
ww
Gambar 3.64: Tabel rumit ini dibuat dengan mudah menggunakan HomeSite Table
Wizard
OKB Club Indonesia – http://www.okbclub.com
Untuk dapat menyimpan file-file Anda kesuatu web server, Anda harus
mempunyai ijin dan hak akses ke server tersebut dengan cara mendaftar. Jika
Anda memiliki account di suatu ISP, coba Anda tanyakan apakah account yang
Anda bayar itu termasuk jatah ruang di server mereka? Biasanya ya (sekitar 1 s/d
2MB atau lebih untuk jenis account tertentu, misalnya korporat). Jika Anda
seperti saya, yang mengakses internet secara serampangan; kadang dikantor,
kadang di warnet dan kadang melalui TelkomNet dirumah, maka WEB SERVER
GRATIS adalah pilihan utama! Disamping gratis, ruang simpan yang disediakan
juga jauh lebih banyak dari yang biasanya disediakan kebanyakan ISP lokal. Di
internet dengan mudah Anda dapat menemukan web server gratis yang
menyediakan spasi 15MB, 20MB, 50MB, 100MB dan bahkan tidak terbatas!
143
OKB Club Indonesia – http://www.okbclub.com
144
menyimpan homepage penulis. Padahal alamat URL-nya telah penulis daftarkan
pada banyak search engine dan telah mulai mendapat hit rate lumayan banyak.
Pada langkah ke 4 ini kita akan mencoba mendaftar pada dua buah situs penyedia
layanan web server gratis (free webspace). Satu dari Indonesia dan satu lagi dari
luar negeri. Namun sebelum itu, kita akan membahas dahulu beberapa situs yang
menyediakan spasi gratis sebagai perbandingan. Baik situs yang berasal dari
Indonesia maupun dari luar negeri. Pembahasan meliputi nama alamat yang akan
kita peroleh, fasilitas yang mereka tawarkan, kapasitas ruang simpannya,
kemudahan akses filenya, syarat-syaratnya dan lain sebagainya.
Bagaimanapun, penulis tidak ingin apriori. Tetapi tidak ada salahnya jika Anda
melakukan pertimbangan berulang-ulang jika ingin menitipkan homepage Anda
ke web server gratis dari Indonesia. Pada umumnya pendaftaran ke penyedia
layanan webspace gratis dari Indonesia memang cukup mudah (disamping karena
berbahasa Indonesia tentunya). Akan tetapi dari 5 situs penyedia layanan
webspace gratis dari Indonesia yang pernah penulis daftari, 2 situs lenyap dalam
waktu 1 tahun dan 2 yang lain musnah dalam waktu kurang dari 4 bulan !
Satu hal yang perlu dicatat sebelum Anda memburu penyedia layanan webspace
gratis adalah bahwa dunia gratis di internet adalah dunia yang selalu berubah
dan akan terus berubah. Situs-situs penyelenggara webspace gratis terus
bermunculan setiap hari, akan tetapi ada pula beberapa yang kolaps dan akhirnya
mati (biasanya dari Indonesia he…he…he…). Jika Anda mendapati satu atau dua
situs yang saat Anda kunjungi telah menutup keanggotaanya, carilah situs lain atau
datanglah lain waktu. Jika spasi yang ditawarkan suatu situs kurang besar untuk
menampung file-file Anda, Anda masih bisa mendaftar lagi dengan ID dan alamat
e-mail yang lain sehingga secara teori, spasi gratis yang bisa Anda peroleh di
internet menjadi TIDAK TERBATAS!
Berikut adalah review singkat mengenai beberapa penyedia layanan web server
gratis dari Indonesia, yang mudah-mudahan masih ada saat buku ini berada
ditangan Anda! Sebelumnya jangan salah, meski penyelenggaranya dari
Indonesia, akan tetapi situs-situs ini tetap bisa diakses dari seluruh dunia!
lu
b.
co
m
4.1 MEMBURU WEB SERVER GRATIS
Rileks Free Homepage
BC
Rileks Free Homepage (http://mypage.rileks.com/) menyediakan
spasi gratis plus alamat e-mail. Spasi gratis yang disediakan pada Anda adalah
20 MB. Akan tetapi bisa menjadi lebih besar lagi jika Anda memiliki alasan
yang tepat dan mengirimkan permintaan Anda ke web-master Rileks.com.
OK
Hal lain yang perlu Anda perhatikan saat mendaftar adalah untuk mengisi nama,
alamat atau nomor telepon dengan benar (atau paling tidak dengan format yang
'seolah-olah' benar). Laporan dari banyak situs penyelenggara webspace gratis
menyatakan bahwa mereka biasanya terpaksa harus menolak 4 dari 10 pendaftar
baru karena si pendaftar mengisi alamat atau nomor teleponnya dengan
"11111111111111" !
4.1.1 WEB SERVER GRATIS DARI INDONESIA
w.
Anda mungkin tidak mengira bahwa ada web server gratis dari indonesia.
Beberapa tahun yang lalu, barangkali Anda hanya dapat menemukan Serpong.net
(sekarang sudah tidak ada lagi) atau apakabar.com (sekarang sudah tutup
pendaftarannya) yang menyediakan spasi gratis dari Indonesia, akan tetapi
sekarang Anda memiliki lebih banyak pilihan.
ww
Namun perlu dicatat bahwa pengusaha dot com di Indonesia amat sangat rentan
terhadap gangguan keuangan yang menopang keberadaannya. Hal ini
menyebabkan eksistensinya menjadi timbul tenggelam. Beberapa yang bisa
disebut
diantaranya
adalah
www.PengenPunyaSitus.com
dan
www.NetKiosk.org. Penulis telah beberapa kali dibuat kecewa dengan hilangnya
situs-situs penyedia free webspace dari Indonesia yang penulis pakai untuk
OKB Club Indonesia – http://www.okbclub.com
145
Gambar 4.1: Situs Rileks Free Homepage, menyediakan spasi gratis 20 MB!
Alamat homepage yang akan Anda miliki setelah mendaftar di situs ini adalah :
OKB Club Indonesia – http://www.okbclub.com
146
m
co
http://mypage.rileks.com/terserah_anda
Sementara itu alamat e-mail berbasis web yang akan Anda terima adalah
[email protected] dengan spasi tak terbatas!
Untuk membuka dan mengirim e-mail, akses bisa dilakukan dari alamat
http://mail.rileks.com.
b.
Selain spasi web gratis, Rileks Free Homepage menyediakan fasilitas
GuestBook (buku tamu) dan WebBoard hingga maksimal 500 pesan. Cara
transfer filenya adalah melalui account/file manager.
Syarat keanggotaan dalam situs ini adalah:
Tidak boleh menggunakannya untuk kegiatan atau usaha bisnis yang
bertentangan dengan hukum yang berlaku di wilayah Republik Indonesia.
Menyimpan, menaruh, meletakkan dan mempublikasikan gambar atau cerita
porno, dan segala macam lainnya yang berbau pornografi.
3.
Menyimpan file MP3, software bajakan, program hacking atau phreaking
dan segala sesuatu yang yang melanggar hak cipta dan/atau hak paten
lainnya.
Upload file ke SSNet dapat dilakukan baik melalui utilitas file manager yang
telah disediakan atau menggunakan program FTP (dengan host address
202.155.18.2 dan nomor port 21). Sementara itu e-mail dapat Anda buka baik
dengan browser maupun e-mail client seperti Microsoft Outlook atau Eudora
(dengan host name www.s-s-net.com dan nomor port 25). Satu hal yang perlu
Anda perhatikan adalah bahwa SSNet menggunakan file default bernama
default.htm, bukan index.htm atau index.html seperti situs-situs yang lain.
BC
2.
Gambar 4.2 : Situs SSNet menyediakan spasi gratis 2 MB.
lu
1.
SSNet
OK
SSNet (http://www.s-s-net.com/) adalah situs internet yang
didedikasikan untuk dunia pendidikan Indonesia. SSNet menyediakan spasi gratis
sebesar 2 MB plus layanan e-mail berbasis web dan POP3 yang meski
sebenarnya ditujukan untuk pelajar dan mahasiswa Indonesia, tetapi pada
prakteknya siapapun dapat mendaftar disini.
w.
Cara pendaftarannya sangat mudah dan cepat. Ketik alamat berikut kedalam
browser Anda: http://www.s-s-net.com/asp/register.asp.
Setelah itu Anda hanya perlu mengisi ID (terserah_anda), Nama Anda dan
kode password yang Anda inginkan (lihat gambar 4.2). Lalu …. abakadabra …
dalam waktu kurang dari satu menit Anda akan memiliki almaat e-mail baru
dengan alamat: [email protected]
Dan sebuah webspace yang bisa diisi file-file homepage dengan alamat :
Capella.co.id
Capella Web Hosting menyediakan spasi gratis sebesar 15 MB. Berbeda dengan
sebelumnya, jika situs-situs web gratis yang telah disebutkan diatas melarang
Anda untuk mengisi spasi web personal Anda dengan materi bisnis atau segala
bentuk penawaran yang bersifat profit oriented, maka Capella justru
menawarkan spasi khusus untuk keperluan bisnis atau e-commerce untuk
perusahaan atau instansi berbadan hukum.
Capella juga menyediakan dukungan teknis atas layanan yang diberikan selama
jam dan hari kerja melalui e-mail, telepon, atau kunjungan pelanggan. Pelanggan
menggunakan server yang disediakan Capella agar dapat diakses dari internet
setelah sebelumnya mendaftarkan diri melalui formulir yang disediakan oleh
Capella dan mendapatkan konfirmasi dari pihak Capella. Jika Anda berminat,
Anda dapat mendaftar dari alamat ini :
ww
http://www.s-s-net.com/terserah_anda
OKB Club Indonesia – http://www.okbclub.com
http://www.capella.co.id/e-commerce/free/formulir.html
147
OKB Club Indonesia – http://www.okbclub.com
148
m
Bayangkan! 500 MB gratis untuk Anda yang gemar cerita-cerita ngeres! Alamat
yang akan Anda peroleh jika Anda mendaftar dan disetujui adalah :
Gambar 4.3: Capella.co.id menyediakan spasi gratis khusus untuk bisnis
CeritaSeru.org
OK
BC
Setelah mendaftar dan disetujui, selain spasi gratis sebesar 15 MB, Anda juga
akan mendapat 5 buah account e-mail (masing-masing dengan quota 1 MB) dan 1
FTP access. Satu hal yang perlu Anda perhatikan adalah bahwa Capella hanya
menyediakan spasi gratisnya saja untuk penempatan homepage Anda. Sedangkan
nama domainnya (terserah_anda.com atau terserah_anda.co.id)
harus Anda daftarkan sendiri (jika belum punya). Pendaftaran nama domain bisa
dilakukan dari alamat http://namadomain.com dengan membayar
sejumlah uang tertentu. Akan tetapi dengan trik khusus, Anda juga bisa
mendapatkan nama domain sendiri dengan gratis (lihat bagian TIP & TRIK
dibelakang).
lu
b.
co
http://www.ceritaseru.org/members/terserah_an
da
ww
w.
Sesuai dengan nama host-nya, situs CeritaSeru yang beralamat di
http://www.ceritaseru.org ini menyediakan spasi gratis khusus untuk
diisi dengan materi-materi khusus dewasa (baik cerita maupun gambar).
Syaratnya adalah tidak vulgar, tidak berisi materi yang melanggar hukum (MP3,
crackz, dan sejenisnya), bukan berupa situs yang menjadi saingan CeritaSeru,
tidak mengandung link ke situs kompentitor CeritaSeru, dan maksimal ukuran file
(HTML dan gambar GIF/JPG) adalah 500 Mb.
OKB Club Indonesia – http://www.okbclub.com
149
Gambar 4.4: CeritaSeru.Org menyediakan spasi gratis 500 MB!
Jika Anda berminat, Anda dapat segera mengirimkan file-file homepage Anda
dalam bentuk file ZIP. Kirimkan file tersebut melalui e-mail ke alamat
[email protected]. Jangan lupa untuk menyertakan nama direktori yang
anda inginkan dan mengisi subject e-mail dengan "SITUS WEB BARU".
4.1.2 WEB SERVER GRATIS DARI LUAR NEGERI
Berbeda dengan jumlah penyedia layanan webspace gratis dari Indonesia yang
masih bisa dihitung dengan jari, penyedia layanan webspace gratis dari luar
negeri jumlahnya sudah tidak terhitung lagi. Sub bab ini akan kita pakai untuk
membahas beberapa diantaranya yang paling hebat, kecil iklannya (kalau bisa
yang tanpa iklan), cepat aksesnya, pendek alamat domainnya dan lengkap
fasilitasnya dibanding ribuan lagi yang lain.
Satu hal yang perlu dicatat adalah bahwa meskipun pembahasan telah diusahakan
se-uptodate mungkin, akan tetapi perubahan bisa saja terjadi setiap saat.
OKB Club Indonesia – http://www.okbclub.com
150
m
Biasanya ini terjadi pada ukuran spasi yang disediakan (umumnya semakin besar,
bukan sebaliknya), fasilitas upload file (tambahan pada fungsi FTP/browser),
cara penampilan iklan (banner atau pop-up) dan layanan tambahan seperti email, counter, guest book atau message board.
50Megs - http://www.50megs.com/
Sesuai dengan namanya, 50Megs menyediakan spasi gratis untuk keperluan
personal sebesar 50 MB dengan iklan banner disebelah atas layar halaman web.
Selain itu, Anda juga akan mendapatkan alamat e-mail dan juga counter. Upload
file bisa dilakukan baik melalui browser maupun FTP.
co
Sangat berbeda dengan penyedia layanan webspace gratis dari Indonesia,
pondasi keberadaan situs-situs free webspace dari luar negeri amat sangat kuat.
Dari 4 situs webspace gratis yang pernah penulis daftari 7-8 tahun yang lalu,
keempat-empatnya masih aktif hingga sekarang!
50Megs menyediakan file manager yang bagus serta site builder yang mudah
digunakan oleh pemula. Alamat yang akan Anda terima jika mendaftar di situs ini
adalah :
b.
Pembahasan situs web gratis dari luar negeri ini disusun berdasarkan abjad.
http://terserah_anda.50megs.com
20m - http://www.20m.com/
OK
http://terserah_anda.20m.com
4Office.net - http://www.4office.net/
AcmeCity menyediakan spasi gratis sebesar 20 MB untuk keperluan personal.
Anda tidak diijinkan memasang link komersial dalam situs ini. Sementara iklan
dari penyelenggara ditampilan berupa banner disebelah atas tiap halaman web.
Fasilitas yang diberikan selain spasi gratis adalah e-mail, chat dan bulletin
board. Upload file ke AcmeCity bisa dilakukan baik melalui browser maupun
melalui FTP.
BC
20m adalah salah satu situs penyedia layanan webspace gratis yang tumbuh
sangat cepat. Meski spasi yang disediakan hanya 20 MB, akan tetapi ini sudah
cukup untuk menampung sekitar 2000 halaman teks atau 500 lembar foto. Alamat
yang akan Anda peroleh setelah mendaftar di situs ini adalah :
AcmeCity - http://www.acmecity.com/
lu
Sesuai dengan namanya 20m menyediakan spasi gratis sebesar 20 MB untuk situs
personal dengan iklan banner disebelah atas halaman web. Selain itu, mereka
juga menyediakan e-mail, chat dan instant messaging. Upload file bisa
dilakukan baik melalui browser menggunakan file management tool yang
disediakan atau melelui FTP.
4Office Net menyediakan spasi gratis tidak terbatas khusus untuk kalangan
bisnis dengan iklan banner disebelah atas halaman web. Selain spasi gratis tak
terbatas, mereka juga menyediakan program-program afiliasi dan berbagai
macam resource bisnis.
w.
Tampaknya, 4Office disediakan khusus untuk kalangan bisnis. Tetapi sayangnya,
akses ke 4Office agak lambat. 4Office Mendukung script CGI dan e-mail
forwarding, sementara itu upload file hanya dapat dilakukan melalui FTP.
Alamat yang akan diperoleh setelah mendaftar adalah :
ww
http://terserah_anda.4office.net
OKB Club Indonesia – http://www.okbclub.com
151
AcmeCity cocok bagi Anda yang ingin membangun situs entertainment. Anda
dapat memasukkan foto-foto, video clip atau clip art. Komunitas AcmeCity
bahkan cocok bagi Anda yang memiliki interest terhadap pertelevisian, film atau
musik. Dengan tool yang mereka sebut "HomeBuilder", seorang pemula bisa
membangun situs web menarik dalam waktu kurang dari satu jam. Sementara bagi
yang sudah berpengalaman, mereka juga menyediakan site management tools
atau FTP untuk melakukan upload. Alamat yang akan diperoleh dari situs ini
adalah :
http://www.acmecity.com/terserah_anda
Angelfire - http://www.angelfire.com/
Saat pertama kali penulis mendaftar di Angelfire sekitar tahun 1994 yang lalu,
penulis mendapatkan spasi gratis sebesar 0.5 MB. Akan tetapi sekarang, Anda
akan mendapatkan spasi gratis 100 kalinya, yaitu 50 MB! dengan iklan banner
pop-up. Plus fasilitas e-mail gratis serta search box, poll, guest feedback dan
manajemen link ke situs Anda menggunakan "Gears" add-on.
OKB Club Indonesia – http://www.okbclub.com
152
Angelfire, yang sekarang dikuasai oleh raksasa LYCOS, termasuk situs penyedia
spasi web gratis yang populer. Untuk melakukan upload file ke Angelfire, Anda
dapat menggunakan browser, program FTP atau FrontPage. Sedangkan untuk
melakukan pendaftaran, Anda cukup mengisi nama dan password yang Anda
inginkan. Kemudian memilih nama direktori (misalnya 'id') atau topik (misalnya
'music') dan diikuti dengan memasukkan nama belakang homepage (misalnya
terserah_anda). Secara keseluruhan, alamat homepage yang akan Anda miliki
dari Angelfire bisa seperti ini :
m
http://terserah_anda.bigstep.com
Bizland – http://www.bizland.com
co
Bizland menyediakan spasi gratis untuk bisnis sebesar 35 MB dengan banner
iklan disebelah atas halaman web. Selain itu mereka menyediakan juga alamat email, storefront, chat, shoping chart dan counter. Upload file ke Bizland bisa
dilakukan baik melalui browser maupun FTP.
http://www.angelfire.com/id/terserah_anda
lu
b.
Bizland adalah salah satu web hosting gratis populer untuk kalangan pebisnis
kecil. Berdiri tahun 1999 lalu dan sekarang telah memiliki lebih dari 800.000
members! Servis yang diberikan termasuk akses dan servis ke produk-produk
berdiskon, tool untuk membantu melakukan promosi dan penjualan, customizable
portofolio dari produk-produk yang ditawarkan, penggabungan messaging
service yang membuat Anda dapat mengkombinasikan tool komunikasi individual
dalam format yang sederhana, direktori Bizland untuk mempercepat identifikasi
dan melokasikan anggota dan produk-produknya, Bizland forum, message board,
link ke resource bisnis lain serta ruang chat untuk keperluan advis dan dukungan
on-line. Alamat yang akan Anda terima adalah :
BC
http://terserah_anda.bizland.com
BootBox.net - http://www.bootbox.net/
Big Step – http://www.bigstep.com
OK
Gambar 4.5 : Angelfire sekarang menyediakan spasi gratis 50 MB!
w.
BigStep menyediakan spasi gratis sebesar 11 MB untuk keperluan personal atau
bisnis kecil. Meski spasi yang diberikan agak kecil akan tetapi kekuatan utama
web ini adalah pada orientasi bisnisnya. Mereka menyediakan fasilitas transaksi
on-line, database kustomer terintegrasi, katalog on-line plus promosi web serta
reporting tools. Kemudahan akses yang diberikan membuat siapapun bisa
membuat homepage disini.
ww
BigStep menyediakan Site Building Tools yang sangat mudah digunakan, juga
untuk urusan upload file dengan browser. Setelah situs Anda selesai dibangun,
Anda dapat segera mempublikasikannya dan melakukan promosi hanya dengan
beberapa kali klik saja! Alamat yang akan Anda peroleh adalah :
OKB Club Indonesia – http://www.okbclub.com
153
BootBox memberikan spasi gratis sebesar 10 MB untuk keperluan personal
maupun bisnis. Jika Anda hanya menggunakan BootBox hanya sebagai server dan
memiliki nama domain sendiri, maka banner iklan pop-upnya akan hilang dengan
sendirinya. Selain spasi gratis sebesar 10 MB, yang rencananya akan dinaikkan
menjadi 35 MB pada kuartal pertama tahun 2001, mereka juga menyediakan free
e-commerce (atau b-commerce) lengkap dengan merchant account, free account
e-mail tak terbatas dan akses internet gratis khusus untuk USA dan Canada
(seperti LinkNet kalau di Jakarta).
Upload file ke BootBox hanya bisa dilakukan melalui FTP. Tetapi ini adalah
solusi terbaik untuk Anda yang telah memiliki alamat domain resmi dan ingin
menyimpan isi homepage di server gratis. Alamat yang akan Anda terima adalah
http://www.terserah_anda.com (untuk yang telah memiliki nama
domain) atau jika belum punya, adalah seperti ini :
http://terserah_anda.bootbox.net
OKB Club Indonesia – http://www.okbclub.com
154
utamanya ada pada penggunaan personal karena pada kenyataanya, meskipun
mereka mengijinkan untuk keperluan bisnis, tetapi Anda tidak boleh memasang
banner komersial Anda sendiri atau link-linknya.
m
Crosswinds - http://home.crosswinds.net/
CrossWinds menyediakan spasi gratis tak terbatas baik untuk keperluan
personal maupun bisnis dengan tanpa iklan. Selain itu saat ini mereka juga
menyediakan e-mail gratis. Upload file hanya bisa dilakukan melalui FTP
sehingga mungkin tidak sesuai untuk pemakai pemula.
co
Upload file ke DenCity bisa dilakukan baik melalui browser maupun melalui
FTP. Alamat yang akan Anda peroleh dari situs ini adalah :
http://www.dencity.com/terserah_anda
CrossWinds tumbuh dengan cepat dan kini menjadi situs free hosting favorit dan
populer bagi para pemakai berpengalaman, terutama karena spasinya yang tak
terbatas itu plus tanpa iklan. Selain itu, kecepatan aksesnya bagus dan setiap
masalah yang terjadi pada server mereka segera ditangani secara profesional.
Domain Valet - http://www.domainvalet.com/
lu
b.
Domain Valet menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
dengan banner iklan disebelah atas tiap halaman web. Selain itu mereka juga
menyediakan e-mail dengan spasi tak terbatas. Upload file bisa dilakukan
melalui FTP, tetapi tidak mendukung frontpage. Alamat yang akan Anda peroleh
jika mendaftar di situs ini adalah :
http://www.domainvalet/terserah_anda
BC
Dreamwater - http://www.dreamwater.com/
OK
Dreamwater menyediakan spasi gratis sebesar 50 MB untuk keperluan personal
maupun bisnis dengan tanpa iklan pop-up Selain spasi gratis, dreamwater juga
menyediakan guest book, chat board, form e-mail, search engine submission
dan berbagai macam clip art gratis. Upload file bisa dilakukan baik melalui
browser maupun FTP.
Gambar 4.6: Crosswinds.net menyediakan spasi gratis tak terbatas!
Jika Anda adalah seorang webmaster yang berkompeten, maka CrossWinds
mungkin adalah pilihan terbaik bagi Anda, akan tetapi bagi pemula, Anda tidak
akan mendapatkan apa-apa disini. Alamat yang akan Anda terima setelah
mendaftar di situs ini adalah :
Meskipun spasi default yang disediakan Dreamwater adalah 50 MB, akan tetapi
mereka akan menambahinya jika Anda dapat memberikan alasan yang tepat.
Alamat yang akan didapatkan setelah mendaftar bisa dipilih antara
http://dreamwater.net/terserah_anda atau http://1freespace.com/terserah_anda
dan dapat diakses dengan menyebut sub domainnya saja seperti ini :
http://terserah_anda.dreamwater.net/
http://terserah_anda.1freespace.com/
atau
w.
http://www.Crosswinds.net/terserah_anda
Envy - http://www.envy.nu/
DenCity - http://www.dencity.com/
ww
DenCity memberikan spasi gratis sebesar 25 MB untuk keperluan personal
maupun bisnis dengan iklan berupa tombol. Akan tetapi sebenarnya orientasi
OKB Club Indonesia – http://www.okbclub.com
155
Envy menyediakan spasi gratis sebesar 20 MB (lebih besar dari sebelumnya)
untuk keperluan personal. Sayangnya, mereka juga merubah feature dari situs
tanpa iklan menjadi situs beriklan banner pop-up. Upload file ke Envy harus
dilakukan melalui browser. Alamat yang akan diperoleh adalah :
OKB Club Indonesia – http://www.okbclub.com
156
http://www.envy.nu/terserah_anda
m
Freedom2Surf - http://www.f2s.com/
Fredom2Surf menyediakan spasi gratis 20 MB baik untuk personal maupun
bisnis dengan dukungan penuh terhadap teknologi PHP, CGI, SSI, Perl Script
serta front page extension. Mereka juga menyediakan search option, web
statistic, counter dan web board gratis. Selain fasilitas tersebut, Anda juga
mendapat alamat e-mail dengan spasi tak terbatas. Hebatnya lagi, freedom2suf
bebas iklan! Satu-satunya yang menjadi kekurangan adalah bahwa semua transfer
file harus dilakukan melalui FTP ke www.terserah_anda.f2s.com (yang
mungkin agak menyulitkan bagi yang tidak biasa melakukannya). Alamat yang
akan Anda peroleh adalah :
EWebCity - http://www.ewebcity.com/
b.
co
EwebCity menyediakan spasi gratis sebesar 30 MB untuk keperluan personal
maupun bisnis dengan halaman-halaman web tanpa iklan! Pendaftarannya sangat
cepat dan mudah. Meskipun tidak mendukung CGI dan frontpage extension, tetapi
EwebCity mendukung ASP dan SQL. Upload file dilakukan dengan browser
melalui file manager yang mudah digunakan. EwebCity memiliki banyak web
tutorial on-line. Alamat homepage yang akan Anda peroleh setelah mendaftar
adalah :
http://terserah_anda.f2s.com
http://www.eWebCity.com/terserah_anda
Freeservers menyediakan spasi gratis 20 MB untuk keperluan personal web
dengan banner iklan disebelah atas halaman web. Upload file bisa dilakukan
baik melalui browser maupun FTP. Fasilitas yang disediakan termasuk instant
messaging, guest book, counter, shopbot search engine dan e-mail dengan
spasi tak terbatas!
BC
Fortune City dulu menyediakan spasi gratis sebesar 25 MB, tetapi sekarang
mereka memperbesarnya hingga menjadi 100 MB. Sebuah spasi yang cukup
besar untuk sekedar membuat homepage pribadi! Fasilitas yang disediakan
termasuk alamat e-mail, chat, search box dll. Upload file bisa dilakukan baik
melalui browser maupun melalui FTP. Sayangnya, Fortune City menempatkan
banner iklan yang lumayan besar pada setiap halaman yang kita buat sehingga
agak memperlambat akses. Selain itu ukuran file maksimal yang bisa disimpan
disini adalah 1 MB. Lebih dari itu file tersebut akan langsung dihapus oleh
server
lu
Freeservers - http://www.freeservers.com/
Fortune City - http://www.fortunecity.com/
w.
OK
Penulis tidak dapat membayangkan, berapa besar harddisk yang mereka sediakan
mengingat pada saat ini jumlah member Fortune City telah mencapai lebih dari
2.000.000 user. Bayangkan, 2 juta kali 100 MB ada berapa ?!? (memang sih, itu
kalau semua user memakainya secara maksimal). Bagaimanapun, Fortune City
memiliki komunitas yang sangat besar, meskipun alamat yang disediakan cukup
panjang (seperti Geocities dulu sebelum diakuisisi oleh Yahoo!). Mungkin
karena sekarang nama panjang sudah tidak menjadi masalah lagi karena kita bisa
memperpendeknya dengan fasilitas URL redirection (lihat bagian TIP & TRIK).
Waktu yang dibutuhkan untuk mengaktifkan account Anda di situs ini sangat cepat
(kurang dari 1 menit), akan tetapi Anda tidak bisa menggunakan nama sendiri.
Yang bisa Anda lakukan adalah memilih area dan kode alamat sehingga alamat
yang akan Anda terima adalah seperti ini :
ww
http://www.fortunecity.com/nama_area/nomor_alamat
OKB Club Indonesia – http://www.okbclub.com
Gambar 4.7: Freeservers.com menyediakan spasi gratis 20 MB!
157
OKB Club Indonesia – http://www.okbclub.com
158
m
Geocities - http://www.geocities.com/
Freeserver adalah salah satu pelopor penyedia layanan webspace gratis dengan
jumlah member saat ini lebih dari 1.500.000 user! Mereka juga menyediakan
fasilitas "Site Copier" untuk memindah situs yang telah Anda miliki ke
Freeservers, juga file manager yang sangat baik dan 'user friendly'. Seperti situs
PengenPunyaSitus.Com dari Indonesia (sewaktu masih hidup), Freeservers
menyediakan 16 pilihan nama sub domain unik. Keenambelas nama sub domain
tersebut adalah :
co
b.
http://www.geocities.com/terserah_anda
lu
Go Network - http://homepages.go.com/
BC
Go Network menyediakan spasi gratis dengan tanpa iklan sama sekali, baik
banner maupun pop-up. Upload file dilakukan melalui browser dengan file
manager yang disediakan. Selain spasi gratis, mereka juga menyediakan guest
book, chat room dan e-mail. Alamat homepage yang akan Anda terima jika
mendaftar di situs ini adalah :
http://homepage.go.com/~terserah_anda
Homepage - http://www.homepage.com/
OK
http://terserah_anda.freeservers.com
http://terserah_anda.4t.com
http://terserah_anda.4mg.com
http://terserah_anda.8m.com
http://terserah_anda.8k.com
http://terserah_anda.s5.com
http://terserah_anda.bizhosting.com
http://terserah_anda.faithweb.com
http://terserah_anda.freehosting.net
http://terserah_anda.gq.nu
http://terserah_anda.htmlplanet.com
http://terserah_anda.itgo.com
http://terserah_anda.iwarp.com
http://terserah_anda.scriptmania.com
http://terserah_anda.theshoppe.com
http://terserah_anda.tvheaven.com
Geocities adalah penyedia layanan internet yang sudah sangat tua. Dulu, mereka
hanya menyediakan spasi gratis sebesar 5 MB, lalu naik menjadi 11 MB dan
sekarang sudah ditambah lagi hingga menjadi 15 MB. Iklan yang ditampilkan
adalah banner berupa watermark kotak disebelah kanan atas layar web.
Sedangkan fasilitas yang disediakan selain spasi gratis adalah alamat e-mail
([email protected]), counter dan guest book. Upload file
bisa dilakukan baik melalui browser (dengan file manager yang disediakan)
maupun melalui FTP (dengan alamat ftp.geocities.com). Alamat homepage yang
akan Anda terima setelah mendaftar adalah :
FreeYellow - http://www.freeyellow.com/
w.
FreeYellow menyediakan spasi gratis sebesar 12 MB baik untuk personal
maupun untuk bisnis dengan sebuah iklan banner. Selain itu, mereka juga
menyediakan counter, pustaka gambar, form yang bisa di cut & paste, seting
chat serta WebWizard site builder yang mudah digunakan.
Upload file ke FreeYellow bisa dilakukan baik melalui browser maupun FTP.
Alamat homepage yang akan Anda peroleh adalah :
ww
http://www.freeyellow.com/members/area/terserah_anda
OKB Club Indonesia – http://www.okbclub.com
Homepage menyediakan spasi gratis sebesar 10 MB untuk keperluan personal
atau bisnis dengan banner iklan disebelah atas layar. Mereka mengklaim diri
sebagai pemimpin dalam hal penyedia layanan aplikasi untuk e-bussines dengan
daftar pengguna termasuk about.com, discoverychannerl, PetSmart dan namanama besar lainnya.
Secara definitif, homepage termasuk salah satu dari penyedia web hosting gratis
dengan antarmuka paling bersih di internet, tetapi tidak menawarkan tool
pembantu yang biasanya disediakan untuk pemakai pemula. Anda akan lebih baik
jika membuat situs dilain homepage dan setelah itu melakukan migrasi kesini.
Homepage adalah pilihan bagus untuk keperluan bisnis, akan tetapi jika Anda
seorang pemula, masih banyak pilihan lain yang mungkin lebih baik. Alamat yang
akan diperoleh jika mendaftar di situs ini adalah :
http://terserah_anda.homepage.com
159
OKB Club Indonesia – http://www.okbclub.com
160
m
Homestead - http://www.homestead.com/
Hypermart - http://www.hypermart.net/
b.
OK
http://www.homestead.com/terserah_anda
Hypermart memberikan spasi gratis sebesar 20 MB yang bisa Anda gunakan
untuk keperluan personal maupun bisnis kecil dengan tampilan iklan yang bisa
dipilih antara banner biasa atau pop-up banner. Upload file bisa dilakukan baik
melalui browser maupun melalui FTP.
ww
w.
Selain spasi gratis yang disediakan, Anda juga bisa memanfaatkan programprogram afiliasi yang ada atau memanfaatkan bussines resources yang banyak
tersedia di situs ini. Akan tetapi jika Anda ingin memanfaatkan shopping cart
atau e-services yang lain, Anda harus melakukan upgrade keanggotaan dengan
membayar sejumlah uang.
OKB Club Indonesia – http://www.okbclub.com
Gambar 4.8: Hypermart.net menyediakan spasi gratis 20 MB!
Saat buku ini ditulis, hypermart telah memiliki lebih dari 1.000.000 member,
termasuk beberapa program pengeruk uang gratis dari internet seperti iklan mini
Bonanza (http://uangiklan.cjb.net) dan organizer program Pensiun Muda
(http://pensiun.cjb.net) dan masih akan terus bertambah! Jika Anda mendaftar,
alamat yang akan Anda peroleh adalah :
BC
Jika Anda telah memiliki homepage lain, mereka juga menyediakan sebuah
utility canggih yang disebut "Site Mover" untuk mempermudah kepindahan Anda!
Sebelum mencoba mendaftar ke Homestead, catat bahwa situs ini juga
bekerjasama dengan Spedia, pencetak uang dolar gratis yang terkenal itu! Jika
Anda telah terdaftar di Spedia (lihat bagian BONUS: TIP & TRIK - Gunakan
Situs Anda untuk mencari uang dari internet!), maka pendaftaran ke
Homestead akan memberikan 70 tambahan point (setara dengan akses inernet 1
jam 10 menit). Enak khan? Alamat yang akan Anda peroleh jika mendaftar di
situs ini adalah :
lu
Homestead adalah salah satu penyedia layanan spasi web gratis yang sangat
besar. Jumlah membernya saat buku ini ditulis telah mencapai lebih dari 4 juta
user! Mereka sangat profesional dan secara konstan melakukan update situs
dengan berbagai fasilitas dan fitur yang baru. Jika Anda memiliki usaha bisnis
kecil, tidak ada salahnya mencoba Homestead karena mereka menyediakan
semua elemen yang diperlukan untuk melakukan setup halaman muka 'kios' Anda
untuk e-commerce, bahkan juga fasilitas e-commerce payment processing-nya!
co
Homestead menyediakan spasi gratis sebesar 16 MB (sebelumnya 12 MB) untuk
keperluan personal atau bisnis dengan tampilan iklan kecil berupa banner
disebelah bawah halaman web. Metoda upload filenya dilakukan melalui
browser. Sementara fasilitas yang diberikan sangat banyak, diantaranya alamat email, kalender, guest book, chat room, counter, web poll, promosi situs, teks
animasi plus koleksi ribuan clip-art dan suara.
http://terserah_anda.hypermart.net
iXprss - http://www.xprss.com
iXprss memberi spasi gratis sebesar 100 MB untuk keperluan bisnis dengan
iklan berbentuk banner dibagian bawah halaman web. Fasilitas yang disediakan
selain spasi gratis dan setup yang mudah adalah e-mail, kalender, news page dan
link page. Upload file ke iXprss dilakukan melalui browser.
Anda bisa secara cepat melakukan setup on-line store dan mengatur suatu
database untuk men-set halaman-halaman produk lengkap dengan gambargambarnya. iXprss bahkan menyediakan shoping cart gratis untuk keperluan ecommerce Anda. Selain itu, Anda juga dapat menggunakan lebih dari 100
template bisnis untuk keperluan lay-out halaman web Anda! Alamat yang akan
Anda dapatkan jika mendaftar di situs ini adalah :
http://www.xprss.com/kategori/terserah_anda
161
OKB Club Indonesia – http://www.okbclub.com
162
Upload file ke situs ini bisa dilakukan melalui FTP. Selain file-file html,
PortLand juga mempersilahkan Anda untuk meng-upload script-script CGI yang
Anda miliki.
m
LiveUniverse - http://www.liveuniverse.com/
LiveUniverse menyediakan spasi gratis 10 MB baik untuk personal maupun
bisnis dengan iklan disebelah atas layar. Selain itu mereka juga menyediakan
message board, chat, mailing list, text ticker, auction catalog dan masih
banyak lagi plus site builder sederhana yang mudah digunakan.
co
Penyedia layanan free webspace dari Indonesia, pengenpunyasotus.com (dulu),
juga menggunakan portland sebagai web hosting untuk semua member yang
mendaftar ke pengenpunyasitus.com. Alamat homepage yang akan Anda terima
jika mendaftar di situs ini adalah:
Jika Anda adalah seorang pemula, Anda bisa menggunakan "wizard" site builder
untuk memulai membuat homepage. Mereka akan menuntun Anda langkah demi
langkah sambil menawarkan berbagai fasilitas yang bisa meningkatkan kualitas
homepage Anda. Semua ini bisa dilakukan hanya dalam waktu 3 menit!
NetColony - http://www.netcolony.com/
b.
Rebondir - http://www.rebondir.com/
OK
NetColony menyediakan spasi gratis 100 MB dengan iklan banner disebelah atas
halaman web Anda. Selain itu mereka juga menyediakan e-mail gratis, guest
book, message board dan banyak tutorial mengenai html dan homepage. Upload
file dilakukan dengan browser melalui utiliti file manager yang disediakan. Jika
ingin melakukan editing langsung, Anda juga bisa menggunakan EZ homebuilder
yang disediakan.
Pada saat buku ini ditulis, NetColony telah memiliki 175.000 member yang
tersebar di seluruh dunia. Selain nama belakang, Anda juga harus memilih jenis
kategori isi dari homepage Anda (misalnya 'internet' atau 'games') sehingga
alamat homepage yang akan Anda terima adalah:
w.
http://www.netcolony.com/kategori/terserah_anda
PortLand - http://www.portland.co.uk/
ww
PortLand menyediakan spasi gratis sebesar 15 MB dengan tanpa iklan sama
sekali, baik banner maupun pop-up. Selain itu mereka juga menyediakan fasilitas
statistik dan alamat multi e-mail. Jika Anda telah memiliki nama domain, Anda
dapat menggunakan PortLand sebagai web hosting gratis dan menggunakan
domain Anda sendiri.
OKB Club Indonesia – http://www.okbclub.com
Rebondir menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
dengan tampilan banner iklan. Selain itu Rebondir juga menyediakan e-mail
gratis, counter, guestbook dan form yang bisa dikustomisasi. Upload file bisa
dilakukan baik melalui browser maupun melalui FTP.
Jika Anda seorang pemula, Anda bisa menggunakan Site Building Tool yang
sederhana dengan banyak template desain halaman dan desain grafik yang
mudah. Utiliti "Site Copier" yang disediakan juga dapat mempermudah
kepindahan Anda dari situs yang sudah ada ke situs baru di Rebondir, dan file
manager berbasis web yang disediakan mempermudah editing dan upload file.
Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah :
BC
http://www.LiveUniverse.com/terserah_anda
atau
atau
lu
Satu-satunya kekurangan situs ini hanyalah pada ukuran spasi yang disediakan
yang tampaknya sudah tidak sesuai untuk standar saat ini. Akan tetapi selama
Anda tidak menggunakan banyak grafik, ruang sebesar ini sebenarnya masih
cukup untuk kebanyakan situs web. Alamat yang akan diperoleh jika mendaftar di
situs ini adalah :
http://www.portland.co.uk/terserah_anda
http://terserah_anda.portland.co.uk
http://terserah_anda.port5.com
163
http://terserah_anda.rebondir.com
Stas - http://www.stas.net/
Stas memberikan spasi gartis tak terbatas yang bisa Anda gunakan untuk
keperluan personal dengan tanpa iklan! Selain itu mereka juga menyediakan
guest book, web board, form mail dan search box. Juga site builder yang mudah
digunakan. Sementara upload file dilakukan dengan browser.
Jika Anda berencana untuk membuat sebuah situs web untuk mendukung industri
multimedia, Stas adalah pilihan tepat mengingat spasi 'unlimited' yang
disediakan, meskipun janji dan klaim mereka yang 'tanpa iklan' itu tampak terlalu
muluk mengingat iklan adalah satu-satunya sumber dana yang masuk akal. Tapi
… kita lihat saja nanti. Alamat yang akan Anda dapat jika mendaftar di situs ini
adalah :
http://www.stas.net/terserah_anda/
OKB Club Indonesia – http://www.okbclub.com
164
m
Stormloader - http://www.stormloader.com/
Virtual Avenue - http://www.virtualave.net/
Stormloader menyediakan spasi gratis 20 MB untuk personal atau bisnis dengan
banner iklan disebelah atas layar (tanpa pop-up). Saat buku ini ditulis,
Stormloader telah memiliki sekitar 30.000 member. Fasilitas yang diberikan
selain spasi gratis adalah alamat e-mail. Upload file dapat dilakukan dengan
browser dan editing file dapat dilakukan dengan html editor berbasis web yang
disediakan. Alamat yang akan Anda dapatkan adalah:
co
Virtual Avenue menyediakan spasi gratis sebesar 20 MB untuk keperluan
personal maupun bisnis dengan banner iklan kecil dan pop-up. Metoda upload
file yang bisa dilakukan adalah melalui FTP dengan batasan ukuran file maksimal
1.2 MB. Virtual Avenue sangat populer dikalangan pebisnis kecil dengan jumlah
member sekitar 500.000 user. Mereka menyukai Virtual Avenue karena
kecepatan dan down time server yang kecil. Selain itu setup e-commerce–nya
mudah dilakukan karena Virtual Avenue juga menyediakan fasilitas HyperMart
dan berbagai servis berorientasi bisnis lainnya.
b.
http://terserah_anda.stormloader.com
TheBurgh menyediakan webspace gratis sebesar 30 MB. Selain cepat, TheBurgh
juga menyediakan e-mail gratis, forum diskusi dan chat. Upload file dilakukan
melalui browser. Tbns adalah singkatan dari The Burgh Network Solution.
Setelah mendaftar, Anda akan mendapat alamat seperti ini:
http://www.tbns.net/terserah_anda
Virtual Avenue mendukung penggunaan Script CGI, Perl dan frontpage
extension. Setelah mendapatkan spasi dari Virtual Avenue, Anda bisa
menggunakan nama domain yang telah Anda miliki atau menggunakan alamat sub
domain yang telah disediakan, yaitu :
lu
TheBurgh - http://www.tbns.net/
http://terserah_anda.virtualave.net
BC
WebHostMe - http://www.webhostme.com/
Tripod - http://www.tripod.com/
OK
Setahun atau dua tahun yang lalu, Tripod hanya menyediakan spasi gratis sebesar
11 MB, akan tetapi sekarang Tripod memberikan spasi yang cukup besar untuk
Anda, yakni 50 MB! Anda bisa menggunakannya baik untuk personal maupun
untuk bisnis. Sementara iklan yang ditampilkan pada layar web bisa dipilih
apakah berbentuk banner atau pop-up.
w.
Akses file di Tripod bisa dilakukan dengan semua cara yang mungkin bisa
dilakukan, misalnya melalui browser (menggunakan file manager canggih yang
disediakan), melalui FTP atau bahkan melalui FrontPage. Fasilitas yang
disediakan juga cukup banyak, seperti counter, guest book, alamat e-mail,
horoscope, ramalan cuaca, gambar-gambar dlsb. Selain itu, Tripod juga
mendukung frontpage extension. Menurut penulis, disamping karena kecepatan
aksesnya, kemudahan atas hampir semua hal yang berhubungan dengan proses
penciptaan situs web di Tripod menjadikannya awal yang baik untuk memulai
memiliki homepage sendiri. Alamat yang akan Anda peroleh setelah mendaftar
adalah :
ww
http://terserah_anda.tripod.com
OKB Club Indonesia – http://www.okbclub.com
165
WebHostMe menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
maupun bisnis. Mereka mendukung penggunaan Script CGI, frontpage extension,
Active Server Page (ASP) dan bahkan database MS-Access.
Account Anda akan aktif sekitar 10 menit setelah Anda mendaftar. Jika Anda
telah memiliki alamat domain, Anda dapat menggunakan WebHostMe sebagai
web server gratis dengan nama domain Anda sendiri. Jika belum punya, alamat
yang akan Anda peroleh dari situs ini adalah :
http://terserah_anda.webhostme.com
Xoom (NBCi) - http://www.xoom.com/
Xoom, yang saat ini telah dicaplok oleh perusahaan besar NBCi, menyediakan
spasi gratis tidak terbatas untuk Anda. Sayangnya, Xoom menempatkan iklan bar
NBCi yang diletakkan disebelah atas layar web dan bekerja sebagai portal.
Tentunya ini cukup mengganggu, disamping aksesnya menjadi sangat lambat.
Sebagai ganti segala kekurangan ini, disamping spasi web yang tidak terbatas
mereka juga memberikan alamat e-mail, fasilitas chat, search box dan lain
sebagainya. Upload file dapat dilakukan baik melalui browser maupun FTP.
OKB Club Indonesia – http://www.okbclub.com
166
m
Umumnya, user lebih suka menggunakan Xoom sebagai server arsip untuk
menyimpan file-file program (.exe atau .zip) dan me-link-nya dari server web
gratis yang lain karena akses file .zip atau .exe di Xoom tidak memunculkan
iklan! Meski demikian, hati-hatilah dengan peraturan yang mereka buat. Jika
Anda melanggarnya, mereka akan langsung mengapus account Anda tanpa
pemberitahuan apa-apa. Satu-satunya tanda bahwa keanggotaan Anda telah
dicoret adalah jika tiba-tiba saja password FTP Anda dianggap salah (invalid)
atau browser yang Anda gunakan menampilkan kode "404 Error" saat mengakses
homepage Anda. Lebih jauh lagi, Anda tidak akan dapat mendaftar ulang dengan
nama atau alamat e-mail yang sama lagi. Berikut adalah alamat homepage yang
akan Anda terima jika mendaftar di situs ini :
NightSites - http://www.nightsites.com/
co
NightSites menyediakan spasi gratis untuk homepage dewasa, pornografi, seks
dan semacamnya. Saat buku ini ditulis, NightSites telah memiliki 29.000 member
on-line.
b.
Selain spasi gratis, NightSites juga menyediakan chatroom dan feedback form
untuk komunikasi dengan pengunjung situs web Anda. Setelah mendaftar, Anda
akan dikirimi e-mail pemberitahuan yang berisi nama dan kode password yang
bisa Anda gunakan untuk login ke NightSites dan mulai membangun adult site
baru Anda!
http://www.xoom.com/terserah_anda
Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah :
BC
Yang dimaksud dengan 'Minat Khusus' dalam judul diatas adalah semua hal yang
dilarang untuk dimasukkan kedalam homepage gratis yang telah dibahas pada sub
bab 4.1 dan 4.2 diatas, yaitu segala materi yang berhubungan dengan seks,
pornografi, hacking, cracking dan semua pelanggaran umum lainnya. Untuk
'Minat Khusus' seperti ini, Anda bisa mencoba mendaftar pada beberapa
penyedia layanan webspace gratis dibawah ini.
lu
http://terserah_anda.nightsites.com
4.1.3 WEB SERVER GRATIS UNTUK YANG PUNYA
'MINAT KHUSUS'
Anzwers - http://www.anzwers.net/
OK
Anzwers menyediakan spasi gratis dengan ukuran tak terbatas serta bandwidth
juga tak terbatas untuk keperluan personal atau materi-materi dewasa seperti seks
dan pornografi, tetapi tidak untuk materi-materi hacking atau cracking.
Khusus untuk keperluan pembuatan situs personal, Anda akan dilempar ke
http://www.anzwers.org.
Alamat homepage yang akan Anda perolah adalah :
ww
w.
http://www.anzwers.net/hot/terserah_anda
OKB Club Indonesia – http://www.okbclub.com
Gambar 4.9: www.nightsites.com, free webspace untuk komunitas dewasa dengan
member lebih dari 30.000 user
167
OKB Club Indonesia – http://www.okbclub.com
168
m
co
b.
lu
Gambar 4.11: InternetTrash.com, free webspace khusus untuk gila-gilaan!
BC
Gambar 4.10: Sexplosion.com, free webspace khusus untuk dewasa
Sexplosion - http://sexplosion.com/
http://sexplosion.com/terserah_anda
OK
Sexplosion (gambar 4.10) menyediakan 9 halaman web yang bisa diisi dengan
materi-materi pornografi, seks dan semacamnya. Jika dirasa kurang, Anda bisa
mendaftar lagi untuk mendapatkan 9 halaman yang lain. Alamat yang akan
diperoleh adalah :
Internet Trash - http://internettrash.com/
ww
w.
Anda mungkin tidak mengira bahwa ada situs penyedia webspace gratis yang
menyediakan dukungan untuk hal-hal yang tidak masuk akal seperti materi-materi
yang berhubungan dengan penyerangan, penghinaan, materi tak berguna, tak
senonoh, tak berperasaan, sampah, kasar, primitif, tak sopan, asusila, cabul,
kotor, porno, jorok, gila, hal-hal bodoh, tak bermutu, menjengkelkan, buruk,
menjijikkan, ekstrim, politik, pemborosan, merusak dan segala hal yang sama
sekali tidak bermanfaat lainnya untuk mengobral bandwidth! Meskipun materi
homepage yang normal dan biasa-biasa saja juga dipersilahkan.
OKB Club Indonesia – http://www.okbclub.com
169
Spasi yang disediakan untuk semua kegiatan gila diatas adalah 20 MB tanpa
iklan, plus e-mail gratis (web dan POP3), chat room gratis, personal discussion
forum gratis dan lain sebagainya. Transfer file bisa dilakukan melalui FTP.
Pendaftaran cukup dilakukan dengan mengirim nama dan password yang Anda
inginkan ke alamat e-mail [email protected] tanpa datadata pribadi sama sekali!
Alamat yang akan didapat setelah mendaftar di situs ini dapat berupa :
http://internettrash.com/users/nama_email_anda
http://internettrash.com/users/nama_alias
atau
Nama_alias bisa Anda ganti-ganti kapan saja sepanjang belum ada yang
menggunakannya. Selain nama domain internettrash.com, Anda juga dapat
memilih domain lain seperti internetjunk.com, internetgarbage.com,
internettoilet.com, nettrash.com, netjunk.com, netgarbage.com atau
nettoilet.com. Hhmm….mmm…mmmm…... (baca sambil geleng-geleng kepala).
OKB Club Indonesia – http://www.okbclub.com
170
4.2 MENDAFTAR KE WEB SERVER GRATIS
co
Setelah membaca semua review mengenai penyedia layanan free webspace pada
sub bab diatas dan telah menentukan kemana kita akan menitipkan homepage kita,
marilah kita mencoba untuk mendaftar ke beberapa situs diantaranya. Pada sub
bab ini, kita akan mencoba mendaftar ke free webspace dari Indonesia dan dari
luar negeri.
b.
4.2.1 Mendaftar Ke Rileks.Com
BC
lu
Rileks.Com adalah salah satu penyedia layanan webspace gratis dari Indonesia.
Seperti telah dijelaskan sebelumnya, mereka menyediakan spasi gratis sebesar
20 MB dengan alamat domain http://mypage.rileks.com/terserah_anda.
Pada sub bab ini kita akan mencoba mendaftar dengan nama OKBClub sehingga
nantinya kita akan memiliki alamat http://mypage.rileks.com/OKBClub. Salah
satu syarat untuk mendapakan homepage gratis dari rileks.com adalah Anda
harus memiliki alamat e-mail di rileks.com ([email protected]). Karena
itu jika Anda belum memilikinya, Anda harus mendaftar terlebih dahulu (gratis).
Pendaftaran e-mail ini bisa dilakukan dari alamat http://mail.rileks.com.
Berikut adalah urutan pendaftaran homepage gratis di rileks.com dari awal
dengan asumsi Anda telah memiliki alamat e-mail di rileks.com :
4.
OK
w.
3.
Arahkan browser Anda ke http://mypage.rileks.com.
Klik link bertuliskan "Sign Up !!! Easy And Free" yang berada disebelah
kiri atas layar browser (lihat gambar 4.1).
Anda akan masuk kelayar pemilihan area homepage. Area yang bisa Anda
pilih diantaranya adalah 'Anime', 'Boutique', 'Café', 'Games', 'Hiburan',
'Komputer', 'Movie', 'Musik', 'Organisasi', 'Pendidikan', 'Personal',
'Restoran', 'Romance', 'Selebritis', 'Seni-budaya' dan 'Warnet'. Gulung layar
browser Anda hingga keposisi paling bawah, lalu dibawah kolom "Select
the that best fits your future web site" pilih area yang sesuai dengan isi
homepage Anda. Setelah itu klik tombol "Continue".
Isilah kolom-kolom form pendaftaran dengan teliti dan benar. Satu hal yang
harus Anda perhatikan adalah kolom 'Username:'. Username ini akan
dipakai sebagai bagian dari alamat homepage Anda. Boleh diisi apa saja
asal sopan dan pantas. Sebagai contoh, jika diisi "hobbyku", maka alamat
homepage
yang
akan
diperoleh
nantinya
adalah
http://mypage.rileks.com/hobbyku.
ww
1.
2.
OKB Club Indonesia – http://www.okbclub.com
171
Setelah semua kolom diisi, klik tombol "Daftar Sekarang". Maka Anda
akan mendapatkan tampilan seperti tampak pada gambar 4.12, kecuali jika
nama yang Anda inginkan sudah dipakai orang lain (mereka akan meminta
Anda untuk memasukkan nama yang lain).
m
5.
6.
Gambar 4.12: Tampilan setelah pendaftaran di Rileks.Com selesai
SELESAI. Karena penulis mendaftar dengan 'username' OKBClub, maka
saat Anda membaca buku ini, alamat http://mypage.rileks.com/OKBClub
telah bisa diakses dari internet!
Pada titik ini, alamat homepage Anda telah aktif. Tetapi isinya masih kosong.
Untuk mengirim file-file html dari hardisk Anda ke server rileks.com, Anda bisa
menggunakan file manager yang disediakan oleh rileks.com. Caranya, arahkan
browser Anda ke http://mypage.rileks.com/cgi-bin/manager.cgi/indonesia. Isi
kolom Account Name, Password, pilih area, tampilan file dan klik tombol
"Login ke account anda" (gambar 4.13). Setelah itu Anda akan dapat mengedit
file, meng-upload file, mengaktifkan webboard, mengaktifkan guestbook,
membuat dan menghapus direktori dan lain sebagainya. Sebagai catatan,
rileks.com menggunakan nama file default "index.html".
OKB Club Indonesia – http://www.okbclub.com
172
lu
b.
co
m
mengupdate homepage Anda. Jika Anda inginkan, Anda juga bisa mengisi
kolom "Hint Question" dengan pertanyaan sederhana plus jawabannya di
kolom "Hint Answer". Ini untuk jaga-jaga bila suatu saat Anda lupa akan
kode password Anda. Kolom isian lain yang perlu Anda persiapkan adalah
nama lengkap, tanggal lahir, alamat e-mail, negara serta 2 radio button untuk
memilih apakah Anda ingin dikirimi e-mail penawaran dari pemasang iklan
di jaringan Lycos dan apakah Anda ingin dikirimi e-mail berita atau servis
baru dari jaringan Lycos.
Gambar 4.13: Tampilan layar Login ke Rileks.Com
BC
4.2.2 Mendaftar Ke Tripod.Com
Tripod adalah salah satu situs penyedia free webspace besar yang sangat
digemari. Disamping fasilitasnya banyak (ada guest book, counter, chat room
dan web forum yang semuanya gratis), transfer file bisa dilakukan baik dari file
manager maupun dengan FTP, spasi yang besar (50 MB) dan … dapat di hack
untuk menghilangkan iklan banner atau pop-up-nya!
http://serba-gratis.tripod.com.
OK
Pada sub bab ini kita akan mencoba mendaftar ke tripod dengan nama serbagratis sehingga alamat yang akan kita peroleh nantinya adalah
Berikut adalah langkah-langkah yang harus kita lakukan :
Buka browser dan masukkan alamat http://www.tripod.com. Klik
tombol "Sign Up" atau klik link dengan teks "Sign Up now for 50 MB of
FREE space!".
2.
Setelah itu akan muncul form isian yang harus Anda isi dengan hati-hati.
Isilah kolom "Member name" dengan nama depan sub domain yang Anda
inginkan. Dalam contoh ini karena kita menginginkan nama domain serbagratis.tripod.com, maka kolom ini kita isi dengan "serba-gratis". Isi kolom
"Password" dengan kode password yang ingin Anda gunakan nanti saat akan
ww
w.
1.
OKB Club Indonesia – http://www.okbclub.com
173
Gambar 4.14: Tampilan situs Tripod.Com
3.
Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!" yang ada
dibagian bawah layar.
4.
Setelah tombol "Sign Me Up!" Anda klik, dalam beberapa detik kemudian
akan muncul ucapan selamat datang dari Tripod serta pemberitahuan bahwa
sebelum account Anda bisa diaktifkan, Tripod harus mengesahkan paspor
Anda ke Lycos Network sebagai pemilik Tripod. Lalu ada radio check yang
berisi beberapa penawaran dari pihak Tripod, diantaranya apakah Anda
ingin berlangganan semacam mailing list dwi-mingguan yang berisi segala
hal yang berhubungan dengan teknik pembuatan homepage, tip & triknya, dan
juga penawaran tambahan spasi untuk menyimpan file-file Anda di
Driveway sebesar 25 MB. Dalam hal ini, Anda boleh memilih atau tidak
memilih sama sekali. Setelah itu klik tombol "Complete Sign Up!".
OKB Club Indonesia – http://www.okbclub.com
174
m
co
b.
OK
BC
Mengganti Mode Iklan di Tripod
Jika Anda telah memiliki homepage offline yang berada didalam harddisk,
Anda bisa mulai meng-upload-nya dengan program client FTP ke alamat
server ftp.tripod.com. Catat bahwa pada detik itu juga Anda telah
mendapat kiriman surat dari Tripod (melalui e-mail) yang berisi ucapan
selamat datang dan ucapan terima kasih atas bergabungnya Anda di
komunitas raksasa Tripod dan Lycos Network, selain tentu saja berbagai
macam petunjuk yang Anda perlukan dalam membangun situs baru Anda!
Secara default, tipe iklan di situs web Tripod.com ditampilkan dalam bentuk
banner pada setiap halaman web. Iklan banner ini diletakkan diposisi sebelah
atas layar seperti tampak pada gambar 4.17.
Hal ini tidak menjadi masalah jika Anda tidak menggunakan frame pada semua
halaman web Anda. Akan tetapi jika Anda menggunakan frame, maka setiap
frame pada halaman web Anda akan berisi iklan banner! Perilaku ini jelas tidak
'bersahabat', 'menjengkelkan' dan merusak tampilan homepage kita. Untuk
mengatasi masalah ini, Anda dapat mengganti tipe iklan yang ada dari mode iklan
banner menjadi iklan pop-up (gambar 4.18).
w.
6.
Gambar 4.16: Tampilan setelah pendaftaran di Tripod.Com selesai
SELAMAT! Dalam beberapa detik kemudian, Anda akan langsung masuk ke
area create & update dan pada saat itu Anda telah memiliki situs web baru
dengan spasi 50 MB yang isinya masih kosong! Pada titik ini, Anda dapat
meng-klik FileManager untuk meng-upload file-file yang sebelumnya sudah
Anda buat atau langsung membuatnya pada saat itu juga menggunakan
FreeForm (Anda harus mengerti HTML) atau menggunakan SiteBuilder
(Anda tidak harus mengerti HTML).
ww
5.
lu
Gambar 4.15: Form pendaftaran di Tripod.Com
OKB Club Indonesia – http://www.okbclub.com
175
OKB Club Indonesia – http://www.okbclub.com
176
co
m
dengan trik khusus yang disebut "Auto Reminder", seperti yang akan dijelaskan
pada bagian BONUS: TRIK & TRIK, halaman utama situs web Anda dapat
dibuat selalu tampil didepan program yang lain sehingga secara otomatis akan
selalu menutupi jendela iklan pop-upnya. Dan karena itu pengunjung situs Anda
tidak perlu lagi susah-susah mematikan jendela iklan yang muncul.
Berikut adalah cara setting iklan dari mode banner menjadi mode pop-up di
Tripod.com :
1.
Setelah itu klik sub menu "My Account". Sebentar kemudian akan
ditampilkan beberapa seting internal situs homepage Anda.
Gambar 4.19: Klik tab My Account untuk setting preference homepage di Tripod
w.
OK
BC
Gambar 4.17: Secara default, iklan banner di Tripod ditampilkan pada setiap
halaman web
lu
b.
2.
Login-lah ke server Tripod seperti biasa.
Gambar 4.18: Jenis iklan pop-up di Tripod
ww
Dengan tampilnya iklan yang terpisah seperti ini, pengunjung situs Anda dapat
dengan mudah mematikan jendela pop-up iklannya jika ia tidak suka. Bahkan
OKB Club Indonesia – http://www.okbclub.com
177
Gambar 4.20: Anda bisa memilih iklan banner atau iklan pop-up
OKB Club Indonesia – http://www.okbclub.com
178
5.
Keluarlah dari server dengan menekan link berlabel "Log Out" dan cobalah
kunjungi situs Anda sendiri untuk melihat hasilnya.
Mengaktifkan FrontPage Server Extension di Tripod
BC
Dalam keadaan normal, situs web Anda di Tripod tidak mendukung frontpage
extension. Frotpage extension berguna untuk membuat fungsi-fungsi tambahan
frontpage bisa dipakai didalam server Tripod. Sebagai contoh, jika Anda
membuat counter, guestbook atau fungsi search engine sendiri menggunakan
fasilitas yang ada didalam FrontPage (disebut 'webbot'), maka counter dan guest
book ini tidak akan bekerja jika file html-nya di upload ke server-server yang
tidak mendukung frontpage extension.
co
Pilih radio button yang bawah (di sebelah teks "Pop-Up ads: …..") dan
lanjutkan dengan menekan tombol "Update". Beberapa saat kemudian Anda
akan melihat teks dibawah sub menu "ADVERTISING" sekarang telah
menjadi "Your site serves pop-up ads.", yang berarti bahwa mode iklan
di situs web Anda telah beralih menjadi mode pop-up!
OK
Berikut adalah cara setting agar situs web Anda di Tripod.com dapat mendukung
frontpage extension:
Login-lah ke server Tripod seperti biasa.
2.
Setelah berada didalam, klik sub menu "My Account". Sebentar kemudian
akan ditampilkan beberapa seting internal situs homepage Anda.
3.
Klik link dengan label "Enable my site" yang berada dibawah sub menu
"PREFERENCES". Dibawah teks ini terdapat tulisan "Your site is not
FrontPage-enabled." yang menandakan bahwa pada saat ini situs Anda
tidak mendukung FrontPage Extension. Setelah link "Enable my site"
Anda klik, maka sebentar kemudian akan muncul ucapan selamat bahwa
server Anda saat ini telah mendukung FrontPage Server Extension!
Kembalilah ke layar "My Account" dan Anda akan melihat teks dibawah sub
menu "PREFERENCES" sekarang telah menjadi "Your site is
ww
4.
w.
1.
OKB Club Indonesia – http://www.okbclub.com
179
Keluarlah dari server dengan meng-klik link berlabel "Log Out" dan coba
buka halaman web Anda yang mengandung komponen 'WebBot', seperti
counter, guestbook atau yang lainnya.
b.
4.
5.
m
FrontPage-enabled.", yang berarti bahwa situs web Anda sekarang telah
mendukung frontpage extension.
Klik link dengan label "Change ads type" yang berada dibawah sub
menu "ADVERTISING". Dibawah teks ini terdapat tulisan "Your site
serves auto-embedded ads." yang menandakan bahwa pada saat ini
situs Anda menggunakan mode iklan banner. Setelah link Anda klik, akan
muncul konfirmasi mengenai pemilihan mode iklan.
lu
3.
Gambar 4.21: Selamat! Situs Anda kini telah mendukung Ms. FrontPage!
4.3 MENGAKTIFKAN HOMEPAGE DI
GEOCITIES
Anda memiliki account e-mail di yahoo? Jika ya, maka sesungguhnya Anda telah
memiliki sebuah homepage kosong di Geocities! Anda tinggal mengaktifkannya
saja dengan beberapa kali klik.
Berikut adalah langkah-langkah yang diperlukan untuk mengaktifkan homepage
Anda di Geocities yang selama ini tidur nyenyak :
1.
Arahkan browser Anda ke http://geocities.yahoo.com/home/ (atau ke
http://www.geocities.com). Isilah kolom Yahoo! ID dan kolom Password
dengan nama alamat e-mail dan password e-mail Anda, sama seperti jika
Anda ingin membuka e-mail di YahooMail. (dalam contoh ini, penulis
menggunakan nama serba_gratis karena penulis memiliki acoount e-mail
dengan nama [email protected].
OKB Club Indonesia – http://www.okbclub.com
180
3.
SimSalaBim ..…. dalam hitungan detik Anda telah memiliki situs web baru
dengan alamat http://www.geocities.com/nama_email_anda dengan
quota web sebesar 15 MB yang masih kosong. Anda tinggal mengisinya saja!
Selain itu, dalam waktu kurang dari semenit Anda akan mendapat kiriman email yang berisi cara-cara mengisi homepage Anda dan penjelasanpenjelasan penting lainnya.
b.
4.
Langkah berikutnya, Anda harus memilih salah satu dari 30 ketegori yang
kira-kira cocok dengan isi homepage Anda, misalnya 'Autos', 'Business &
Finance', 'Celebrities', 'Computers & Internet', 'Family', 'Fashion & Beauty',
'Friends', 'Games', 'Hobbies & Crafts', 'Home', 'Movies', 'Music', 'Pets',
'Romance', 'Science', 'Sports', 'Teen', 'Travel', 'Women' dll. Setelah itu klik
tombol "Submit".
m
Setelah menekan tombol "Sign In", dilayar akan ditampilkan syarat dan
ketentuan yang harus Anda perhatikan dalam mengelola situs Anda di
geocities, misalnya ketentuan untuk tidak boleh mengisi homepage Anda
dengan ini itu dan lain-lain. Klik tombol "I Accept".
co
2.
Sekarang Anda dapat mulai membuat halaman web yang pertama
menggunakan utiliti yang disediakan oleh Yahoo.Geocities seperti "Yahoo!
PageWizard", "Yahoo! PageBuilder", "Advanced HTML Editor" (minimal
Anda harus sudah memahami Langkah 3 didepan) atau jika Anda telah
memiliki homepage offline didalam hardisk, Anda tinggal mentransfernya ke
Geocities melalui FTP atau melalui file manager, yaitu dengan meng-klik
link File manager (gambar 4.24) dan setelah itu browse filenya dan klik
"Upload File". Penjelasan lebih lengkap mengenai cara upload file ke
server Geocities bisa dilihat pada langkah 5 (bab 5).
BC
lu
5.
ww
w.
OK
Gambar 4.22: Jika memiliki account di YahooMail, Anda juga memiliki homepage
di Geocities!
Gambar 4.24: Setelah homepage aktif, Anda bisa melakukan upload file melalui file
manager atau program FTP
Gambar 4.23: Tampilan setelah homepage di Geocities berhasil diaktifkan
OKB Club Indonesia – http://www.okbclub.com
181
OKB Club Indonesia – http://www.okbclub.com
182
m
Rp. 80.000,- sampai Rp. 150.000,- setahun. Jika mau, Anda juga bisa membeli
(atau juga menjual) nama domain yang sudah dipesan oleh orang lain dengan
harga mulai Rp. 300.000,- sampai Rp. 500.000.000,-. Alamat yang perlu Anda
kunjungi untuk itu adalah http://www.bursadomain.com.
4.4 MENDAPATKAN NAMA DOMAIN SENDIRI
4.4.1 Tentang InterNIC
b.
InterNIC atau Network Solutions tidak akan menerima pendaftaran nama domain
jika tidak ada satu DNS (Domain Name System) serverpun yang dapat dirujuk
oleh nama domain Anda, atau jika nama domain provider webspace yang Anda
gunakan tidak terkoneksi ke jaringan internet. Karena itu, sebelum mendaftar
untuk mendapatkan nama domain, Anda harus sudah memiliki akses server
dimana ia bisa dihubungi saat nama domain yang Anda daftarkan diakses
orang/pengunjung.
Untuk keperluan ini, Anda tidak harus memiliki server sendiri, melainkan bisa
menyewa ke web hosting dengan membayar iuran bulanan atau tahunan. Tetapi
sebelum benar-benar memiliki materi isi homepagenya sendiri, Anda bisa
menggunakan tempat parkir domain (yang hanya terdiri dari satu halaman web)
untuk memberitahuan pada pengunjung bahwa situs Anda sedang dibangun atau
sedang direnovasi. Halaman inilah yang akan ditampilkan saat ada orang
mengetikkan alamat domain Anda di browser mereka.
OK
BC
Penamaan nama domain diurusi oleh sebuah badan khusus yang bernama
InterNIC (International Network Information Service). Mereka mendaftar alamat
IP dan nama domain semua server di seluruh dunia. Sejumlah negara
menyediakan layanan pendaftaran sendiri; Anda dapat menghubungi InterNIC
untuk menanyakan siapa yang harus Anda hubungi. Anda perlu mengisi formulir
pendaftaran untuk mengajukan permintaan nomor IP dan nama domain, kemudian
mengirimkannya ke InterNIC. Berikut adalah alamat dimana sumber daya dan
informasi tentang InterNIC bisa diperoleh.
4.4.2 Anda Harus Punya Tempat Parkir
lu
Nama domain sebenarnya adalah nama alias bagi alamat sebuah server. Untuk
dapat diakses dari seluruh dunia, setiap server memiliki alamat IP (Internet
Protocol) sendiri dengan kode angka, misalnya 202.46.246.6. Server dengan
alamat seperti itu dapat dihubungi dengan mengetik http://202.46.246.6 didalam
browser. Akan tetapi ini tidak representatif dan tidak mudah diingat orang.
Karena itu dipakailah nama alias atau nama domain untuk mempermudah orang
mengingatnya. Sebagai contoh, jika Anda memiliki perusahaan dengan nama PT.
SURYA, maka Anda dapat mendaftarkan nama domain surya.com sehingga
homepage Anda bisa diakses dengan mengetik http://www.surya.com.
co
Maaf, bab ini mungkin adalah satu-satunya pembahasan mengenai hal yang tidak
gratis, tetapi ini mungkin diperlukan sebagai pengetahuan jika Anda mulai ingin
bertindak profesional, yaitu memiliki nama domain sendiri.
w.
Nomor telepon bebas pulsa InterNIC: 1-800-444-4345
Nomor telepon langsung InterNIC: 619-455-4600
E-mail: [email protected]
Web: http://www.internic.net
Archive Internet: Client Ghoper: gopher.internic.net atau ketik
telnet gopher.internic.net dan login sebagai gopher
ww
Sebelum menghubungi InterNIC, catat bahwa pendaftaran secara internasional
bisa juga dilakukan baik melalui http://www.register.com maupun
melalui http://www.networksolutions.com. Sedangkan untuk kita
yang berada di Indonesia, tidak perlu repot-repot, kita bisa melakukan
pendaftaran melalui http://www.namadomain.com dengan biaya sekitar
OKB Club Indonesia – http://www.okbclub.com
183
Tempat parkir semacam ini bisa disewa atau didapatkan gratis dari intenet.
Berikut adalah beberapa alamat dimana Anda bisa mendapatkan tempat parkir
gratis sebelum Anda selesai membangun situs web Anda :
Nama Penyelenggara
Domain Parking Gratis!
NetAvenue
Prohosting ParkPage
Hostway Domain
Parking
Domain Avenue
Alamat Homepage/Alamat Mendaftar
http://www.9netave.com/cgibin/parkdomain.cgi?formdesign=webhost_park
http://www.parkpage.com/
http://hostway.com/freedomain/index.htm
http://www.domainavenue.com/
OKB Club Indonesia – http://www.okbclub.com
184
m
4.4.3 Cara Memperoleh Nama Domain Gratis
http://bebas.terserah_anda.com atau
http://bebas.terserah_anda.net atau
http://bebas.terserah_anda.org
co
Oke. Terus terang saja ini adalah sub bab tambahan yang penulis tambahkan
setelah buku ini selesai ditulis!
Anda ngotot ingin punya alamat domain sendiri secara gratis? Meskipun penulis
sudah mengatakan bahwa sub bab ini adalah satu-satunya sub pokok bahasan
yang tidak gratis?
Hebatnya lagi, semuanya itu GRATIS! Sekali lagi, GRATIIISSSS !!! Anda harus
mencobanya sekarang, sebelum alamat yang Anda inginkan dimiliki oleh orang
lain!
http://www.terserah_anda.net
http://terserah_anda.net
atau
atau
Sebagai contoh, Anda mengetahui adanya sebuah tabloid baru yang baru saja
terbit, katakanlah namanya tabloid "POLITIK". Maka Anda bisa membuat situs
baru dengan alamat domain http://www.politik.com atau
http://www.politik-online.com. Isilah halaman utama situs web
tersebut dengan pemberitahuan bahwa situs tersebut akan dijual dan cantumkan
juga alamat e-mail, nomor telepon atau apa saja sebagai sarana untuk
menghubungi Anda jika ada yang berminat.
OK
bebas@terserah_anda.com
bebas@terserah_anda.net
bebas@terserah_anda.org
w.
Plus web based e-mail dengan alamat seperti ini :
lu
dan
Mulai sekarang, pasang mata dan telinga Anda baik-baik untuk mencari tahu akan
adanya perusahaan-perusahaan yang baru berdiri, koran atau tabloid yang baru
terbit, toko-toko baru, usaha-usaha baru atau apa saja yang baru. Catat nama
perusahaannya, nama tokonya, nama tabloidnya, nama usahanya dan lain
sebagainya. Kalau mereka belum memiliki homepage dengan alamat domain
sendiri, segera buat situs web baru dengan nama perusahaan mereka. Setelah itu,
tawarkan nama domain tersebut pada mereka! Jika Anda beruntung, Anda bisa
memperoleh jutaan bahkan mungkin puluhan juta rupiah dengan modal dengkul !
dan
atau
http://www.terserah_anda.org
http://terserah_anda.org
Beberapa bulan yang lalu, sebelum situs namedemo.com dan trik untuk
memiliki nama domain gratis bisa dilakukan, Anda harus membayar uang
registrasi sekitar Rp. 150 ribu untuk mendapatkan nama domain sendiri.
Sekarang, setelah untuk mendapatkan nama domain sendiri bisa dilakukan dengan
gratis, muncul peluang bisnis baru bagi kita. Ya, kita bisa jualan nama Domain!
Sssssstttt......, sebetulnya ini ide rahasia. Akan tetapi akan saya beberkan untuk
Anda.
dan
atau
4.4.3 Jualan Nama Domain? Mengapa Tidak?
BC
http://www.terserah_anda.com
http://terserah_anda.com
b.
Well, Anda beruntung, …… karena penulis baru saja menemukan jawabannya.
Bukalah langkah BONUS: Tip & Trik pada sub bab 8.7. Dijamin Anda akan
bisa memperoleh salah satu alamat domain dibawah ini, dengan catatan alamat
yang Anda inginkan belum ada yang memakai sebelumya :
ww
Selain itu, Anda juga bisa membuat banyak alamat sub domain sendiri dengan
alamat seperti ini :
OKB Club Indonesia – http://www.okbclub.com
185
Sekarang, Anda bisa mulai menghubungi redaksi atau siapa saja yang
bertanggung jawab pada tabloid baru tersebut dan tawarkan nama domain ini
dengan harga tertentu. Tidak masalah jika mereka tidak mau membelinya, toh
untuk mendapatkan nama domain tersebut Anda tidak dipungut biaya sepeserpun!
OKB Club Indonesia – http://www.okbclub.com
186
m
Catat bahwa masa berlakunya nama domain adalah setahun. Jika Anda kebetulan
mendapatkan nama domain "cantik" yang menurut perkiraan Anda akan laku
dijual dimasa yang akan datang, Anda bisa memperpanjang masa keanggotaannya
dengan membayar sejumlah uang tertentu!
BAB 5
LANGKAH KE-5:
MEMASANG HOMEPAGE
KE WEB SERVER
(UPLOAD FILE)
BC
lu
b.
co
Alternatif lain untuk penyedia layanan nama domain gratis yang bisa Anda coba
selain NameDemo adalah NameZero (http://www.namezero.com) dan
domaingratis (http://www.domaingratis.cjb.net). Penjelasan mengenai tata cara
pendaftarannya dijelaskan secara rinci pada bagian "BERITA BARU" di situs
online Serba-Gratis (http://www.serba-gratis.da.ru) atau di situs offline yang
ada dalam disket yang menyertai buku ini (dalam folder semuagratis.cjb.net).
ww
w.
OK
Setelah Anda berhasil memiliki akses ke suatu web server dan memiliki alamat
domainnya di internet, maka langkah selanjutnya adalah menyalin file-file html
dan gambar-gambar pendukungnya dari komputer Anda ke server agar homepage
Anda bisa dibuka dan dilihat oleh semua orang dari seluruh dunia kapanpun
mereka inginkan. Langkah ini disebut 'upload' file. Bedakan dengan 'download'
file yang berarti menyalin file dari server ke komputer kita.
OKB Club Indonesia – http://www.okbclub.com
Pada bab ini kita akan membahas dan mencoba semua cara upload file dari
komputer lokal ke server yang mungkin bisa kita lakukan, dari mulai upload file
dengan file manageri (yang biasanya sudah disediakan oleh penyelenggara free
webspace), dengan web browser (Microsoft Internet Explorer 5.0), dengan
program FTP dan terakhir dengan FrontPage 2000.
Sebelum mulai melakukan upload, catat bahwa masing-masing situs
penyelenggara free webspace menggunakan nama file default tidak sama,
misalnya ada yang menggunakan nama file default index.htm (Tripod),
index.html (Geocities dan Rileks.com) atau default.htm (S-S-Net). File
default adalah file html yang dibuka pertama kali saat user mengetik nama
domain kedalam browser tanpa menyebutkan nama file html-nya.
Sebagai contoh, jika pada direktori utama homepage Anda di Tripod ada 3 buah
file dengan nama masing-masing "utama.htm", "index.htm" dan
"main.htm", maka apabila ada user yang mengetikkan alamat homepage Anda
187
OKB Club Indonesia – http://www.okbclub.com
188
co
m
(misalnya "http://serba-gratis.tripod.com"), maka file yang akan ditampilkan
kelayar browser adalah file "index.htm", bukan file "main.htm" atau yang
lain. Karena itu jika Anda memiliki homepage di Geocities, Anda harus
mengganti nama file "index.htm" menjadi "index.html" sebelum mengupload-nya ke server Geocities (ftp.geocities.com). Jika tidak, maka
saat
user
mengetik
alamat
Anda
di
Geocities
(misalnya
http://www.geocities.com/adjie), browser-nya akan mencari file yang bernama
"index.html" Karena tidak ditemukan, ia akan menampilkan pesan kesalahan.
lu
3.
BC
Sebelum melakukan upload file dengan file manager, perhatikan bahwa yang
dimaksud dengan 'File Manager' disini bukanlah file manager seperti yang ada
pada Windows 3.1 (atau jika dalam Windows 9x/ME/NT/2000 disebut
'Windows Explorer'), melainkan file manager yang disediakan oleh masingmasing situs penyelenggara free webspace. Tetapi perlu diperhatikan pula bahwa
tidak semua penyelenggara free webspace menyediakan file manager sehingga
untuk upload file ke situs-situs seperti ini, kita HARUS menggunakan program
FTP, misalnya ke portland.co.uk atau ke bootbox.net.
b.
5.1 UPLOAD FILE DENGAN FILE MANAGER
5.1.1 Upload file ke TRIPOD
Setelah itu akan muncul lagi kolom isian untuk Login ke File Manager.
Ketik nama members dan password Anda sekali lagi, maka Anda akan
langsung masuk kedalam file manager. Untuk membuat folder baru, klik
tombol "New Directory", kemudian ketik nama folder-nya pada kolom yang
disediakan dan akhiri dengan menekan tombol "Create".
OK
Pada sub bab ini kita akan mencoba melakukan upload file ke 2 situs free
webspace yang menyediakan file manager. Catat bahwa kedua situs ini memiliki
layout file manager sendiri-sendiri sehingga berbeda satu dari yang lainnya.
Demikian pula dengan situs-situs yang lain.
Gambar 5.1: Tampilan saat akan login ke Tripod
Upload file ke Tripod.com dapat dilakukan dengan hampir semua cara yang bisa
dilakukan untuk transfer file ke server, misalnya melalui file manager, melalui
browser, melalui client FTP maupun melalui Front Page. Berikut adalah contoh
upload menggunakan file manager:
Arahkan browser Anda ke http://www.tripod.com dan klik link
'File Manager' dibawah sub judul "New tools and services".
2.
Setelah muncul pop-up pertanyaan, isilah kolom User Name dan Password
dengan nama dan password Anda. Setelah itu klik tombol "Ok".
ww
w.
1.
OKB Club Indonesia – http://www.okbclub.com
189
Gambar 5.2: Tampilan File manager di Tripod
4.
Untuk upload file, klik label "Upload-Via" yang berada disebelah kanan
tombol "New Directory" dan pilih "single files (8)". Setelah itu akan
muncul tampilan kolom-kolom dimana Anda bisa memasukkan nama-nama
OKB Club Indonesia – http://www.okbclub.com
190
b.
co
m
file yang ingin di upload ke Tripod. Untuk mempermudah pencarian file
(beserta path-nya) didalam harddisk, klik tombol "Browse…", cari file
yang ingin di upload dari dalam harddisk dan klik "Open". Lakukan ini
beberapa kali apabila file yang ingin di upload jumlahnya lebih dari satu
(maksimal 8 file untuk sekali upload).
lu
Gambar 5.4: Laporan nama-nama file yang berhasil di upload ke Tripod
BC
8. Untuk melakukan uji coba, bukalah jendela browser yang lain dengan mengklik berturut-turut menu Æ File Æ New Æ Windows dari dalam browser
(MSIE 5.0). Setelah itu masukkan alamat homepage Anda kedalam browser,
misalnya http://serba-gratis.tripod.com. Jika semuanya beres, selesailah
tugas Anda! Kembalilah ke jendela browser yang menampilkan file manager
dan klik "Log Out" yang berada dibagian sebelah kanan atas layar.
Gambar 5.3: Upload dengan file manager maksimal 8 file sekali upload
Klik check box "Make lowercase*" jika Anda ingin mengganti nama file
html Anda menjadi huruf kecil semua secara otomatis setelah file
bersangkutan berhasil di upload ke server Tripod, dan klik check box
"Allow overwrite**" jika file yang akan di upload sebelumnya telah ada
didalam server (untuk melakukan update file).
6.
Setelah semua file yang ingin di upload masuk kedalam kolom File #1
sampai #8, klik tombol "Upload" untuk memulai upload file. Tergantung
dari ukuran file yang di upload, proses uploading ini bisa memakan waktu
beberapa detik hingga beberapa menit. Tunggulah beberapa saat hingga
muncul laporan mengenai nama-nama file yang berhasil di upload ke server.
7.
Jika koneksi ke server lancar, beberapa saat kemudian akan ditampilkan
nama-nama file yang berhasil di upload (gambar 5.4). Jika Anda ingin
melakukan upload lagi untuk file-file yang lain, klik tombol "Back to
Upload". Jika sudah selesai, klik tombol "close" untuk kembali ke File
Manager.
Gambar 5.5: Tampilan homepage yang selesai upload
191
OKB Club Indonesia – http://www.okbclub.com
ww
w.
OK
5.
OKB Club Indonesia – http://www.okbclub.com
192
Arahkan browser Anda ke Geocities (http://www.geocities.com) dan
masukkan nama user (atau Yahoo ID Anda) serta kode password-nya
dengan benar. Jika nama dan password yang Anda masukkan benar, akan
muncul tampilan seperti gambar 5.6. Jika salah, ulangi lagi.
3.
Untuk melakukan upload file, gulunglah layar kebawah sampai terlihat
kolom-kolom isian untuk mengisi nama file yang akan di upload. Gunakan
tombol "Browse" untuk mengalokasikan file-file di harddisk yang akan di
upload ke Geocities. Karena Geocities menggunakan nama file default
index.html, bukan index.htm, maka Anda harus mengganti nama file
'index.htm' menjadi 'index.html'. Ini bisa dilakukan secara manual
atau secara otomatis dengan meng-klik check box berlabel 'Automatically
change ".htm" extensions to ".html"' yang berada disebelah atas kolom
isian nama file (lihat gambar 5.8). Perhatikan bahwa Anda juga harus
merubah semua referensi yang menuju ke file index.htm menjadi
index.html.
BC
lu
b.
4.
Untuk membuat folder baru, klik tombol [New] yang berada dibawah label
"Subdirectories", masukkan nama folder yang diinginkan dan klik OK.
w.
OK
Gambar 5.6: Tampilan setelah berhasil Login ke Geocities
ww
1.
m
Proses upload file ke Geocities hampir sama dengan proses upload file ke
Tripod. Berikut adalah urut-urutan yang bisa Anda lakukan :
Untuk masuk ke File Manager, klik link berlabel "File Manager" dibawah
sub titel "Advanced Tools". Setelah muncul tampilan baru, klik link dengan
label "Open File Manager". Beberapa saat kemudian akan ditampilkan
tombol-tombol menu untuk membuat file baru, menyalin (copy) file,
mengganti nama file, mengedit file, menghapus file dll.
co
2.
5.1.2 Upload file ke GEOCITIES
Gambar 5.8: Upload file ke Geocities menggunakan File Manager
5.
Gambar 5.7 : Tampilan File Manager Geocities
OKB Club Indonesia – http://www.okbclub.com
193
Setelah semua file selesai dialokasikan, klik tombol "Upload Files". Jika
koneksi lancar dan upload berjalan mulus, sebentar kemudian akan muncul
laporan mengenai file-file yang berhasil di upload seperti tampak pada
gambar 5.9.
OKB Club Indonesia – http://www.okbclub.com
194
m
5.2 UPLOAD FILE MENGGUNAKAN BROWSER
b.
co
Upload file menggunakan browser sebaiknya dilakukan dengan browser versi
terbaru. Upload file menggunakan browser bisa dilakukan dengan memanfaatkan
program FTP internal milik browser yang biasanya hanya digunakan untuk
'download' file. Karena menggunakan mekanisme ftp, maka sebelum melakukan
upload dengan browser Anda harus tahu alamat ftp server homepage Anda.
Sebagai contoh, jika Anda memiliki homepage di TRIPOD, maka alamat
servernya adalah ftp://ftp.tripod.com. Sedangkan GEOCITIES
memiliki alamat ftp://ftp.geocities.com.
Pada sub bab ini kita akan mencoba melakukan upload file ke TRIPOD
menggunakan browser Ms. Internet Explorer versi 5.0. Berikut adalah langkahlangkahnya:
BC
7.
Secara default, Anda hanya dapat meng-upload 5 buah file sekali upload.
Akan tetapi ini dapat diperbanyak hingga maksimal 20 file dengan mengklik
angka 5 disebelah label "Number of Files to Upload:" dan menggantinya
dengan 20 dan lanjutkan dengan mengklik tombol "Display".
Untuk melakukan uji coba hasil upload, bukalah jendela browser lain
dengan meng-klik berturut-turut menu Æ File Æ New Æ Windows dari
dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda
kedalam
browser
baru
tersebut,
misalnya
http://www.geocities.tripod.com/serba_gratis. Jika semuanya tampak
beres, selesailah tugas Anda! Jika tidak, Anda dapat melakukan editing
langsung dengan mengklik check box yang ada didepan nama file
bersangkutan dan kemudian klik tombol "Edit". Lakukan penyuntingan
seperlunya dan klik tombol "Save" atau "Preview" sebelum memutuskan
untuk menyimpannya.
Bukalah browser dan masukkan alamat ftp://ftp.tripod.com
kedalamnya. Anda akan mendapatkan pesan kesalahan karena secara umum
Anda tidak memiliki otoritas untuk masuk ke server ftp di Tripod.
w.
CATATAN :
1.
OK
6.
lu
Gambar 5.9: Laporan tentang file yang berhasil di upload ke Geocities.
Alamat FTP suatu server tidak selalu sama dengan nama alamat domain
homepage-nya. Sebagai contoh, jika Anda mendaftarkan diri ke
http://www.portland.co.uk dengan username "catur", maka Anda
akan mendapatkan alamat homepage http://catur.port5.com.
Sementara itu alamat FTP untuk melakukan upload file ke situs ini bukannya
ftp://ftp.port5.com, melainkan harus menggunakan alamat FTP
ftp://ftp.portland.co.uk. Alamat FTP akan diberitahukan kepada
Anda secara langsung saat Anda mendaftar atau bisa juga melalui e-mail.
ww
Geocities menggunakan file default (file yang dibuka saat user mengetik alamat
homepage) bernama "index.html". Karena Geocities menggunakan sistem
server yang "case sensitif", maka Anda tidak boleh memberi nama file dengan
"Index.html" atau "INDEX.HTML". Selain itu, ingatlah bahwa ".html"
berbeda dengan ".htm".
OKB Club Indonesia – http://www.okbclub.com
Gambar 5.10: Tampilan Login FTP ke Tripod.Com melalui Browser
195
OKB Club Indonesia – http://www.okbclub.com
196
Beberapa saat kemudian semua file yang dipilih akan ditransfer ke server
satu persatu. Tunggulah hingga selesai. Proses ini bisa memakan waktu dari
satu menit hingga beberapa puluh menit tergantung dari seberapa banyak dan
seberapa besar ukuran file yang Anda upload.
lu
b.
5.
Kecilkan jendela browser dan jalankan Windows Explorer (klik tombol
Start Æ Programs Æ Windows Explorer). Cari lokasi dimana file-file
html dan gambar yang ingin Anda upload ke server berada. Setelah itu pilih
semua file dan folder yang ingin di upload dengan meng-klik tab menu Edit
Æ Select All pada Windows Explorer. Sekarang, klik salah satu file dan
sementara ini tidak dilepas, geser file-file tersebut kedalam jendela browser
dan lepaskan tombol mouse untuk melakukan aksi "drag & drop" (lihat
gambar 5.12).
m
4.
Klik menu File, lalu pilih Login As… dan setelah itu akan muncul kolom
isian untuk mengisi nama members dan kode password. Masukkan nama dan
password Anda di Tripod dan klik "OK".
co
2.
w.
OK
Tidak berapa lama kemudian Anda akan melihat isi folder situs web Anda
dalam modus ikon grafik. Jika ingin membuat folder baru, klik sub menu File
Æ New Æ Folder dan ketik nama folder yang Anda inginkan.
ww
3.
BC
Gambar 5.11: Tampilan isi server FTP Tripod jika dilihat melalui browser
6.
Dalam keadaan on-line di server, Anda dapat memperlakukan isi jendela
browser Anda bagaikan sebuah folder lokal yang berada didalam harddisk
Anda. Ini berarti bahwa Anda dapat mengganti nama file, menghapus file
dan lain sebagainya dengan cara seperti yang biasa Anda lakukan dari
jendela Windows Explorer!
7.
Setelah semuanya selesai di upload, lakukan uji coba dengan mengetik
alamat homepage Anda pada kolom addres browser.
8. SELESAI.
Gambar 5.12: Upload file dengan cara 'drag & drop' kedalam browser
OKB Club Indonesia – http://www.okbclub.com
Gambar 5.13: Proses transfer file dari hardisk ke server Tripod.Com
197
OKB Club Indonesia – http://www.okbclub.com
198
peroleh dari penyelenggara free webspace (lihat bab 4.2) saat Anda
mendaftar, dan isi kolom 'Password:' dengan kode password Anda.
m
5.3 UPLOAD FILE DENGAN PROGRAM FTP
NAMA PROGRAM
lu
b.
ALAMAT HOMEPAGE /
DOWNLOAD
http://www.leapware.com
Leap FTP
http://www.bpftp.com
BulletProof FTP
http://www.cuteftp.com
Cute FTP
http://www.ipswitch.com
WS_FTP
Transoft
FTP http://www.transoft.com
Control
http://www.ftpvoyager.com
FTP Voyager
co
Upload file menggunakan program FTP adalah cara upload file yang paling
cepat. Untuk melakukannya Anda memerlukan salah satu dari sekian banyak
program client FTP yang bisa di download gratis dari Internet. Berikut adalah
beberapa diantaranya yang terbaik:
BC
Gambar 5.14: Setup koneksi upload FTP ke server Portland
Pada sub bab ini kita akan mencoba melakukan upload file ke server
ftp.portland.co.uk untuk mengisi situs web UANG GRATIS di alamat
http://uang.port5.com menggunakan WS_FTP Pro, yakni sebuah
program client FTP yang paling mudah digunakan.
OK
Saat pertama kali dijalankan (setelah instalasi), WS_FTP Pro secara default
telah memiliki alamat-alamat ftp seperti ftp.microsoft.com, ftp.mcafee.com,
ftp.idsoftware.com dan masih banyak lagi. Akan tetapi alamat server portland
belum ada, karena itu kita harus membuat yang baru untuk dapat melakukan akses
ke server portland. Berikut adalah langkah demi langkah dari mulai membuat
account baru sampai upload file ke server ftp.portland.co.uk.
Jalankan program WS_FTP Pro. Klik tombol 'New' pada jendela "Session
Properties", maka semua kolom akan menjadi kosong.
2.
Isi kolom 'Profile Name:' dengan nama domain homepage Anda, misalnya
kusayang.com atau yang lain. Isi kolom 'Host Name/Address:' dengan
'ftp.portland.co.uk'. Biarkan kolom 'Host Type:' berisi
'Automatic Detect'. Isi kolom 'User ID:' dengan kode user ID yang Anda
ww
w.
1.
OKB Club Indonesia – http://www.okbclub.com
199
3.
Klik Check box 'Save Pwd' agar kita tidak perlu mengisi password lagi
setiap kali ingin melakukan upload file. Biarkan kolom sisanya dalam
keadaan kosong, lalu klik tombol 'Apply' untuk menambahkan account baru
kita kedalam program dan lanjutkan dengan menekan tombol 'OK' untuk
mulai mengadakan koneksi ke server portland.
4.
Beberapa saat kemudian akan ditampilkan jendela utama program WS_FTP.
Jendela sebelah kiri dibawah label "Local System" adalah file-file dan
folder yang ada di komputer lokal (harddisk) Anda. Sedangkan jendela
sebelah kanan dibawah label "Remote System" adalah file dan folder yang
ada di server remote (ftp.portland.co.uk).
5.
Untuk mengganti direktori yang ada ke direktori lain, misalnya ke direktori
dimana file-file html Anda berada, klik tombol "ChgDir" yang sebelah kiri
dan ketik nama direktorinya, misalnya "d:\serba-gratis.tripod.com" dan klik
"OK". Untuk membuat folder baru di server remote (ftp.portland.co.uk),
klik tombol "MkDir" yang sebelah kanan. Sedangkan untuk membuat folder
baru di harddisk lokal, klik tombol "MkDir" yang sebelah kiri.
OKB Club Indonesia – http://www.okbclub.com
200
m
Untuk melakukan uji coba hasil upload, bukalah browser Anda dan ketik
alamat homepage Anda. Jika semuanya tampak beres, kembalilah ke jendela
WS_FTP dan klik tombol "Close" untuk memutus hubungan dengan server.
Jika tidak, cek lagi apakah Anda telah meng-upload salah satu file default
homepage Anda (index.htm, index.html atau default.htm) ?
co
8.
5.4 UPLOAD FILE DENGAN FRONTPAGE 2000
b.
Upload dengan FrontPage mungkin adalah satu-satunya cara upload file yang
tidak gratis. Sebab program FrontPage-nya sendiri tidak gratis, meski Anda
membeli yang 'bajakan' sekalipun! Kecuali jika Anda mendapatkannya dari teman
Anda, atau didalam komputer yang Anda pakai memang sudah ada program
FrontPage-nya.
Untuk mulai melakukan upload, pilihlah file di harddisk yang ingin di
upload dan kemudian klik tombol "-->" (berada ditengah layar). Anda juga
dapat meng-upload beberapa file sekaligus atau bahkan meng-upload folder
yang ada isinya dengan menyorot beberapa file atau folder sekaligus. Saat
WS_FTP melakukan upload, ia akan secara otomatis membuat folder baru
seperti aslinya apabila didalam server remote belum ada.
7.
Jika file yang Anda upload cukup banyak, maka waktu yang diperlukan untuk
upload juga agak lama. Karena itu Anda bisa menunggunya sampil surfing
di internet. Jika komputer Anda dilengkapi dengan sound card dan speaker,
hidupkan speaker Anda. Anda akan mendengar semacam suara gemerincing
bila transfer file ke server telah selesai dengan sukses!
w.
OK
BC
6.
lu
Gambar 5.15: Tampilan isi server FTP Portland jika dilihat melalui WS_FTP Pro
Upload file dengan FrontPage sangat efektif jika Anda memang mendesain
homepage menggunakan FrontPage. Prosesnya sendiri sangat sederhana dan
mudah. Pada sub bab ini kita akan mencoba melakukan upload file menggunakan
FrontPage 2000.
ww
Gambar 5.16: Transfer File dengan FTP adalah transfer yang paling cepat
OKB Club Indonesia – http://www.okbclub.com
201
Gambar 5.17: Tampilan server web lokal dilihat dengan FrontPage 2000
OKB Club Indonesia – http://www.okbclub.com
202
m
5.4.1 Upload file dari server FrontPage
3.
Setelah muncul jendela "Publish Web", ketik alamat server tujuan kedalam
kolom yang berada dibawah label "Specify the location to publish
your web to:", misalnya ftp.tripod.com.
Klik tombol "Options" untuk memunculkan opsi tambahan, lalu klik check
box berlabel "Include Subwebs" jika Anda juga ingin meng-upload subsub folder sekaligus. Kemudian klik tombol "Publish".
6.
Sesaat kemudian, semua file akan mulai di transfer ke server satu persatu
dengan lama transfer bervariasi, tergantung dari berapa banyak file, berapa
besar masing-masing file yang ditransfer dan seberapa besar kecepatan
koneksi Anda ke Internet.
OK
BC
4.
Gambar 5.19: Tampilan Login FTP ke Tripod menggunakan FrontPage 2000
b.
Jalankan FrontPage 2000 dan buka web yang ingin Anda upload.
Klik sub menu "File" dan pilih "Publish Web …" .
lu
1.
2.
co
Berikut adalah cara upload file dari server FrontPage (file html-nya sudah ada
dalam server/harddisk komputer Anda) ke server online "ftp.tripod.com"
menggunakan FrontPage 2000 :
Gambar 5.18: Setup koneksi ke server FTP Tripod melalui FrontPage 2000
w.
Setelah tombol "Publish" ditekan, beberapa saat kemudian FrontPage akan
mencoba melakukan koneksi ke server ftp. Karena server yang dihubungi
bukan server publik, maka FrontPage akan memunculkan jendela konfirmasi
username dan password yang diperlukan untuk masuk ke server tersebut.
Masukkan username dan kode password Anda di server bersangkutan.
Setelah itu klik "OK".
ww
5.
OKB Club Indonesia – http://www.okbclub.com
203
Gambar 5.20: Proses transfer file ke server menggunakan FrontPage 2000
7.
Setelah semua file selesai ditransfer, FrontPage akan memunculkan sebuah
pop-up pemberitahuan bahwa publikasi telah dilakukan dengan sukses. Jika
Anda ingin melihat hasil upload-nya, tidak usah repot-repot, Anda tinggal
mengklik link berwarna biru didalam jendela pop-up dengan label "Click
here to view your published web site". Maka FrontPage secara
otomatis akan menjalankan Ms. Internet Explorer dan secara langsung akan
membuka homepage Anda. Jika semuanya tampak beres, kembalilah
kejendela FrontPage dan klik tombol "Done". Jika tidak, coba lihat lagi,
OKB Club Indonesia – http://www.okbclub.com
204
b.
co
m
apakah Anda telah meng-upload salah satu file default homepage Anda?
(default.htm, index.htm atau index.html).
Gambar 5.21: Pemberitahuan bahwa transfer file telah dilakukan dengan sukses
5.4.2 Upload File Dari Folder Hard Disk
BC
1.
Jalankan FrontPage 2000. Lalu klik sub menu File Æ New Æ Web.
2.
Pada tampilan layar "New - Web Sites", pilih "Import Web Wizard"
karena kita akan mengimpor file-file html dan gambar yang telah selesai kita
buat kedalam web server FrontPage.
OK
w.
4.
Gambar 5.23: Proses pembuatan web baru di harddisk lokal
Pada kolom dibawah label "Specify the location of the new web" isilah
dengan alamat sub domain apa saja, misalnya jika komputer Anda
menggunakan nama identifikasi 'default', maka Anda dapat mengisinya
dengan alamat "http://default/serba-gratis". Setelah itu klik
tombol "OK".
FrontPage akan segera membuat situs lokal baru (berada di harddisk)
dengan alamat "http://default/serba-gratis". Setelah selesai,
Anda akan ditanya mengenai darimana file-file akan diimpor. Pilih radio
button dengan label "From a source directory of files on a local
computer or network".
ww
3.
lu
Gambar 5.22: Pembuatan web baru di harddisk dengan FrontPage 2000
Berikut adalah cara upload file menggunakan FrontPage khusus untuk Anda yang
sebelumnya tidak menggunakan FrontPage saat mendesain homepage. Jadi, jika
Anda baru pertama kali ini menggunakan FrontPage 2000 dan itupun hanya untuk
melakukan upload file, maka berikut adalah langkah-langkah yang diperlukan
untuk melakukan upload dengan FrontPage 2000 dari awal.
OKB Club Indonesia – http://www.okbclub.com
Gambar 5.24
205
OKB Club Indonesia – http://www.okbclub.com
206
BAB 6
LANGKAH KE-6:
MEMASANG COUNTER
DAN GUESTBOOK GRATIS!
lu
b.
7.
m
6.
Pada kolom "Location:", isilah dengan lokasi dimana file-file html Anda
disimpan. Untuk mempermudah melokasikan file-file Anda, gunakan tombol
"Browse".
Jika didalam sub direktorinya terdapat folder lain dan ingin juga di import,
misalnya folder "images", klik check box didepan "Include subfolders",
setelah itu klik tombol "Next".
Pada tampilan "Import Web Wizard – Edit File List" (gambar 5.25), pilih
file-file yang tidak ingin ikut di upload dengan cara mengklik nama filenya
dan kemudian mengklik tombol "Exclude". Setelah itu tekan tombol "Next"
dan lanjutkan dengan menekan tombol "Finish" yang muncul setelah itu.
co
5.
BC
Setelah memiliki homepage, maka memiliki hit counter dalam situs web hampir
menjadi keharusan. Dengan hit counter yang dilengkapi fungsi tracker, Anda
dapat mengetahui berapa banyak pengunjung yang datang ke situs Anda, siapa
mereka dan jika perlu dari mana mereka berasal, dari mana mereka mendapatkan
link ke situs Anda dan lain sebagainya. Anda bahkan dapat mengetahui jumlah
pengunjung hari ini, kemarin, bulan ini dan tentu saja jumlah pengunjung total
plus statistiknya. Hebatnya lagi … fasilitas untuk melakukan itu semua bisa
didapatkan dengan gratis!
Gambar 5.25: Dengan File List Editor FrontPage 2000, Anda bisa dengan mudah
memilih file-file yang tidak ingin di transfer ke server
Dua atau tiga tahun yang lalu, penyedia layanan counter dan guestbook gratis
yang baik mungkin hanya ada puluhan. Akan tetapi sekarang, jumlahnya sudah tak
terhitung lagi. Cobalah kunjungi situs-situs mesin pencari seperti
OK
Selain hit counter, fasilitas lain yang tidak kalah penting adalah buku tamu
(guestbook). Adanya buku tamu dalam situs web memungkinkan dilakukannya
interaksi antara Anda dengan pengunjung situs web Anda. Mereka bisa
menumpahkan uneg-uneg dan menuliskan kesan mereka tentang situs web Anda.
Isinya bisa pujian, ungkapan rasa puas, kritik atau bisa juga hujatan!
Bagaimanapun, pemuatan buku tamu kedalam homepage selalu menghadirkan
banyak manfaat. Komentar pengunjung seringkali sedemikian membanggakan
sehingga memacu untuk selalu menjaga citra dan terus meningkatkan kualitas isi
serta tampilan homepage kita. Demikian juga dengan kritik-kritik tajam dan
pedas yang memungkinkan kita untuk lebih mengenali kekurangan yang ada pada
homepage kita.
w.
8.
9.
Tunggulah sampai proses import-nya selesai.
Setelah proses import selesai, mulailah melakukan transfer file (upload) ke
server yang Anda inginkan dengan cara yang persis sama dengan cara
upload file dari server FrontPage diatas (sub bab 5.4.1 mulai langkah
nomor 2).
SELESAI.
Lakukan pengecekan dengan mengunjungi situs web Anda. Jika ada yang
tidak beres, coba pastikan bahwa Anda telah meng-upload salah satu file
default homepage Anda (default.htm, index.htm atau
index.html).
ww
8.
9.
OKB Club Indonesia – http://www.okbclub.com
207
OKB Club Indonesia – http://www.okbclub.com
208
http://www.yahoo.com atau http://www.altavista.com dan masukkan kata
kunci "free counter" atau "free guestbook", maka hanya dalam hitungan detik
Anda akan dihadapkan pada ribuan bahkan puluhan ribu link ke situs-situs yang
Anda cari!
m
Situs ini telah dikunjungi <img SRC="/bin/counter/serbagratis?ff0000" ALIGN="BOTTOM"> orang sejak Desember 2000.
Akan menghasilkan tampilan seperti ini (counter akan berwarna merah):
b.
Peletakan kode penampil counter bisa dimana saja selama masih berada diantara
tag <BODY>…</BODY>. Untuk mencobanya, upload-lah file html yang telah
ditambahi baris penampil counter diatas ke server Tripod. Setelah itu buka file
tersebut dengan browser dalam keadaan Anda on-line ke internet. Ingatlah
bahwa counter tidak akan bisa aktif dalam keadaan internet offline. Jika counter
Anda bekerja, maka setiap klik pada tombol "Reload" atau "Refresh" di browser
akan membuat angka counter bertambah satu.
CATATAN :
6.1.1 Memasang Counter Di Tripod
OK
BC
Jika Anda kebetulan mendaftar pada situs penyelenggara free webspace yang
sekaligus juga menyediakan fasilitas counter seperti Geocities atau Tripod,
Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Kekurangannya
hanyalah pada tampilan counter yang umumnya tampak kurang menarik. Pada
langkah ke-6 ini, kita akan membahas cara memanfaatkan counter dari Tripod
dan Geocities. Kemudian kita juga akan memburu situs-situs penyedia layanan
counter dan guestbook gratis dari internet, lalu mencoba mendaftar pada
beberapa diantaranya.
Situs ini telah dikunjungi 234 orang sejak Desember 2000.
lu
6.1 MEMASANG COUNTER
co
Counter dan guestbook tidak bisa dibuat hanya dengan kode html saja, karena itu
materi ini tidak dimasukkan kedalam langkah 3 (saat mempelajari html). Anda
harus melakukan pendaftaran ke suatu penyedia layanan counter/guestbook untuk
dapat memiliki counter dan guestbook. Tetapi jika server Anda mendukung
FrontPage Server Extension, Anda dapat membuat counter dan guestbook
sendiri sebagai komponen tambahan yang memang telah disediakan oleh
FrontPage. Counter juga dapat dibuat dengan JavaScript, akan tetapi efek
penambahan angka counter-nya hanya terjadi pada mesin client, bukan pada
server. Akibatnya, angka counter yang tampak pada masing-masing komputer
dapat berbeda-beda.
Jika dilokasi counter yang muncul adalah teks "a lot of", bukan
angka, ini berarti bahwa server counter di Tripod tengah sibuk. Ini
bisa diatasi dengan meng-klik "Reload" atau "Refresh". Tetapi
jika counter sama sekali tidak muncul dihalaman web (ini yang
seringkali terjadi pada pemula), kemungkinan besar warna
counter yang dipilih sama dengan warna latar belakang halaman
web Anda. Coba cek lagi pilihan warna counter Anda !
6.1.2 Memasang Counter Di Geocities
<img SRC="/bin/counter/NamaMember?WarnaCounter" ALIGN="BOTTOM">
Geocities memiliki tampilan counter yang lebih bagus dari pada Tripod. Akan
tetapi untuk menggunakannya diperlukan setup counter yang lebih panjang.
Berikut adalah cara pengaktifannya:
w.
Jika Anda memiliki account di Tripod.com, Anda dapat menggunakan counter
dengan menambahkan baris berikut kedalam file html Anda.
ww
NamaMember pada kode html diatas adalah nama keanggotaan Anda di Tripod
dan WarnaCounter adalah kode warna counter yang Anda inginkan. Anda
dapat menambahkan teks apa saja disekeliling baris diatas untuk memperjelas
keberadaan counter Anda. Lihat contoh berikut ini:
OKB Club Indonesia – http://www.okbclub.com
209
1.
Buka file manager di geocities (http://geocities.yahoo.com/home/).
2.
Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Counter'.
3.
Pilih file yang akan diberi counter, lalu klik "Continue".
OKB Club Indonesia – http://www.okbclub.com
210
lu
b.
co
m
dimasukkan langsung kedalam halaman web menggunakan editor HTML yang
ada di Geocities (klik link berlabel 'Use One-Line Advanced Editor'), atau
dengan editor lain dan kemudian baru meng-upload-nya ke Geocities.
4.
BC
Gambar 6.1: Pemilihan warna, style dan nomor awal counter di Geocities
Sekarang Anda dapat mengatur tampilan counter yang diinginkan (mereset
nomor counter, mengganti warna, mengganti tipe/style counter dll). Jika
Anda ingin menset angka awal tertentu, masukkan angka yang Anda inginkan
pada kolom "Preset Counter Value" dan klik tombol "Set". Lalu klik tombol
"Continue" (lihat Gambar 6.1).
Berikutnya akan muncul pertanyaan apakah Anda sudah pernah menginstal
counter sebelumnya atau ini yang pertama kalinya. Pilih "No, I am installing
this counter …….". Setelah itu klik tombol "Continue".
6.
Anda akan mendapatkan kode html untuk menampilkan counter seperti
dibawah ini :
OK
5.
<IMG SRC=http://visit.geocities.com/counter.gif>
Gambar 6.2: Ucapan selamat setelah Anda berhasil memasang counter di Geocities
9.
Lakukan uji coba dengan membuka file yang telah diberi counter tersebut
melalui browser dalam keadaan internet on-line. Cobalah klik tombol
"Reload" atau "Refresh" pada browser Anda. Counter akan selalu
bertambah 1 setiap kali Anda meng-klik tombol ini. Jika tidak puas dengan
tampilan yang ada, Anda dapat mengulang lagi langkah-langkah diatas.
Tetapi pada langkah ke-5, pilih "Yes, I have already ……" dan kemudian
klik "Continue".
6.1.3 Memburu Counter Gratis Di Internet
Copy kode html penampil counter diatas kedalam clip board. Yaitu dengan
mem-blok teks kode html (ada dilayar monitor Anda) dan kemudian tekan
tombol [Ctrl]+C di keyboard Anda. Setelah itu klik "Continue".
Jika Anda memiliki situs web gratis yang kebetulan tidak menyediakan counter,
maka Anda terpaksa harus memburunya di internet. Saat pertama kali mencari
situs penyedia counter gratis di internet, mungkin Anda akan bingung karena
Anda akan menemukan sedemikian banyak penyedianya.
8.
Pada titik ini, setup counter sebenarnya telah selesai. Akan tetapi kodenya
belum masuk kedalam halaman web Anda. Kode penampil counter ini dapat
Cara terbaik dan tercepat saat memilih situs penyedia counter gratis dari mesin
pencari (search engine) adalah dengan membaca secara hati-hati setiap
ww
w.
7.
OKB Club Indonesia – http://www.okbclub.com
211
OKB Club Indonesia – http://www.okbclub.com
212
penjelasan dari tiap link yang ditemukan. Carilah situs yang menawarkan counter
gratis tanpa iklan, sebab umumya counter gratis ditawarkan plus iklan. Counter
dengan iklan adalah counter yang disekelilingnya terdapat tambahan gambar
banner tau teks lain yang akan membuat tampilan situs web kita menjadi kurang
menarik.
m
counter direset. Catatan: EasyCounter Menampilkan iklan banner agak
besar.
co
FastCounter (http://www.fastcounter.com/) - Menyediakan counter gratis
yang mudah disetup dengan respon cepat. Tipe-tipe counter bisa dipilih
sendiri. Uniknya, laporan statistik pengunjung bisa dikirim melalui alamat email.
Berikut adalah sebagian kecil daftar situs web penyedia layanan counter gratis
yang bisa Anda coba:
Maweb (http://www.maweb.com/) - Menyediakan counter gratis hingga 5 buah.
Anda harus meletakkan link untuk kembali ke Maweb.
Pandawa (http://www.pandawa.com/) - Penyedia layanan counter gratis dari
Indonesia
b.
Aaddzz (http://www.aaddzz.com/pages/counters) - Menyediakan counter dan
tracker berupa laporan pengunjung.
TheCounter (http://www.thecounter.com/new.html) - Counter dan Statistik
seperti yang digunakan PengenPunyaSitus.com
lu
Cameron's Free Counter (http://counter.bloke.com/register.html) Menyediakan counter gratis dengan pendaftaran mudah. Anda hanya perlu
mengirim alamat e-mail Anda dan beberapa detik kemudian sebuah e-mail
pemberitahuan untuk mengaktifkan counter akan Anda terima. Anda juga
dapat men-download applet counter disini.
BC
Superstats (http://www.superstats.com/) - Menyediakan layanan pencatat
statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web
Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang
digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya.
SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung
mendapatkan link ke situs web Anda.
Aid4 (http://www.y4i.com/counters.html) - Menyediakan counter halaman dan
counter situs serta berbagai materi gratis lainnya.
Freestats (http://www.freestats.com/) - Menampilkan berapa banyak
pengunjung situs Anda, berapa banyak pengunjung unik (pengunjung baru) tiap
hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web
mana mereka datang.
OK
NedStat (http://www.nedstat.com) atau (http://usa.nedstat.net/) - Layanan
statistik untuk situs non-komersial dengan pengunjung maksimal 10.000 setiap
hari. Statistik yang dicatat adalah jumlah pengunjung hari ini, minggu ini,
bulan ini, tanggal dan bulan pengunjung terbanyak serta jumlah total
pengunjung sejak Anda mendaftar di NedStat. Selain itu juga ada laporan
mengenai asal negara pengunjung, alamat IP-nya serta grafik pengunjung
bulanan. Selain itu, NedStat juga menyediakan data mengenai dari halaman
web mana 25 user terakhir yang mengunjungi situs web Anda.
w.
BetterCounter (http://www.better-counter.com/) - Menyediakan counter
sampai 20 halaman dengan pengunjung maksimal 500 perhari. Struktur
analisisnya bisa diatur sendiri.
ww
EasyCounter (http://www.easycounter.com/) - Menawarkan beberapa counter
sekaligus, seting angka awal counter, melihat counter pada semua halaman
secara simultan, fasilitas reset counter untuk penghitungan pengunjung sejak
OKB Club Indonesia – http://www.okbclub.com
213
CashFreeCounters (http://www.cashfree.net/freecounters.html) - Counter
gratis dari CashFree
DIGIWEB.COM (http://counter.digiweb.com/main.shtml) - Counter gratis dari
Digiweb. Disini Abda bisa mendapatkan lebih dari 100 tipe counter.
Informasi yang diperoleh termasuk ukuran layar pengunjung dan negara asal
pengunjung.
CountZ.com (http://countz.com/) - Counter gratis dengan instalasi mudah dari
CountZone
FreeCounter.nu (http://www.freecounter.f2s.com/) - Counter gratis tanpa
iklan! Pendaftaran cepat, hanya 1 menit!
Site Meter (http://www.sitemeter.com/) - Counter gratis dengan style yang
dapat dipilih sendiri. Mereka menyediakan grafik chart yang
merepresentasikan jumlah pengunjung, halaman yang dilihat, peta kota dan
lain sebagainya dalam modus 3D chart.
FreeSiteX (http://freesitex.com/counter.html) - Daftar counter dan tracker
gratis dari seluruh jaringan internet!
OKB Club Indonesia – http://www.okbclub.com
214
harian dan bulanan. Juga statistik yang mendata 20 pengunjung terakhir plus
detail dan hostname asalnya. Alamat AddFreeCounter adalah:
FreewareConnection (http://www.freewareconnection.com/counters.html) Daftar index penyedia layanan counter gratis dari 'Freeware Connection'.
http://www.addfreecounter.com/counter5.htm
Berikut adalah cara pendaftaran dan cara pemasangannya kedalam halaman
homepage kita:
NorthLINK (http://users.northlink.net/NorthLink/counters.htm) - Counter gratis,
terpusat dan otomatis tanpa script apapun. Anda hanya perlu menambahkan
sedikit kode dan mengganti nama file data tertentu dan setelah itu Anda akan
memiliki counter!
1.
WebmasterFreeManiac
(http://www.freemania.net/counter.htm)
Menyediakan fasilitas tracking untuk memonitor banyak pengunjung, berapa
lama mereka tinggal dan apa yang mereka lakukan! Semuanya gratis!
The Museum of Counter Art (http://www.counterart.com/) - The Museum of
Counter Art adalah ruang pamer seni untuk berbagai macam tipe angka
counter yang digunakan dalam situs-situs web diseluruh dunia.
BC
TheCounter.com
(http://www.thecounter.com/)
TheCounter.com
menyediakan counter gratis plus tracking untuk memonitor jumlah
pengunjung, referer-nya, browser yang digunakan, operating sistim yang
digunakan dan lain sebagainya.
b.
-
Kunjungi situs AddFreeCounter dengan alamat seperti diatas. Klik link
'Click here to get your own AddFreeCounter account.' Setelah itu pilih tipe
angka counter-nya dengan meng-klik salah satu gambar angka counter yang
ada disebelah kanan layar (tipe-tipe counter yang dapat dipilih bisa dilihat
pada Gambar 6.6). Untuk memilih tipe angka selain yang ada dilayar, klik
link 'Next Page' yang ada dibagian bawah layar.
lu
TotallyFREECounters
(http://www.onlyfreestuff.com/counters.htm)
Layanan Statistik dan Counter gratis dari OnlyFree.
co
m
Freebay (http://www.freebay.com/track.html) – Menyediakan fasilitas counter
dan tracker gratis dari Freebay.
OK
WebPageCounters! (http://www.merlet.com/counterlinks.htm) - Koleksi
counter dan statistik gratis dari seluruh dunia (lebih dari 130 counter).
Selain situs-situs penyedia counter gratis seperti yang disebutkan diatas, masih
ada puluhan ribu lagi yang bisa Anda temukan sendiri dengan Search Engine.
Cobalah
kunjungi
situs
pencari
seperti
http://www.yahoo.com,
http://www.altavista.com, http://www.catcha.co.id, http://www.satunet.com atau
http://www.astaga.com dan masukkan kata "free counter".
w.
6.1.4 Mendapatkan Counter dari AddFreeCounter
2.
ww
AddFreeCounter adalah salah satu penyedia layanan counter gratis yang
menyediakan counter tanpa iklan. Selain itu, ada banyak fitur lain seperti;
pendaftarannya cepat dan mudah, tanpa logo pada counter, instalasi di halaman
web mudah, ada seting Time Zone, ada fasilitas 'help' untuk setiap tabel,
mendukung Y2K, ada statistik prosentasi dan grafik yang memonitor pengunjung
OKB Club Indonesia – http://www.okbclub.com
Gambar 6.3: Proses pemilihan tipe/style counter di AddFreeCounter
215
Setelah memilih tipe counter, langkah kedua adalah mengisi form
pendaftaran. Isian yang harus Anda isi diantaranya adalah Nama, alamat email (tulis alamat e-mail Anda dengan benar karena kode aktifasinya akan
dikirim melalui alamat e-mail ini), kode password yang Anda inginkan untuk
meng-kustomisasi counter dilain waktu, nama situs Anda beserta alamat
URL-nya, pemilihan zona waktu (pilih Gmt +7 untuk Indonesia) dan nomor
OKB Club Indonesia – http://www.okbclub.com
216
Setelah semua kolom isian terisi dengan baik, klik tombol "Submit".
lu
b.
co
3.
m
awal counter yang Anda inginkan (Anda bisa mengisi berapa saja, maksimal
99999999).
Gambar 6.4: Formulir pendaftaran di AddFreeCounter
w.
OK
Setelah itu akan muncul pemberitahuan bahwa Anda akan segera menerima
e-mail yang berisi instruksi dan cara memasang counter kedalam halaman
web Anda. Pada titik ini, proses pendaftarannya telah selesai.
ww
4.
BC
Gambar 6.5: Tanda bahwa proses pendaftaran counter selesai dengan baik
OKB Club Indonesia – http://www.okbclub.com
Gambar 6.6: Tipe-tipe style counter yang ditawarkan AddFreeCounter
5.
217
Sekarang bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan
menerima surat yang isinya kira-kira seperti berikut:
OKB Club Indonesia – http://www.okbclub.com
218
m
Hello OKB Club Indonesia
co
Number of your account : 00006864
Your Password : kancil
Name of your site : Serba Gratis Homepage
Url of your site : http://serba-gratis.tripod.com/
Please add this code on your index page site
To see your stats push the counter button on your site
or go to :
http://www.addFreeCounter.com/cgi-bin/main.cgi?usr=00006864
8.
BC
OK
Untuk melakukan uji coba counter, bukalah file html Anda dengan browser
dalam keadaan internet on-line. Anda akan melihat angka counter tertentu
seperti yang Anda set saat mendaftar, misalnya 00001001. Klik tombol
"Reload" atau "Refresh" dalam browser dan lihat kembali Angka counternya. Jika sekarang angkanya telah bertambah satu (menjadi 00001002
misalnya), maka counter Anda telah bekerja normal! Anda tinggal mengupload file html tersebut ke server.
w.
7.
Untuk memasang counter dihalaman web Anda, Anda tinggal menambahkan
baris-baris yang dicetak tebal diatas kedalam halaman html Anda (misalnya
dalam index.htm). Jika ingin cepat, sorot dan blok baris-baris yang
dicetak tebal diatas dari dalam e-mail Anda, "Copy" kedalam clip board,
(biasanya dengan menekan Ctrl+C) lalu "Paste" kedalam file html Anda
(biasanya Ctrl+V). Perhatikan bahwa Anda akan mendapatkan kode sendiri
setelah mendaftar, karena itu jangan menggunakan baris-baris html counter
yang ada pada contoh diatas!
Setelah counter Anda aktif, Anda akan dapat melihat statistik pengunjung
situs web Anda dengan meng-klik gambar counter Anda sendiri. Statistik
yang akan ditampilkan adalah berapa banyak pengunjung hari ini, jumlah
pengunjung kemarin, jumlah pengunjung bulan ini dan total jumlah
pengunjung selama ini. Selain itu Anda juga akan mengetahui asal nama host
server dari 20 orang penunjung terakhir situs Anda. Lihat gambar 6.7.
ww
6.
lu
b.
<!-- BEGIN ADDFREECOUNTER STATS -->
<center>
<a href="http://www.addfreecounter.com/cgibin/cptmain.cgi?usr=00006864" target="_top">
<img alt="AddFreeCounter"
src="http://www.addfreecounter.com/cgibin/cptconnect.cgi?usr=00006864" border=0></A>
</center>
<!-- END ADDFREECOUNTER CODE -->
OKB Club Indonesia – http://www.okbclub.com
219
Gambar 6.7: Counter Anda sekaligus berfungsi sebagai pencatat statistik
pengunjung
6.1.5 Mendapatkan Counter Dari Admo.net
Kali ini kita akan mendaftar untuk mendapatkan counter gratis dari Admo.net.
Seperti AddFreeCounter, Admo.net juga menawarkan counter gratis tanpa iklan
sama sekali. Kelebihannya adalah bahwa Admo.net menyediakan lebih banyak
variasi tipe counter (lihat Gambar 6.13).
Berikut adalah proses pendaftaran yang bisa dilakukan untuk mendapatkan
counter dari Admo.net:
1.
Kunjungi situs Admo.net (http://admo.net/counter/) dan klik
menu "Signup".
2.
Setelah itu akan muncul formulir isian untuk mendaftar. Beberapa kolom
yang harus Anda isi adalah Nama, alamat e-mail (harus diisi dengan benar
karena kode pengaktifannya akan dikirim melalui alamat e-mail ini), usia,
jenis kelamin, alamat homepage Anda dan user name serta password yang
Anda inginkan untuk login ke Admo.net. Login diperlukan untuk melakukan
seting angka awal, memilih tipe/style counter dan lain sebagainya. Setelah
semuanya terisi lengkap dan benar, klik tombol "Register".
OKB Club Indonesia – http://www.okbclub.com
220
lu
b.
co
m
selesai, akan tetapi masih ada satu proses lagi untuk mengaktifkan counternya.
Gambar 6.8: Tampilan Admo.Net Free Counter
w.
OK
BC
4.
ww
Beberapa saat kemudian akan muncul pemberitahuan bahwa Anda telah
didaftar dan akan segera menerima e-mail yang berisi link dan kode untuk
mengaktifkan counter Anda. Pada titik ini, proses pendaftarannya telah
OKB Club Indonesia – http://www.okbclub.com
Bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima
surat dari Admo.net yang isinya kira-kira seperti ini:
Thank You, Serba Gratis for registering at Admo.net.
Here is the information we recieved :
Name
Email
Age
Sex
Website
Username
Password
:
:
:
:
:
:
:
Serba Gratis
[email protected]
18
Male
http://serba-gratis.tripod.com/
gratis
kancil
You need to confirm the account by pointing your
browser at :
http://admo.net/counter/auth/confirm.php?hash=17a0efjh4
890kj34329386f6hj34j2h3df6f12&username=gratis
Gambar 6.9: Form pendaftaran di Admo.Net
3.
Gambar 6.10: Konfirmasi profile user setelah mendaftar
221
If you did not apply for the account please ignore this
message. Please do not respond to this message.
OKB Club Indonesia – http://www.okbclub.com
222
6.
Seperti yang akan Anda lihat setelah login ke Admo.net, Anda dapat mulai
menggunakan counter dengan memasukkan baris-baris seperti dibawah ini
kedalam halaman html Anda.
m
Klik link yang ada dibawah teks "You need to confirm the account by
pointing your browser at :" didalam e-mail Anda untuk mengaktifkan
counter. Setelah itu jendela browser akan terbuka dan muncul
pemberitahuan bahwa pendaftaran Anda telah dikonfirmasi dan telah aktif.
Klik link berlabel "Login" untuk melihat apa yang harus Anda lakukan untuk
menggunakan counter dari Admo.net ini. Didalamnya Anda juga dapat
melakukan seting nomor awal counter, memilih tipe/style counter dan lain
sebagainya.
co
<A HREF="http://www.admo.net/counter">
<IMG SRC="http://c1.admo.net/cgi-bin/counter/1.cgi?gratis"
BORDER="0"></A>
BC
lu
b.
Perhatikan bagian kode "1.cgi?gratis" diatas. Angka 1
adalah kode tipe counter yang diinginkan (lihat Gambar 6.13
untuk melihat semua tipe/style counter yang bisa Anda pilih)
dan teks "gratis" adalah nama member Anda di Admo.net. Jika
saat mendaftar Anda menggunakan nama Arifin dan Anda
ingin menggunakan tipe counter nomor 41, maka Anda harus
mengganti baris-baris diatas menjadi seperti ini:
Gambar 6.11: Tanda bahwa keanggotaan Anda di Admo.net telah sah!
<A HREF="http://www.admo.net/counter">
<IMG SRC="http://c1.admo.net/cgi-bin/counter/24.cgi?Arifin"
BORDER="0"></A>
Peletakan kode bisa dilakukan dimana saja didalam file html
Anda, yang penting harus berada diantara tag
<BODY>…</BODY>.
Lakukan uji coba counter dengan membuka file html Anda dengan browser
dalam keadaan internet on-line. Anda akan melihat angka counter dalam
halaman web Anda menampilkan angka tertentu seperti yang Anda set saat
mendaftar, misalnya 00001. Klik tombol "Reload" atau "Refresh" dalam
browser Anda dan lihat kembali Angka counter-nya. Jika saat ini angkanya
telah bertambah satu (menjadi 00002 misalnya), maka counter Anda telah
bekerja normal. Anda tinggal meng-upload file html Anda ke server.
w.
OK
7.
Gambar 6.12: Tampilan setelah Login ke Admo.net
ww
5.
OKB Club Indonesia – http://www.okbclub.com
223
OKB Club Indonesia – http://www.okbclub.com
224
Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Guestbook'
(http://us.geocities.yahoo.com/gb/).
3.
Klik link berlabel 'Guestbook Setup'. Setelah itu akan ditampilkan form
setup guestbook yang berisi delapan langkah setup.
lu
b.
co
m
2.
BC
Gambar 6.13: Admo.net menawarkan lebih banyak tipe/style counter
6.2 MEMASANG GUESTBOOK
OK
Sebagaimana dengan counter, jika Anda kebetulan mendaftar pada situs-situs
penyelenggara spasi web gratis yang sekaligus juga menyediakan fasilitas
guestbook (buku tamu) seperti Geocities misalnya, maka Anda dapat langsung
menggunakannya tanpa perlu mendaftar lagi. Yang perlu Anda lakukan hanyalah
melakukan beberapa seting tertentu. Pada sub bab ini kita akan membahas cara
mengaktifkan guestbook dari Geocities. Selain itu kita juga akan memburu situssitus penyedia layanan guestbook gratis dari internet, kemudian kita juga akan
mencoba mendaftar pada beberapa diantaranya.
w.
6.2.1 Memasang Guestbook di Geocities
1.
ww
Jika Anda memiliki account di Geocities, Anda tidak perlu repot-repot mencari
guestbook ditempat lain. Sub bab ini akan menjelaskan pada Anda bagaimana
cara mengaktifkan guestbook di Geocities. Berikut adalah cara pengaktifannya
langkah demi langkah:
Masuklah ke file manager (http://geocities.yahoo.com/home/).
OKB Club Indonesia – http://www.okbclub.com
225
4.
Gambar 6.14: Tampilan setup GuestBook di Geocities
Isilah kolom-kolom yang ada sesuai keinginan Anda. Misalnya pada kolom
Guestbook name (Step 1), isilah dengan judul buku tamu yang Anda
inginkan. Lalu pada kolom Introduction (Step 3), Anda bisa mengisinya
dengan komentar pendek tentang buku tamu Anda tersebut. Pada kolom
Questions (Step 4), isi kolom-kolom yang ada dengan pertanyaan-pertanyaan
yang ingin Anda tampilkan dalam buku tamu, misalnya; "Asal Kota", "Email", "Usia" dll. Anda juga bisa mengganti 3 baris pertanyaan dalam
bahasa inggris yang sudah ada sebelumnya ("First Name", "URL" dan
"Comment") dengan pertanyaan Anda sendiri (misalnya "Nama", "Alamat
homepage" dan "Komentar"). Satu hal yang perlu dicatat adalah bahwa
sebaiknya Anda tidak menanyakan sesuatu yang hampir pasti tidak akan diisi
oleh pengunjung situs Anda dengan benar, misalnya "Alamat" atau "Nomor
Telepon". Percuma khan? Anda juga dapat melakukan seting agar buku tamu
Anda mengirim pemberitahuan melalui e-mail jika ada pengunjung yang
mengisi buku tamu. Seting bisa dilakukan dengan meng-klik check box
berlabel 'Send notification email' pada kolom Options (Step 7).
OKB Club Indonesia – http://www.okbclub.com
226
Setelah itu akan ditampilkan kode-kode html yang diperlukan untuk
melakukan link ke pengisian buku tamu dan link untuk melihat isi buku tamu
tersebut.
m
6.
member Anda adalah Arifin dan Anda ingin mengganti keterangan link-nya
dengan "Isi Buku Tamu" dan "Lihat Buku Tamu", maka kode-kode htmlnya
akan menjadi seperti ini :
co
Klik tombol "Preview" untuk melihat tampilan buku tamu Anda. Jika masih
ada yang perlu diperbaiki, kembalilah ke jendela setup. Jika sudah puas, klik
tombol "Finished".
Gambar 6.15 : Kode html akan dihasilkan setelah selesai setup
BC
lu
b.
5.
"Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin
dipasangi link ke buku tamu. Anda dapat melakukannya menggunakan editor
HTML yang ada di Geocities (klik link berlabel 'Go To File Manager') atau
menggunakan editor lain dan kemudian baru meng-upload-nya ke Geocities.
8.
Secara default, kode tersebut akan menghasilkan tampilan seperti ini :
OK
7.
Gambar 6.16: Tampilan form isian Buku Tamu dari Geocities
<a href="http://us.geocities.yahoo.com/gb/sign?member=Arifin">
<b>Isi Buku Tamu</b></a> <a href="http://us.geocities.yahoo.com/gb/view?member=Arifin">
<b>Lihat Buku Tamu</b></a>
Isi Buku Tamu – Lihat Buku Tamu
Teks 'serba_gratis' yang tampak pada Gambar 6.15 muncul karena penulis
menggunakan nama member serba_gratis. Jika Anda menggunakan nama
member lain, kode tersebut juga akan lain. Selain itu Anda juga dapat
mengganti keterangan link-nya dengan apa saja. Sebagai contoh, jika nama
ww
9.
w.
Sign Guestbook View Guestbook
OKB Club Indonesia – http://www.okbclub.com
227
OKB Club Indonesia – http://www.okbclub.com
228
m
GlobalGuest (http://globalguest.com/) - Guestbook gratis yang bisa diatur
sendiri melalui opsi pemilihan background wallpaper, warna latar belakang,
link, musik midi, warna teks, pemberitahuan lewat e-mail dan lain
sebagainya.
co
DiamondLife Guestbook! (http://guestbook.diamondlife.net/) - Guestbook
profesional gratis selamanya untuk keperluan bisnis maupun personal.
ALX Guestbook (http://www.alxbook.com/) - Menyediakan guestbook gratis
untuk homepage Anda.
b.
Escati Free Guestbook (http://www.escati.com/guestbook/
free_guestbook.htm) - Penyedia layanan guestbook gratis dari Escati.
Free GBook (http://www.freegbook.nu/) - Menyediakan bukutamu gratis tanpa
iklan banner! Pendaftaran cukup dilakukan dengan satu klik saja.
6.2.2 Memburu GuestBook Gratis
FreeGuestBooks (http://www.freeguestbooks.com/) - Buku tamu gratis 100%
dari FreeGuestBooks.
BC
Sebagaimana dengan counter, jika situs homepage Anda tidak menyediakan
guestbook, maka Anda harus mencarinya sendiri di internet. Beberapa tahun
yang lalu jumlah penyedia layanan guestbook gratis diseluruh dunia masih bisa
dihitung dengan mudah. Akan tetapi jika Anda mencarinya sekarang, Anda akan
menemukan ribuan bahkan puluhan ribu situs penyelenggara guestbook gratis dari
seluruh dunia!
lu
Da-Book (http://www.da-book.com/index.html) - Menyediakan buku tamu yang
bisa mengirim e-mail jika ada pengisi baru. Anda dapat mengganti warna
latarbelakang, warna teks dan warna link.
Gambar 6.17: Tampilan Buku Tamu dari Geocities
OK
Untuk mempermudah pencarian Anda, berikut adalah sebagian sangat kecil daftar
penyedia layanan guestbook gratis yang ada:
Dreambook (http://www.dreambook.com/) - Menyediakan guestbook gratis
untuk keperluan personal yang bisa diatur sendiri.
w.
TheGuestBook.com (http://www.theguestbook.com/) - Guestbook gratis dari
TheGuestBook.com
Bloke.com (http://guestbook.bloke.com/) - Guestbook gratis dengan teknologi
Java. Cara pemasangannya mudah dengan antar-muka yang menarik.
ww
GuestPage.com (http://www.guestpage.com/) - Menyediakan guestbook
dengan spasi tak terbatas! Fasilitas yang diberikan termasuk message
detection, auto-reply dan lain sebagainya. Anda dapat memilih salah satu
dari 20 tampilan yang berbeda.
OKB Club Indonesia – http://www.okbclub.com
229
Gbook.nu (http://gbook.nu/) - Buku tamu gratis dari gbook.nu.
MikesWebFreeGuestbook (http://www.web.mikesweb.com/free-stuff/
guestbook/) - Buku tamu gratis dari MikesWeb. Menyediakan utiliti lengkap
untuk mengatur guestbook sendiri.
Ostry (http://www.ostry.com/solutions/guestbook/) - Buku tamu gratis dari
Ostry Internet Solusions.
Free Guestbook (http://guestbook.dkd.ot.lt/) - Guestbook gratis dari Itali.
htmlGEAR (http://htmlgear.lycos.com/specs/book.html) - Penyedia layanan
buku tamu gratis dan fasilitas on-line lain dari Lycos.
GuestBook Depot (http://www.guestbookdepot.com/) - Buku tamu gratis dari
Guestbook Depot.
Mybook.net (http://www.mybook.net/) - Buku tamu interaktif dari mybook.net.
Pendaftarannya cepat, mudah dan gratis!
Indonesian Free Guestbook Server (http://www.indoguest.com/) Guestbook Server Gratis dengan berbagai pilihan bahasa, akses cepat dan
OKB Club Indonesia – http://www.okbclub.com
230
feature yang menarik. Sayangnya, servernya lebih banyak matinya dari pada
hidupnya!
m
GuestPoint (http://www.guestpoint.com/) - Menyediakan buku tamu dan
counter gratis yang bisa diatur sendiri.
Free Center (http://www.freecenter.com/guestbook.html) - Daftar menyedia
layanan buku tamu gratis!
Dreambook (http://www.dreambook.com/) - Salah satu penyedia layanan buku
tamu gratis yang bebas iklan!
6.2.3 Mendapatkan GuestBook Gratis Dari Admo.net
co
Lpage GuestBook (http://www.lpage.com/) - Buku tamu dari Lpage
GuestBook.
Guestcities Guestbooks (http://www.guestcities.com/) - Buku tamu gratis
dari GuestCities.
http://admo.net/freegb/
BC
Web-Authoring.com (http://www.websiteresources.net/guestbook/) - Disini
Anda akan mendapatkan lebih dari 1000 web development resources gratis,
termasuk Perl, CGI, Script, HTML, Java, JavaScript, Design, dan tentu saja
Guestbook.
lu
Free-CGI:
Guestbook (http://www.fido7.com/free-cgi/guestbook/) Disinilah tempat untuk mendapatkan buku tamu CGI gratis. Anda tidak perlu
menyimpan script CGI dalam host, yang perlu Anda lakukan hanyalan
menambah satu baris html kedalam halaman web Anda. Anda dapat mengatur
font, warna dan banyak lagi yang lain.
Selain counter, Admo.Net juga meyediakan guestbook gratis. Fitur yang ada
pada guestbook dari Admo.net adalah; bisa menambah item pertanyaan, bisa
menghapus database pengunjung tertentu (ini sangat bermanfaat jika ada
pengunjung yang mengisi buku tamu Anda dengan 'sampah!' atau kata-kata tak
pantas lainnya), dapat menghapus semua isi buku tamu sekaligus, bisa mengganti
warna, ukuran font, tipe font dan judul buku tamu dengan mudah, dapat mengirim
e-mail pada semua pengisi buku tamu dan lain sebagainya. Alamat situsnya
adalah:
b.
OneCenter.com (http://guest.onecenter.com/) - Buku tamu gratis dari
OneCenter.
Berikut adalah cara melakukan pendaftaran di Admo.net untuk
mendapatkan guestbook gratis serta cara pengaktifannya :
1.
GuestbooksForFree (http://www.guestbooksforfree.com/) - Buku tamu gratis
untuk program afiliasi. Anda akan mendapatkan komisi dengan memberikan
buku tamu ini ke orang lain dan mendaftar sebagai pihak afiliasi (buku tamu
untuk buku tamu gratis). Anda hanya perlu mengisi formulir dan setelah itu
akan menerima kode html untuk mengaktifkan software buku tamu.
Kunjungi situs Admo.net Free GuestBook di alamat diatas. Klik link
dengan label 'Get your free guestbook now!'. Isi formulir pendaftaran dengan
benar, terutama alamat e-mail-nya karena kode pengaktifan guestbook-nya
akan dikirim melalui alamat e-mail ini.
2.
Guestbook4free.com (http://www.guestbook4free.com/guestbook.htm)
Buku tamu gratis dari guestbook4free dengan berbagai fasilitas menarik.
Untuk menambah kolom pertanyaan, misalnya 'Asal' atau 'HomePage', isilah
kolom "Optional Field 1" s/d "Optional Field 4" dengan judul-judul
pertanyaan yang ingin Anda tanyakan. Jika semuanya telah terisi dengan
benar, klik tombol "Create My Guestbook!".
3.
Setelah tombol "Create My Guestbook!" diklik, akan muncul ucapan
terima kasih dan pemberitahuan bahwa data Anda telah masuk kedalam
database Admo.net dan disarankan pada Anda untuk segera membuka e-mail
Anda untuk melakukan langkah terakhir untuk mendapatkan guestbook di
Admo.net.
OK
Freegbook.nu (http://www.freegbook.nu/) - Buku tamu gratis dari
FreeGbook.nu untuk webmaster dan keperluan pribadi. Buku tamu dapat
dikonfigurasi sendiri!
w.
-
Free Guestbooks providers
(http://www.absolutelyfreebies.com/guestbooks.html) - Daftar penyedia
layanan buku tamu gratis. Silahkan pilih yang Anda suka!
ww
NiElS' FREE Guestbook Service (http://guestbook.carota.net/) Menawarkan buku tamu gratis yang bisa di kustomisasi melalui CSS
stylesheet.
OKB Club Indonesia – http://www.okbclub.com
231
OKB Club Indonesia – http://www.okbclub.com
232
m
http://admo.net/freegb/cgibin/register.db?action=verify&userid=4567&email=serba_g
[email protected]
lu
<!-- START ADMONET GUESTBOOK CODE -->
<center> <p>[<a href="http://admo.net/freegb/cgibin/guestbook.db?action=form&user=gratis"> <b>Sign My
Guestbook</b></a>] <a href="http://admo.net/freegb"><img
src="http://f.virtualave.net/imgserv/freegb.gif"
BORDER="0"></a> [<a href="http://admo.net/freegb/cgibin/guestbook.db?action=view&user=gratis"> <b>View My
Guestbook</b></a>]</p> </center>
<!-- END ADMONET GUESTBOOK CODE -->
OK
BC
Gambar 6.18: Form pendafaran untuk mendapatkan buku tamu di Admo.net
Klik link yang ada didalam e-mail Anda untuk mengaktifkan guestbook.
Jendela browser akan terbuka dan muncul pemberitahuan bahwa proses
pendaftaran Anda telah selesai dan kini telah aktif. Dibawahnya juga dimuat
kode html yang diperlukan untuk memunculkan link ke guestbook Anda
(untuk mengisi dan untuk melihat) seperti berikut :
b.
5.
co
Thank You,
Adam.
Bukalah e-mail yang Anda gunakan saat mengisi formulir pendaftaran. Anda
akan menerima surat yang isinya kira-kira seperti dibawah ini:
Thank you for your submission for an Admo.net Free
Guestbooks account. To compelete your membership
process, please click on the link below:
ww
4.
w.
Gambar 6.19: Proses pendaftaran selesai, tetapi Anda harus mengaktifkannya
OKB Club Indonesia – http://www.okbclub.com
Gambar 6.20: Kode html yang diberikan setelah konfirmasi ke Admo.Net
6.
233
Tambahkan baris-baris html diatas kedalam halaman web Anda pada posisi
dimana saja, asal masih berada diantara tag <BODY>...</BODY>. Catat
OKB Club Indonesia – http://www.okbclub.com
234
bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, jadi jangan
secara langsung menyalin kode html diatas kedalam halaman web Anda
(kecuali Anda telah mengganti teks "gratis" pada baris-baris html diatas
dengan teks Anda sendiri sesuai isi kolom "Desired Username:" saat
mendaftar.
m
htmlGEAR adalah penyedia layanan Add-On gratis yang cukup populer di
internet. Situs ini menyediakan berbagai fasilitas Add-On bagus yang bisa
digabung kedalam situs web kita. Add-On yang ditawarkan diantaranya adalah
guestGEAR (buku tamu), linkGEAR (link manager dan validasi link di
homepage), pollGEAR (fasilitas untuk membuat polling pada pengunjung), passit-onGEAR (cara promosi web mudah dari teman ke teman), textGEAR
(penampil teks yang selalu berganti saat pengunjug datang) dan feedbackGEAR
(mendapatkan feedback tanpa menampilkan alamat e-mail Anda).
co
7.
6.2.4 Mendapatkan GuestBook Gratis dari htmlGEAR
Untuk melakukan uji coba, buka halaman web Anda yang sudah disisipi
kode-kode html diatas dengan browser saat internet Anda on-line. Anda
akan melihat tambahan tampilan seperti gambar 6.21.
1.
Kunjungi situs htmlGEAR dengan alamat :
http://htmlgear.lycos.com/specs/book.html
2.
Klik link 'Sign up Now!'. Setelah itu isi formulir pendaftaran yang ada.
Beberapa kolom yang harus diisi diantaranya adalah nama member dan
password untuk login ke htmlGEAR, nama Anda, alamat e-mail, tanggal
lahir, asal kota dan negara. Setelah semuanya diisi dengan benar, klik
tombol "Sign Me Up!".
w.
OK
BC
Cobalah klik link dengan label "View My Guestbook". Maka Anda akan
melihat tampilan guestbook yang masih kosong. Sekarang, coba klik link
"Sign My Guestbook" dan isi form yang ada. Setelah itu jika Anda mencoba
melihat isi guestbook Anda kembali, disana akan ada satu orang yang telah
mengisi buku tamu Anda, yaitu Anda sendiri.
Gambar 6.22: Tampilan buku tamu Admo.Net
ww
8.
lu
Gambar 6.21: Tampilan link untuk mengisi dan melihat buku tamu Admo.Net
b.
Pada sub bab ini kita akan mendaftar ke htmlGEAR dan mengaktifkan
guestGEAR untuk mendapatkan buku tamu. Berikut adalah langkah-langkah
pendaftaran dan cara aktifasinya :
OKB Club Indonesia – http://www.okbclub.com
Gambar 6.23: Tampilan form pendaftaran di htmlGEAR
235
OKB Club Indonesia – http://www.okbclub.com
236
m
Anda akan masuk ke setup pembuatan buku tamu guestGEAR.
BC
lu
5.
pilihlah Bangkok (GMT +7) karena Indonesia juga menggunakan zona waktu
ini. Setelah itu klik tombol "Save & Create".
co
4.
Langkah berikutnya adalah melakukan aktifasi keanggotaan. Pada tahap ini
Anda akan diberi tawaran untuk menerima mailing list pemberitahuan jika
ada fasilitas baru atau tip & trik dari htmlGEAR, kemudian tawaran apakah
Anda ingin memiliki hardisk virtual untuk menyimpan file di driveaway
(sekitar 25 MB). Jangan ragu-ragu untuk menghilangkan check box default
yang ada jika Anda memang tidak menginginkannya. Selain itu, baca
penjelasan mengenai servis yang diberikan htmlGEAR. Setelah selesai, klik
tombol "Agree".
Anda akan masuk ke Gear Manager yang pada saat ini isinya masih kosong.
Klik link 'Add Gear'. Setelah itu akan muncul semua Add-On yang bisa
diaktifkan (gambar 6.24). Klik link 'Get Gear' yang ada pada baris
guestGEAR (Add-On paling atas).
b.
3.
OK
7.
Gambar 6.25: Tampilan form setup buku tamu guestGEAR
Jika Anda memiliki banyak waktu dan ingin melakukan kustomisasi buku
tamu sendiri, pada langkah ke-4 diatas sebaiknya jangan langsung menekan
tombol "Save & Create", melainkan gulung tampilan layar kebawah untuk
melakukan setup seperlunya, misalnya mengatur warna huruf, tipe huruf,
memillih backgound buku tamu, membuat pertanyaan-pertanyaan yang ingin
diajukan kepada pengisi buku tamu (ada 10 ruang pertanyaan dengan 8 tipe
pertanyaan yang bisa diisi sendiri), mengatur apakah pengisi buku tamu
boleh menyisipkan kode html/javascript pada buku tamu atau tidak, membuat
teks yang akan dikirim ke e-mail pengunjung, memilih ikon guestGEAR
(gambar 6.26) dan lain sebagainya. Setelah itu baru klik tombol "Save &
Create" atau klik "Preview" untuk melihat hasil setup sementara sebelum di
save.
Gambar 6.24: Fasilitas-fasilitas Add-On yang ditawarkan htmlGEAR
w.
Isilah judul guestbook Anda, alamat homepage-nya (Anda harus menuliskan
alamat homepage Anda dengan benar karena akan dipakai untuk
mengembalikan link dari buku tamu ke homepage Anda), judul homepage
Anda, kategori homepage-nya, alamat e-mail (tulis juga dengan benar
karena pemberitahuan jika ada pengunjung baru yang mengisi buku tamu
Anda akan dikirim lewat e-mail ini), kemudian pada kolom 'Time Zone',
ww
6.
OKB Club Indonesia – http://www.okbclub.com
237
OKB Club Indonesia – http://www.okbclub.com
238
m
co
Setelah tombol "Create & Save" di klik, browser akan menampilkan kodekode html yang harus Anda masukkan kedalam halaman web Anda seperti
dibawah ini:
"Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin
dipasangi link ke buku tamu. Anda dapat mengganti teks penjelasan link-nya
ke buku tamu Anda dengan apa saja, misalnya 'View My Guestbook' diganti
dengan 'Lihat Buku Tamu' dan 'Sign My Guestbook" diganti dengan 'Isi Buku
Tamu'. Catat bahwa Anda tidak bisa langsung menggunakan kode html diatas
kecuali mengganti teks 'serba_gratis' pada kode tersebut dengan nama
member Anda sendiri. Gunakan editor apa saja untuk melakukan ini dan
kemudian upload ke server. Klik tombol "Done" dan kemudian klik "log out"
untuk keluar dari htmlGEAR.
OK
9.
Gambar 6.27: Kode yang dihasilkan diakhir setup guestGEAR
BC
<!--start of code-->
<!-- Guestbook by http://www.htmlgear.com -->
<a href="http://htmlgear.lycos.com/specs/guest.html">
<img border=0 ismap src="http://htmlgear.lycos.com/img/
guest/gb_blue.gif"></a><br>
<a href="http://htmlgear.lycos.com/guest/control.guest?u=
serba_gratis&i=1&a=view"><font face="arial,helv,
helvetica,sans serif" size=-1>View My
Guestbook</font></a><br>
<a href="http://htmlgear.lycos.com/guest/control.guest?u=
serba_gratis&i=1&a=sign"><font face="arial,helv,
helvetica,sans serif" size=-1>Sign My Guestbook</font>
</a><br>
<!--end of code—
lu
8.
b.
Gambar 6.26: Beberapa ikon guestbook yang bisa dipilih dari guestGEAR
ww
w.
10. Untuk melakukan uji coba, buka halaman web yang sudah disisipi kode html
tambahan untuk link ke buku tamu Anda dalam keadaan internet on-line.
Anda akan melihat tampilan tambahan seperti gambar 6.28.
OKB Club Indonesia – http://www.okbclub.com
239
Gambar 6.28: Tampilan link untuk mengisi dan melihat buku tamu guestGEAR
11. Klik link 'Sign My Guestbook' untuk mencoba mengisi buku tamu baru Anda.
Anda dapat mengisinya dengan apa saja, toh nantinya bisa kita hapus lagi.
Klik tombol "Continue" jika telah selesai dan lanjutkan dengan menekan
tombol "Add to Guestbook" pada konfirmasi entry.
12. Setelah itu akan muncul pemberitahuan bahwa pengisian buku tamu Anda
telah direkam kedalam database buku tamu. Untuk melihat hasilnya, Anda
dapat menekan tombol "View" yang muncul setelah Anda meng-klik tombol
"Add to Guestbook" atau bisa juga dengan meng-klik link 'View My
Guestbook' dari halaman homepage Anda.
OKB Club Indonesia – http://www.okbclub.com
240
m
BAB 7
lu
b.
co
LANGKAH KE-7:
UMUMKAN HOMEPAGE
BARU ANDA KESELURUH
DUNIA!
BC
Gambar 6.29: Tampilan form isian bukutamu guestGEAR
w.
OK
Katakanlah, sekarang Anda telah memiliki homepage baru yang sangat indah.
Lalu apa yang harus Anda lakukan selanjutnya? Promosi! Ya! Anda harus
memberitahukan pada dunia bahwa Anda sekarang telah memiliki homepage!
Apa gunanya Anda memiliki situs web yang sangat bagus dengan isi super
lengkap jika tidak ada satupun yang tahu?
Gambar 6.30: Tampilan buku tamu dari guestGEAR
ww
13. Selamat! Anda telah memiliki BUKU TAMU!
OKB Club Indonesia – http://www.okbclub.com
241
Langkah pertama adalah melalui kartu nama. Setahun atau dua tahun yang lalu,
memiliki alamat e-mail sudah bisa dibanggakan. Akan tetapi kini gengsi itu sudah
bergeser. Mencantumkan alamat situs pribadi di kartu nama adalah kebanggaan
baru. Jadi, setelah homepage Anda bisa online dan bisa diakses dari seluruh
dunia, jangan ragu untuk membuat kartu nama baru lengkap dengan alamat situs
web Anda.
Langkah berikutnya, ada banyak cara untuk mempromosikan situs web dengan
gratis. Diantaranya dengan memasang iklan di situs-situs penyedia layanan iklan
gratis yang tersebar diseluruh jagad internet, mendaftarkannya ke portal-portal
web, ke search engine, mengikuti program pertukaran link (link exchange) atau
pertukaran banner (banner exchange) dan akhirnya, Anda juga dapat
mengumumkannya pada teman-teman Anda saat melakukan chating atau memposting-nya ke berbagai mailing-list yang Anda ikuti. Jika Anda belum terdaftar
pada satupun keanggotaan mailing-list, coba kunjungi http://www.egroups.com
dan cari topik-topik mailing-list yang sesuai dengan situs homepage Anda. Jika
OKB Club Indonesia – http://www.okbclub.com
242
situs Anda ditujukan untuk konsumsi internasional, cobalah mendaftar ke
http://www.flashbase.com/forms/freetrial, yaitu sebuah layanan promosi gratis
m
E-klan.Net (http://www.e-klan.net/) - Iklan baris internet gratis, mudah
pasangnya, cepat dan effektif. Sarana beriklan gratis di internet.
melalui mailing-list.
iAds (http://www.iads.cjb.net/ atau http://www.iads.marina.co.id/) - Media
iklan gratis. Anda bisa menempatkan banner, iklan dan website link.
co
7.1 MEMBURU PENYEDIA LAYANAN IKLAN
GRATIS
Iklan Baris DotCom (http://www.iklanbaris.com/) - Situs ini memberikan
penawaran kepada Anda yang ingin memasang iklan mini/singkat.
Wisma IndoProducts (http://www.wisma.com/Indoproducts) - Tempat
pemasangan iklan gratis di Internet. Ada fasilitas chatting sehingga sesama
anggota bisa saling berkomunikasi masalah bisnis atau apa saja.
AdHOO! (http://www.adhoo.i-p.com/) - Layanan iklan mini gratis yang mudah
dan sederhana. Lebih dari 150 kategori.
Iklan-Gratis (http://www.iklan-gratis.com/ atau http://iklan-gratis.com/) - Iklan
gratis, media yang pas pasang dan cari iklan di internet, segala macam
kategori.
BC
AdMatters (http://www.admatters.com/) - Pasang iklan baris dan banner
GRATIS!!!
IklaNet (http://www.sumpahpalapa.com/shisho/ atau http://iklanet.virtualave.net/) Pasang dan Cari iklan gratis. IklaNet adalah salah satu situs Iklan Gratis yang
paling tua di Indonesia. Silahkan mampir dan tempatkan iklan Anda sehingga
lebih tersebar. Buat yang mau pasang dan cari iklan untuk keluarga, teman,
pacar, barang-2 elektronik, mobil dll., datang saja ke sini.
lu
99V (http://www.99venus.net/classifieds) - Pasang Iklan Baris gratis tanpa
harus jadi member. Anda bisa memasang iklan sepuasnya.
b.
Saat ini, jumlah situs penyedian layanan gratis sangat melimpah ruah. Anda
bahkan akan kesulitan mengingatnya satu persatu kecuali yang mudah diingat saja.
Dibawah ini adalah daftar sebagian kecil penyedia layanan iklan gratis yang bisa
Anda coba.
IklanKota.com (http://iklankota.com/) - Iklan Kota adalah sarana tepat untuk
memasang iklan dengan cuma-cuma untuk semua jenis kriteria, yang dikelola
secara profesional.
Bursa Iklan (http://www.bursaiklan.com/) – Penyedia layanan iklan gratis,
termasuk foto.
OK
BiroIklan (http://www.biroiklan.net/) - Situs iklan gratis internet Indonesia
dengan 60 kategori, tanpa registrasi dan dapat di modifikasi atau dihapus
sendiri oleh pemasang iklan.
Bursa Iklanbaris (http://iklanbaris.fsn.net/) - Situs iklan bebas dengan kategori
yang lengkap.
Cabe Merah (http://www.cabe-merah.com/) - Iklan Baris Gratis.
Cabinet (http://iklan.cabi.net.id/) - Pasang iklan anda disini, gratis.
w.
Café Gado-Gado (http://caprius.or.id/cafegado2) - Situs iklan baris gratis
yang full music.
ww
Iklan Doea Lima (http://www.iklan-25.co.id/) - Layanan Pemasangan Iklan
Baris Gratis dengan lebih dari 10 Kategori, sistem aktifasi iklan baris yg
cepat (tanpa perlu konfirmasi melalui e-mail) dan juga menerima pemasangan
Online Advertising.
OKB Club Indonesia – http://www.okbclub.com
243
IklanBaris.co.id (http://www.iklanbaris.co.id/) – Fasilitas iklan gratis yang
dikembangkan oleh PT Bitnet Komunikasindo.
IklanIklan (http://www.iklaniklan.com/) - Bosan dengan iklan baris yang biasa
saja? Cobalah iklaniklan.com. Iklan baris yang paling user friendly,
dilengkapi dengan fitur canggih seperti auto-notify. Anda bahkan dapat
upload file multimedia (foto, suara, film) pada iklan anda.
Iklanklik dot com (http://www.iklanklik.com/) - Media iklan mini gratis
IklanInternet DotCom (http://www.iklaninternet.com/) - Situs iklan baris gratis
dan promosi di internet. Iklan mini, iklan baris, iklan gratis, gampang pasang
iklannya, cepat cari iklannya !!! Anda diberi fasilitas untuk menempatkan,
memperbarui dan menghapus iklan yang Anda posting ke situs ini.
IklanMedan.com (http://www.iklanmedan.com/) - Memberikan layanan iklan
gratis di Internet. Tempat menampung informasi barang bekas maupun baru,
mempertemukan antara penjual dan pembeli, serta membuka peluang dan
kesempatan baru. Iklanmedan.com digunakan sebagai sarana iklan gratis bagi
OKB Club Indonesia – http://www.okbclub.com
244
pengguna internet. Sasaran utama iklanmedan.com adalah untuk menampung
iklan masyarakat internet kota Medan. Tapi tidak tertutup kemungkinan untuk
digunakan oleh masyarakat internet kota lain sepanjang digunakan dengan
baik/benar.
m
MediaIklan.com (http://www.mediaiklan.com/) - Artistik website yang
dirancang khusus bagi pengguna internet yang ingin memasang iklan gratis di
internet. Sederhana, user friendly dan mudah dalam pengoperasian.
Kulakan (http://www.kulakan.com/) - Iklan baris gratis di Kulakan serta
fasilitas-fasilitas lainnya.
co
IklanMini DotCom (http://www.iklanmini.com/) - Tempat gratis pasang iklan
mini di internet
Makelar Saiber TM (http://makelar.center.co.id/) - Situs Iklan Gratis dan
bebas anda bisa apa saja semua serba gratis
IklanPlus.com (http://iklanplus.com/) - Cari barang bekas? murah?
handphone? komputer? Semua serba ada. Mau pasang iklan? Pasang
LANGSUNG tampil, serba cepat dan mudah, dan tentunya ...GRATIS !
Media Iklan Mini Gratis (http://www.i-klik.com/) - Layanan iklan mini gratis
di Internet.
b.
IklanMini.co.id (http://www.iklanmini.co.id/) - Iklan Mini Gratis Centrin
Media Jual & Beli (http://www.jubelindo.co.id/) - Iklan Baris Gratis Pertama
dan Terlengkap di Indonesia
IndoAds (http://indoads.cjb.net/) - Situs Indoads merupakan jaringan iklan
Indonesia yang merupakan pusat iklan gratis dalam berbagai kategori.
IndoFocus DotCom (http://www.indofocus.com/) - Media promosi,
Lowongan Kerja, Cari Jodoh, Iklan Gratis dll.
Pro-Infocom (http://www.pro-infocom.com/) - Media pemasaran produk dan
situs Anda di internet, Gratis untuk Webmaster lewat e-mail, banner, trafik,
cgi, website, search engine, cgi-bin, perl, mailing list dll.
lu
iklanwap.com (http://www.iklanwap.com/index.htm) - Pasang iklan gratis
yang dapat ditampilkan pada ponsel WAP
BC
Semua Gratis (http://www.semua-gratis.com/) - Portal situs gratis, iklan baris
gratis dan masih banyak lagi.
IndoIklan (http://www.indoiklan.com/) - Pasang iklan baris gratis dengan
gambar atau suara (audio). Dengan berbagai kemudahan untuk mengedit, mendelete, dll-nya. Anda boleh pasang iklan gratis dengan foto sebanyak Anda
mampu.
OK
Media iklan online (http://www.mediaiklan.com/) - Memberi layanan jasa
pada pengguna internet Indonesia serta membantu mengembangkan berbagai
sektor usaha melalui pelayanan gratis iklan baris di internet.
Jogjapromo (http://www.jogjapromo.com/) - Ajang iklan gratis khusus DIY Solo dan Jateng Iklan gratis via Internet khusus DIY-Jawa Tengah
Iklan.co.id (http://www.iklan.co.id/) – Ingin pasang iklan di internet? Gratis,
kategori lengkap.
SOLOCITY.com (http://www.solocity.com/) - Komunitas Internetnya Wong
Solo dengan Iklan Gratis, E-mail, Fax, dll.
Uang-Iklan (http://uangiklan.cjb.net) – Iklan Anda DIJAMIN akan dibaca oleh
1000 orang + Rp. 25 Juta BONUS CASH untuk Anda + Auto Submit iklan
Anda ke 3856 Classified Ads Sites (lihat BAB 8 untuk penjelasan lebih
lanjut).
JualBeli.co.id (http://www.jualbeli.co.id/ atau http://www.jualbeli.com/) –
Disini Anda bisa pasang iklan baris beserta gambar sekaligus. Gratis!
7.2 MEMASANG IKLAN ONLINE GRATIS
KeluargaInternet DotCom (http://www.keluargainternet.com/)
pencari untuk keluarga indonesia, ada free E-mail dan iklan gratis.
Memasang iklan di situs penyedia layanan iklan gratis umumnya sangat mudah.
Anda tinggal mengunjungi situsnya, memilih kategorinya, mengisi beberapa kata
yang berhubungan dengan apa yang ingin Anda iklankan, meng-klik tombol
"submit", "daftar", "setuju", "agree" atau semacamnya dan beberapa detik
kemudian iklan Anda sudah bisa dibaca dari seluruh dunia. Jika mau, Anda bisa
mencari situs penyedia layanan iklan yang lain dan melakukan pendaftaran lagi
dengan harapan akan lebih banyak orang lagi yang membaca iklan Anda. Berikut
adalah contoh pendaftaran iklan ke BiroIklan.Net:
Situs
w.
-
ww
Pratama.com (http://www.pratama.com/iklan/default.asp) - Pasang iklan mini
gratis, langsung ditampilkan, mau jual komputer, elektronik, rumah, tanah,
hobbi, kenalan, hand phone, atau apa saja.
OKB Club Indonesia – http://www.okbclub.com
245
OKB Club Indonesia – http://www.okbclub.com
246
menghapus iklan kita. Catat bahwa untuk mengiklankan homepage, Anda
mungkin tidak perlu mencantumkan nomor telepon Anda. Pada kolom 'Judul
Iklan', Anda bisa memasukkan kata "Telah Hadir Situs Baru …. Nama
homepage Anda ….." Pada pemilihan kategori, pilihlah "Rupa-rupa" karena
kategori yang berhubungan dengan iklan homepage memang tidak ada. Pada
situs yang lain, pengumuman situs baru biasanya bisa dimasukkan kedalam
kategori 'Internet', 'Advertising', 'Announce', 'Pemberitahuan' dan lain
sebagainya. Pada kolom 'Isi Iklan Anda', isilah dengan penjelasan mengenai
homepage Anda secara ringkas tapi jelas. Setelah semuanya diisi dengan
benar, klik tombol "Post This Ad!".
m
Kunjungi situs BiroIklan di http://www.biroiklan.net. Jangan heran jika Anda
malah akan melihat alamat www.IKLAN-INTERNET.com. Mungkin ini
adalah nama baru mereka.
co
Klik link 'click here' untuk mulai memasang iklan.
BC
lu
b.
Setelah itu akan muncul pop-up klarifikasi untuk memastikan bahwa semua yang
Anda masukkan telah sesuai dengan keinginan Anda. Klik "OK" jika
semuanya sudah benar dan klik "Cancel" jika masih ada yang salah.
w.
OK
Gambar 7.1: Salah satu situs penyedia layanan iklan langsung jadi
Gambar 7.2: Form pendafatan iklan di BiroIklan.Net
Gambar 7.3: Tampilan klarifikasi isi iklan di BiroIklan.Net
Anda akan menerima ucapan terima kasih. Dan pada titik ini, proses
pendaftarannya telah selesai!
Untuk melakukan uji coba, klik link 'Back to Main Page' atau ketik ulang alamat
situs www.biroiklan.net. Setelah itu, pada kolom 'CARI', ketik "gratis".
Pada kolom 'KATEGORI', pilih 'Rupa-rupa' dan pada kolom 'JUMLAH
IKLAN DILAYAR', biarkan saja pada angka 10.
Klik tombol "Lihat Iklan!". Maka iklan Anda akan muncul dilayar. Anda dapat
saja mengulanginya untuk memasang iklan pada kategori yang lain agar iklan
Anda bisa ditemukan pada banyak kategori. Misalnya jika isi homepage
Anda berhubungan dengan mobil, maka Anda bisa memasukkannya ke dalam
kategori mobil dst.
ww
Isi form yang ada sesuai iklan yang ingin Anda tayangkan. Isi password
dengan apa saja. Ini akan diperlukan jika ingin melakukan perubahan atau
OKB Club Indonesia – http://www.okbclub.com
247
OKB Club Indonesia – http://www.okbclub.com
248
m
co
7.3 PROMOSI SITUS WEB MELALUI SITUS
PORTAL
b.
Situs Portal tidak sama dengan disitus iklan. Jangkauan situs portal biasanya
lebih luas karena promosi besar-besaran yang mereka lakukan saat peluncuran
pertama dulu, sehingga pada umumnya lebih banyak yang tahu situs-situs portal
seperti www.astaga.com, www.catcha.co.id, www.kemana.com,
www.detik.com
atau
www.satunet.com
dari
pada
situs
www.biroiklan.net.
lu
Gambar 7.4: Setelah daftar, Anda bisa langsung melihat iklan Anda sendiri
Dibawah ini adalah sebagian daftar portal Indonesia yang bisa ditemukan di
internet saat buku ini ditulis. Pada umumnya, mereka menyediakan fasilitas "Add
URL" gratis yang bisa kita gunakan untuk memasukkan/mendaftarkan alamat URL
homepage kita kedalam mesin pencari mereka. Fasilitas inilah yang kita
manfaatkan untuk memasang pengumuman tentang homepage baru kita.
OK
BC
Catat bahwa banyak diantara situs ini berasal dari Indonesia. Dan sebagaimana
halnya situs-situs yang berasal dari Indonesia dengan modal pas-pasan lainnya,
daya tahannya hanya berkisar antara satu atau dua tahun kedepan dan setelah itu
lenyap tak berbekas! Jika Anda menemui alamat-alamat yang sudah tidak bisa
diakses lagi, maka Anda bisa mencari yang lain melalui situs-situs search engine
yang ada (lihat sub bab 7.5).
ww
w.
Gambar 7.5: Tampilan hasil pemasangan iklan di BiroIklan.Net
OKB Club Indonesia – http://www.okbclub.com
17Tahun.com (http://www.17tahun.com/) - Situs portal dewasa Indonesia
yang dikelola secara profesional, berisi cerita, e-mail gratis, forum diskusi
dan chat.
AgroIndo (http://www.agroindo.com/) - Portal agribisnis pertama dan terbesar
di Indonesia. Iklan baris, berita, info, forum, webmail, toko buku, homepage.
Semuanya lengkap, global dan GRATIS!
GiBol.Com (http://id.catcha.com/cgi-bin/l/id.gibol.com) - Portal berita sepak
bola dunia terkini dari detikcom, bolanews dan situs sepak bola populer lain,
update setiap saat, ribuan foto bintang sepak bola, 6 MB e-mail gratis!
Distorsi.com (http://www.distorsi.com/) - Situs portal Info musik, review, email gratis dll.
d-Rex.net (http://d-rex.net/) - One Stop Portal untuk semua keperluan internet
Anda. Berbagai fasilitas seperti chatting room, e-mail gratis, search engine,
dan masih banyak lagi lainya.
249
OKB Club Indonesia – http://www.okbclub.com
250
menarik tentang perkembangan anak, kesehatan keluarga, kelainan jiwa,
narkoba, dsb.
m
Griya2000.com (http://www.griya2000.com/) - Portal properti (perumahan)
pertama di Indonesia, dengan virtual photo. Bila anda mencari hunian
disinilah tempatnya. Bukan hanya jual beli properti ... kunjungi kami untuk
lebih jelasnya.
Jengger.com (http://www.jengger.com/) - Portal Jengger.com - Katalog
website, agenda dan e-mail gratis.
co
Islamic Portal (http://www.hidayatullah.com/) - Hidayatullah.com - Situs
berita dan portal khusus tentang Islam.
Kemana.Com (http://www.kemana.com/) - Go futher!! Paling besar, paling
asyik, paling berguna dan paling menghibur.
Hobbies-Auto (http://www.hobbies-auto.com/) - Hobbies-Auto adalah situs
portal yang memberikan banyak fasilitas kepada semua penggemar automotif,
khususnya anggota klub-klub mobil di Jakarta dan Indonesia. Diantaranya
berupa informasi yang dapat dilakukan dengan searching (bengkel, pusat
penjualan onderdil, emergency, info terbaru dunia otomotif dll), e-mail gratis
dan konsultasi. Salah satu layanan andalannya adalah Tip & Trik perawatan
mobil. Layanan lainnya adalah fasilitas transaksi e-commerce.
b.
Matamata (http://www.matamata.com/) - Situs Portal Matamata.com - E-mail
gratis, shopping dengan informasi dan berita.
Mega-Wedding.com (http://www.mega-wedding.com/) - Portal pernikahan
Indonesia yang menyediakan informasi lengkap mengenai kebutuhan
pernikahan. Disertai dengan berbagai fasilitas menarik & GRATIS.
BC
HomNet (http://www.homnet.org/) - Portal yang berhubungan dengan Tempat
Tinggal yang Nyaman.
MadCodes (http://www.madcodes.com/) - Portal untuk semua informasi
komputer dari hardware sampai programming, bahkan ada juga situs
underground-nya.
lu
IndoProperty (http://www.indoproperty.com/) - Portal properti & multilisting
on-line pertama di Indonesia yang bisa anda dapatkan.... Jual/Beli/Sewa
properti Iklan baris properti gratis sepanjang tahun berita seputar properti di
indonesia dan masih banyak benefit lainnya.
Metrokom (http://www.metrokom.com/) - IT portal pertama, terlengkap dan
terbesar di Indonesia, sumber informasi tentang berita IT, komputer,
hardware, software, Internet. Menyediakan fasilitas e-mail gratis, chat,
bookmark, kalender, agenda dan forum.
Mimbar (http://www.mimbar.com/) - Situs portal jodoh, informasi hiburan,
iklan gratis dan papan diskusi.
IndoMall (http://www.indomall.com/) - Shopping portal yang menyediakan
produk-produk berkualitas atau produk langka yang juga menyediakan
tips/panduan belanja gratis kepada pengunjung. Situs ini telah mendapat
sertifikasi dari Thawte VeriSign untuk menjamin keamanan transaksi secara
online.
Onliner (http://www.on-liner.com/) - Situs gerbang dunia internet berupa
search engine dan direktori.
w.
OK
IndoJustice (http://www.indojustice.com/) - Indojustice adalah Portal Hukum
Indonesia yang disajikan dalam 2 (dua) versi bahasa, yaitu Indonesia dan
Inggris yang ditujukan bagi para Praktisi Hukum (Legal Practice),
Mahasiswa/Pelajar (Student), Masyarakat Umum (Public), dan Dunia Usaha
(Business) dalam rangka informasi dan reformasi hukum yang tengah
diharapkan oleh seluruh rakyat Indonesia yang saat ini meningkat pengetahuan
dan kesadaran hukumnya.
ww
IQ - EQ Interaktif (http://www.iqeq.web.id/) - IQ - EQ Interaktif adalah portal
psikologi, kesehatan serta trend perilaku & gaya hidup yang pertama di
Indonesia. Anda bisa mendapatkan informasi lengkap mengenai psikologi
anak, remaja, keluarga, umum, populer, maupun kesehatan. Situs ini sangat
cocok bagi para mahasiswa, peneliti, dosen, maupun mereka yang peduli
dengan psikologi. Ada juga e-mail gratis, mailing list dan artikel-artikel
OKB Club Indonesia – http://www.okbclub.com
251
MyQuran.Com (http://www.myquran.com/) - Portal Muslim Indonesia dan
Gateway untuk Web Site Islam lainnya.
OnKlik (http://www.onklik.com/) - Portal web khusus untuk pengguna Internet
Indonesia (yg berada di Indonesia atau berasal dari Indonesia).
Oto.co.id (http://www.oto.co.id/) - Portal otomotif Indonesia.
Otogenik (http://www.otogenik.com/) - Portal otomotif yang memberikan
layanan pencarian dan transaksi suku cadang dan asesoris, artikel mobil dan
motor, e-mail gratis, webhosting untuk toko, bengkel dan klub otomotif,
chatting room, personalisasi halaman web dan reminder.
Pelopor.com (http://www.pelopor.com/) - Portal website, Gratis Musik MIDI
Indonesia, Gratis MP3, Gratis e-mail, Gratis info musik, Gratis Kartu
Ucapan.
OKB Club Indonesia – http://www.okbclub.com
252
Pontianak Online (http://www.pontianak-online.com/) - Portal kota
Pontianak, antara lain berita mingguan, direktori e-mail/Url/alamat, informasi
kota, iklan gratis, suvenir, belanja online dsb.
m
7.3.1 Mendaftar Ke Situs Portal Satunet
Sebagaimana dengan cara pendaftaran di situs iklan gratis, mendaftarkan diri di
situs portal juga sangat mudah. Anda tinggal mengunjungi situs portalnya,
mencari link dengan kata-kata seperti "Add URL", "Add Link", "Tambah URL"
atau semacamnya, mengisi beberapa pertanyaan, menekan tombol "OK",
"Tambah" atau "Setuju" dan beberapa detik atau menit kemudian situs Anda
sudah masuk kedalam mesin pencari mereka!
co
Portal Info komputer (http://www.blacksystem.org/) - Portal berisi info
terbaru mengenai komputer dan dunia cyber, juga free e-mail.
PortalAsuransi (http://www.portalasuransi.co.id/) - Portal paling lengkap
khusus di bidang asuransi, meliputi info, berita, dan trend terbaru, direktori
asuransi, kamus istilah asuransi, saran, UU asuransi.
Agar lebih jelas, berikut adalah contoh pendaftaran yang bisa dilakukan di situs
portal Satunet.Com :
Kunjungi situs portal Satunet di alamat http://www.satunet.com.
2.
Masukkan kata apa saja kedalam kolom PENCARIAN (misalnya kata
"homepage"), klik radio button 'Situs' dan setelah itu klik tombol "Cari".
Langkah ini kita lakukan untuk memunculkan link "Tambah URL" karena
dihalaman utama Satunet, link ini tidak ada.
3.
BC
Posmo.Com (http://www.posmo.com/) - Portal aktual 3 bahasa dari Surabaya.
Dilengkapi Bahasa Inggris dan Jepang. Kelompok Oposisi, Grup Jawa Pos.
1.
lu
Sekaligus.com (http://www.sekaligus.com/) - Portal Indonesia terlengkap:
Berita, e-mail 6MB gratis, search engine, iklan baris, kartu ucapan,
download musik MP3, Xdrive 25MB gratis, chatting, dan yang paling seru....
SHOPPING/BELANJA Online!
b.
Semua-Gratis.com (http://www.semua-gratis.com/) - Portal situs gratis
pertama di Indonesia. Iklan baris gratis, direktori, Pengaduan layanan
masyarakat.
ww
w.
OK
Satunet.com (http://www.satunet.com/) - Portal terdahsyat di Indonesia
dengan kecepatan akses yang lumayan.
Beberapa detik kemudian akan muncul semua hal yang berhubungan dengan
kata yang kita cari tadi. Gulung layarnya hingga posisi paling bawah. Anda
akan melihat link "Direktori", "Tambah URL" dan "Ubah URL" di bagian
tengah. Klik link "Tambah URL". Setelah itu akan muncul kolom-kolom isian
yang bisa Anda isi apa saja.
Gambar 7.7: Form pendaftaran untuk memasukkan link ke Satunet.Com
Gambar 7.6: Tampilan Situs Portal Satunet
OKB Club Indonesia – http://www.okbclub.com
253
OKB Club Indonesia – http://www.okbclub.com
254
Beberapa detik kemudian akan muncul tulisan "Data URL Anda telah kami
terima untuk kami Validasi. Terima kasih". Pada titik ini, proses pendaftaran
sudah selesai. Tidak ada yang bisa kita lakukan kecuali menunggu atau
lupakan saja beberapa saat (kadang bisa berjam-jam).
7.
Setelah beberapa jam, coba cek apakah situs Anda telah masuk ke direktori
portal Satunet. Masukkan judul pengumuman yang Anda masukkan pada
langkah 4, klik radio button berlabel 'Situs' dan klik tombol "Cari". Jika
alamat situs Anda telah divalidasi, maka Anda akan melihatnya pada
tampilan yang muncul kemudian.
7.3.2 Mendaftar Ke Situs Portal Catcha.co.id
m
6.
co
Isi kolom 'Deskripsi' dengan penjelasan singkat mengenai homepage Anda.
Sesuaikan dengan isi tag <META
NAME="Description"
CONTENT="........"> yang ada pada halaman utama situs web Anda.
Setelah alamat e-mail juga sudah diisi, klik tombol "Tambah".
b.
5.
lu
Isi kolom 'Title' dengan judul pengumuman yang Anda inginkan. Isi kolom
'URL' dengan alamat homepage Anda. Pilih 'Kategori' dengan kategori yang
sesuai dengan isi situs homepage Anda (Anda bisa memilih satu dari
berpuluh-puluh pilihan yang ada).
Pendaftaran di situs portal Catcha.co.id hampir mirip dengan cara pendaftaran di
Satunet. Berikut adalah tahap-tahap yang harus Anda lakukan untuk mendaftar di
catcha.co.id :
Kunjungi situs portal catcha di alamat http://www.catcha.co.id.
2.
Gulung layar utama hingga posisi paling bawah.
3.
Klik link berlabel "Tambah URL" yang tampak pada menu bar kiri paling
bawah.
4.
Isi kolom-kolom yang ada seperti cara pengisian form di Satunet. Setelah
semua kolom terisi dengan benar, klik tombol "Submit Now".
5.
Beberapa detik kemudian akan muncul ucapan terima kasih dari catcha dan
pernyataan bahwa Anda akan segera dikirimi pemberitahuan melalui e-mail
setelah alamat situs Anda di validasi (gambar 7.8).
6.
Pada titik ini, proses pendaftarannya telah selesai. Anda tinggal menunggu email dari catcha dan .... bereslah semuanya!
ww
w.
OK
1.
OKB Club Indonesia – http://www.okbclub.com
Gambar 7.8: Tampilan setelah pendaftaran link di Catcha.Co.Id selesai
7.4 PROMOSI SITUS WEB MELALUI
PERTUKARAN BANNER
BC
4.
255
Pertukaran banner (banner exchange) atau pertukaran link (link exchange)
adalah salah satu cara promosi gratis yang cukup efektif untuk mempromosikan
situs web. Melalui promosi ini Anda dapat meletakkan banner di sebuah server
untuk disirkulasikan oleh sebuah program. Dengan menggunakan kode-kode
HTML khusus yang diletakkan di halaman-halaman situs web para peserta
promosi ini, banner-banner tersebut akan tampil secara bergantian. Pengunjung
situs web yang mengklik banner tersebut akan diantarkan ke situs web pemilik
banner yang bersangkutan.
Saat ini, ada banyak penyelenggara program pertukaran banner baik dari dalam
maupun luar negeri. Untuk versi internasional, Anda bisa menggunakan
Linkexchange
(http://www.linkexchange.com/),
Linkbuddies
(http://www.linkbuddies.com/), linkopp (http://www.linkopp.com) atau
Smartclicks (http://www.smartclicks.com/). Dan kalau situs Anda berbahasa
Indonesia dan hanya ingin dikunjungi oleh orang-orang Indonesia, Anda bisa
menggunakan salah satu atau salah dua diantara penyelenggara pertukaran banner
Indonesia dibawah ini:
OKB Club Indonesia – http://www.okbclub.com
256
IndoClicks Banner Exchange (http://indoclicks.virtualave.net/ atau
http://www.indoclicks.or.id/) - Layanan banner exchange gratis dengan
banyak fasilitas. Account Name/User-ID bebas. Menerima segala jenis
website. Multi banner. Multi halaman. Instant signup. Banner standar
468x60. Statistik harian. Display ratio 1:1. Technical support. Banner
creator. Banner templates unik. Banner tools. Banner tips. Optimisasi
banner. Mail form generator. Meta tags generator. URL submission.
Newsletter. E-mail account gratis. Web hosting gratis. Webmasters resource
dll.
m
Banner Indonesia (http://www.bannerindonesia.com/) - Layanan pertukaran
banner (banner exchange) antar situs web Indonesia.
co
Buana Musik Indonesia Banner Exchange (http://www.bmi.or.id/) - BMI
Banner Exchange adalah sarana promosi website dengan menggunakan
banner seperti halnya LinkExchange, silakan promosikan website Anda
dengan menjadi member BMI Banner Exchange, Gratis!
CempakaPutih (http://www.cempakaputih.com/) - Sumber terbaik bagi Anda
yang sedang membangun website. Dapatkan lebih dari 350 source code java
& JavaScripts, CGI, script collections, sponsors, banner exchanges, URL
Submissions, guestbooks, counters, trackers, Forum, Form, Message
board, Search engine, Submit, date, time, anti right click, URL redirection,
HTML editors, graphics software, Perl, PHP. Silahkan isi forum dulu dan
semuanya Anda dapatkan secara GRATIS.
b.
7.4.1 Cara Mudah Memiliki Banner
Jika Anda berminat mengikuti program pertukaran banner, syarat utama dan
mutlak yang harus Anda penuhi adalah bahwa Anda harus sudah memiliki banner
sendiri!
BC
Adplacer2000 (http://adplacer2000.hypermart.net/ads/ad-make.html) - Lebih
baik dari banner exchange manapun. Anda akan mendapatkan link ke website
anda yang ada di ribuan situs lain. Dan yang paling penting tidak ada banner
exchange lain yang memberikan kesempatan bagi anda untuk mendapatkan
ribuan Dollar sementara Anda mengiklankan produk atau jasa anda!
Terkenal (http://www.terkenal.com/) - Inilah wadah yang memungkinkan anda
untuk saling bertukar banner dan mempromosikan situs anda secara gratis.
Tukar menukar banner, sarana promosi/iklan gratis di internet.
lu
Indonesia ISP (http://www.infoasia.net.id/) - InfoAsia Online adalah ISP
salah satu di Indonesia yang menyediakan jasa koneksi ke internet dengan
kapasitas kecepatan 8 MB, menyediakan iklan gratis bagi para netter, dan
pertukaran banner bagi website-website bisnis.
linkopp (http://www.linkopp.com/member/sn2823.htm) - Situs yang mengajak
kita untuk bergabung bersama linkoop banner.
OK
DRec Banner Exchange (http://www.drec.net/banner/) - Sarana Untuk
Publikasi Situs Web Anda.
Emely.Net Banner Exchange (http://banner.emely.net/) - Emely.Net,
penyedia jasa pertukaran banner di antara situs web Indonesia. Statistik
lengkap, mudah, keamanan terjamin, kecepatan bagus.
ww
w.
IndoBanner
(http://indobanner.internet.co.id
atau
http://www.indobanner.co.id) Layanan pertukaran banner independen
pertama Indonesia dan merupakan hasil karya serta sumbangsih sekelompok
kawula muda Indonesia bagi dunia Internet Indonesia. Layanan ini GRATIS.
Jika Anda memiliki situs web dan ingin mendapatkan web advertising
GRATIS, gunakan layanan ini. Layanan IndoBanner Exchange merupakan
layanan gratis yang diberikan kepada pemilik website pribadi, organisasi
nirlaba serta website yang menurut penilaian dapat diikutkan dalam layanan
IndoBanner Exchange.
OKB Club Indonesia – http://www.okbclub.com
257
Banner berupa gambar statis atau animasi bisa dibuat dengan berbagai macam
editor grafik seperti Paint Shop Pro, Adobe Photo Shop atau program khusus
pembuat banner (banner creator) seperti yang ada di IndoClicks
(http://www.indoclicks.or.id). Disitus ini Anda juga bisa menemukan banyak
banner template yang unik-unik.
Jika Anda tidak mau repot, Anda bisa meminta orang lain membuatkannya untuk
Anda. Saat ini, ada beberapa situs yang menyediakan layanan pembuatan banner
gratis untuk Anda. Yang perlu Anda lakukan hanyalah mengisi formulir atau
mengisi buku tamu dan menjelaskan spesifikasi homepage Anda. Berikut adalah
beberapa diantaranya:
Free Banner
(http://www.geocities.com/FashionAvenue/salon/3791/index.html) - Anda
dapat memesan banner pada situs ini gratis. Cukup dengan memberikan
spesifikasinya dan mereka akan membuatnya dengan sangat bagus (katanya).
OKB Club Indonesia – http://www.okbclub.com
258
Untuk mendapatkan kredit, setiap 2 banner anggota lain ditampilkan di situa
Anda, Anda akan mendapat 1 kredit yang bisa digunakan untuk menampilkan
banner Anda 1 kali di situs anggota yang lain. Statistik jumlah kredit dan klik
yang anda dapat bisa diakses melalui ruang anggota.
m
Animasi Gratis Untuk Web (http://www.geocities.com/alfin70) – Anda ingin
dibuatkan banner atau animasi graphics gratis? Silahkan isi buku tamu di
situs ini dan kirim e-mail pada pengelolanya!
BOON Design (http://www.internetdiva.com/boon) - Jasa layanan pembuatan
gambar gratis bagi mereka yang ingin memiliki homepage sendiri.
7.4.2 Mendaftar ke BannerIndonesia.com
Pendaftaran ke situs penyedia program pertukaran banner umumnya cukup
mudah. Pada sub bab ini, kita akan mencoba mendaftarkan diri ke
BannerIndonesia, sebuah layanan pertukaran banner antar situs yang berorientasi
bagi komunitas netter indonesia.
b.
Kunjungi situs Banner Indonesia di http://www.bannerindonesia.com.
Klik link 'Gabung Sekarang' atau 'mendaftar'.
Baca syarat dan peraturan yang ditampilkan. Jika sudah selesai, klik tombol
"Saya Setuju. Daftarkan Sekarang" (gambar 7.9).
Berikutnya akan ditampilkan form pengisian nama account dan kode
password yang akan diperlukan nanti saat kita ingin mengedit data, mengirim
banner, melihat statistik dll. Isilah dengan Nama dan Password yang Anda
inginkan dan klik tombol "Cek Untuk Proses Selanjutnya".
Jika nama yang Anda masukkan belum ada yang menggunakan, sebentar
kemudian akan muncul form isian yang berhubungan dengan account Anda.
Beberapa kolom yang harus diisi adalah Nama, Alamat e-mail, Alamat Situs
Anda, kategori dimana banner Anda ingin dimunculkan (anak, khusus,
umum) dan kategori situs Anda sendiri. Setelah semuanya diisi, klik tombol
"Tambah/Ubah Account".
lu
4.
5.
w.
OK
BC
Segera setelah Anda mendaftar menjadi anggota BannerIndonesia.com dan
menyisipkan kode HTML unik yang diberikan khusus untuk Anda pada halaman
web Anda, maka software BannerIndonesia.com akan merotasi banner banner
milik situs para anggota lainnya melalui kode HTML tersebut. Demikian juga
dengan para anggota yang lain, sehingga semua anggota yang telah mendapat
kredit akan mendapat kesempatan banner situs yang bersangkutan
dirotasikan/dipromosikan secara gratis.
1.
2.
3.
co
Berikut adalah langkah-langkah yang diperlukan untuk mendaftar ke situs
BannerIndonesia. Sebelum melakukan pendaftaran ini, pastikan bahwa Anda
telah memiliki homepage yang telah aktif dan memiliki file gambar banner
sendiri (gif atau jpg) dengan ukuran 468x60 pixel dam ukuran file tidak lebih
dari 10 KB :
ww
Gambar 7.9: Baca peraturannya dengan baik sebelum mendaftar
OKB Club Indonesia – http://www.okbclub.com
Gambar 7.10: Form pendaftaran di BannerIndonesia.Com
259
OKB Club Indonesia – http://www.okbclub.com
260
m
b.
OK
BC
<!-- Begin Banner Indonesia Network Code -->
<P><CENTER><IFRAME SRC="http://members.bannerindonesia.com/
umum.cgi?iframe;member=serba-gratis" MARGINWIDTH=0
MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO
WIDTH=468 HEIGHT=60><SCRIPT LANGUAGE="JavaScript"><!-random = parseInt(Math.random()*1000) banner = '<A
HREF="http://members. bannerindonesia.com/umum.cgi?
member=serba-gratis;banner=NonSSI; ' banner += 'page=' +
random + '" TARGET="_blank">'; banner += '<IMG
SRC="http://members.bannerindonesia.com/umum.cgi?member=
serba-gratis;' banner += 'page=' + random + '" WIDTH=468
HEIGHT=60' banner += ' ALT="Banner Indonesia Network"
BORDER=0></A>' document.write(banner) // --></SCRIPT>
<NOSCRIPT><A
HREF="http://members.bannerindonesia.com/umum.cgi?
member=serba-gratis;banner=NonSSI;page=01"
TARGET="_blank"><IMG
SRC="http://members.bannerindonesia.com/umum.cgi?member=serb
a-gratis;page=01" WIDTH=468 HEIGHT=60 ALT="Banner Indonesia
Network" BORDER=0></A></NOSCRIPT></IFRAME><BR><A
HREF="http://www.bannerindonesia.com/" TARGET="_blank"><IMG
SRC="http://members.bannerindonesia.com/bar.gif" WIDTH=468
HEIGHT=15 ALT="Banner Indonesia Network"
BORDER=0></A></CENTER>
<!-- End Banner Indonesia Network Code -->
co
Setelah itu akan ditampilkan status account Anda saat ini. Didalamnya juga
terdapat statistik dan pesan "(Account ini masih menunggu persetujuan
pengawas Banner Indonesia.)" yang berarti bahwa meski sudah terdaftar,
tetapi account Anda masih belum aktif. Sambil menunggu persetujuan yang
akan diberitahukan melalui e-mail, Anda bisa mulai menyalin kode-kode
HTML yang harus Anda sisipkan pada halaman web Anda (kode juga akan
dikirim melalui e-mail). Kode-kode HTML itu akan tampak seperti berikut
(memang agak rumit, tetapi Anda tidak perlu pusing memikirkannya, yang
Anda perlukan hanyalah melakukan "Copy & Paste" saja) :
lu
6.
rotasikan ke anggota-anggota yang lain sesuai dengan kredit yang Anda
dapatkan.
Selain melakukan "Copy & Paste" untuk menyisipkan kode HTML, Anda
juga dapat melakukan upload banner. Gulung layar status account sampai
bawah, kemudian klik tombol "Edit Account Anda".
8.
Pada tampilan yang muncul kemudian, gulung layar sampai bawah. Klik
tombol "Browse" untuk mencari file banner Anda di HardDisk dan klik
"Upload Banner" (gambar 7.11).
9.
Pada titik ini, proses pendaftaran ke BannerIndonesia sudah selesai. Anda
tinggal meng-upload halaman web Anda yang telah disisipi kode-kode
HTML diatas ke server sehingga sambil menunggu pemberitahuan
persetujuan, Anda bisa mulai mengumpulkan kredit. Nanti setelah mendapat
persetujuan melalui e-mail, pada saat itu juga banner Anda akan mulai di
ww
w.
7.
OKB Club Indonesia – http://www.okbclub.com
261
Gambar 7.11: Proses upload banner yang ingin dipertukarkan melalui
BannerIndonesia.Com
7.5 MEMANFAATKAN SEARCH ENGINE
Untuk mendapatkan hit rate pengunjung yang tinggi, semua upaya promosi situs
web harus gencar dilakukan. Selain dengan cara-cara yang telah dijelaskan
diatas, cara lain yang juga sangat efektif adalah dengan mendaftarkannya ke
mesin-mesin pencari (search engine) baik lokal, seperti Search Indonesia
(http://www.searchindonesia.com) atau Betawi Net (http://cikini.betawi.net/)
maupun internasional seperti yahoo, altavista atau infoseek.
7.5.1 Memburu Search Engine
Pada saat buku ini ditulis, di internet diperkirakan ada lebih dari 2500 search
engine yang sebagian besar diantaranya mengijinkan kita untuk memasukkan URL
baru kedalamnya. Berikut adalah sebagian kecil diantaranya. Jika masih kurang,
Anda bisa mengunjungi salah satunya dan memasukkan kata "search engine"
sebagai kata kunci pencarian :
OKB Club Indonesia – http://www.okbclub.com
262
m
b.
lu
BC
searchindonesia.com
searchindonesia.net
OK
OKB Club Indonesia – http://www.okbclub.com
http://www.nationaldirectory.com/cgi-bin/addurl
http://www.nerdworld.com/nwadd.html
http://www.erspros.com/net-announce/content.phtml
http://www.netbreach.com/addurl/
http://netfind.aol.com/add.adp
http://www.netgl.com/netglance/link.html
http://198.80.94.66/cgi-bin/search.pl?AddSite=prompt
http://www.northernlight.com/docs/regurl_help.html
http://www.pandawa.com/arjuna/add.cgi
http://www.peekaboo.net/index1.html
http://www.projectcool.com/sightings/submit.html
http://www.powercrawler.com/addurl.cfm
http://www.planetsearch.com/?a=19&flags=3&count=10
http://profusion.com/users/sitesee.html
http://www.thrall.org/proteus/urlsub.htm
http://www.puresearch.com/addasite.html
http://www.scrubtheweb.com/addurl.html
http://seaquest.kusza.edu.my/cgi-bin/add.cgi
http://www.searchhound.com/Pages/submit.htm
http://www.searchking.com/add.htm
http://www.searchspot.com/info/suggest_site.htm
http://url.searchuk.com/
http://207.153.207.5/cgi-bin/links/add.cgi
http://207.153.241.40/cgi-bin/silinks/add.cgi
http://www.searching4u.com/links/links.htm
http://www.siteshack.com/submit.htm
http://www.spiderhog.com/addurl.htm
http://www.splatsearch.com/submit.html
http://www.ro.com/ShopInternet/submit.html
http://supersnooper.com/AddURL.htm
http://www.surfgopher.com/addurl.htm
http://www.teledom.net/add.shtml
http://www.voila.com/Info/addsite.html
http://www.websearch2k.com/cgi-bin/search/search.pl
http://www.webcrawler.com/Help/GetListed/AddURLS.html
http://wmn.linkopp.net/cgi-bin/add.cgi
co
http://www.theadnet.com/
http://www.ah-ha.com/addurl/
http://www.alldeal.com/add_site/
http://www.altavista.com/cgi-bin/query?pg=addurl
http://www.arkesini.com/links/links.htm
http://www.anzwers.com/cgi-bin/print_addurl.pl?
http://search.asiaco.com/cgi-bin/addurl.cgi
http://www.asiannet.com/joinus.html
http://expatsinasia.safeshopper.com/
http://www.batavianet.co.id/addurl.html
http://www.canada.com/search/web/addurl.asp
http://exim.access.net.id/irwan/websearch/add-url.html
http://www.claymont.com/cgi-bin/addurlsform.pl
http://www.crawler.com/
http://www.dewa.com/submit/
http://www.directhit.com/util/addurl.html
http://dmoz.org/add.html
http://donhey.hypermart.net/algemeen/inschr.htm
http://www.euroferret.com/addurl.html
http://www.excite.com/info/add_url.html
http://users.cgiforme.com/findit/addurl.html
http://www.funky-cat.com/webmasters.asp
http://www.god.co.uk/add.htm
http://www.go.com/AddUrl?&pg=SubmitUrl.html
http://www.go2net.com/help/faq/add-url.html
http://www.google.com/addurl.html
http://www.gottabounce.com/cgi-bin/links/add.cgi
http://www.hotbot.com/addurl.asp
http://www.indocenter.co.id/add.html
http://www.indoseek.co.id/add.html
http://www.infotiger.com/addurl.html
http://www.infohiway.com/isn/addurl.html
http://infoseek.go.com/AddUrl?pg=SubmitUrl.html
http://www.lycos.com/addasite.html
http://magellan.excite.com/info/add_url/
http://webfarm.mediaplex.com/click_thru_request/206-1306-1227
http://search.msn.com/addurl.asp
http://www.mugomilk.freeserve.co.uk/html/addsite.html
w.
Adnet
Ah-ha
Alldeal
AltaVista
arkesini
Anzwers
Asiaco
asiannet
Asia Search
Batavianet
canada.com
Cihuy
Claymont
Crawler
Dewa
Direct Hit
DMOZ
Donhey
Euroferret
Excite
Findit
Funkycat
G.O.D
Go
Go2Net
Google
GottaBounce
HotBot
Indo Center
Indoseek
Info Tiger
Infohiway
Infoseek
Lycos
Magellan
Mamma
MSN.com
Mugomilk
ALAMAT UNTUK MENDAFTARKAN
URL
ww
SEARCH
ENGINE
National Directory
Nerd World
Net Announce!
NetBreach
Netfind.aol.com
NetGL
NetSearch
Northern Light
Pandawa
peekaboo
projectcool
Power Crawler
Planet Search
Profusion
Proteus
PureSearch
Scrub The Web
Seaquest
Search Hound
Search King
Search Spot
Search UK
263
Searching 4U
Site@shack
Spider Hog
Splat
ShopInternet
Super Snooper
Surfgopher
Teledom
Voila
Web2Search
WebCrawler
Webmaster
Network
Whatuseek
World Light
Yahoo
Youth of America
http://www.whatuseek.com/noshock/addurl-tableset.shtml
http://www.worldlight.com/addsite.html
http://www.yahoo.com/info/suggest/
http://youthofamerica.org/webchain/addurl.htm
OKB Club Indonesia – http://www.okbclub.com
264
Ada beberapa cara untuk melakukan pendaftaran URL ke search engine,
misalnya dengan mengunjunginya satu persatu dan melakukan pendaftaran satu
persatu. Cara ini memang membutuhkan kesabaran yang lumayan. Untungnya, ada
cara lain yang lebih efektif, yaitu dengan mengunjungi situs-situs tertentu yang
sekaligus akan mendaftarkan kita pada beberapa search engine sekaligus, seperti
Submit-It misalnya. Atau menggunakan fasilitas khusus yang ditawarkan oleh
suatu situs tertentu seperti IndoBanner.
- http://www.altavista.digital.com/
- http://comfind.com/
- http://www.excite.com/
- http://www.hotbot.com/
- http://www.infoseek.com/
- http://www.lycos.com/
- http://home.netscape.com/
- http://www.northernlight.com/
- http://www.planetsearch.com/
- http://www.pronet.ca/
- http://theyellowpages.com/
WebCrawler
- http://www.webcrawler.com/
w.
4.
Kunjungi situs Register-It di http://www.register-it.com/.
Klik link '!Register-It!' yang berada dibawah label "Services".
Anda akan masuk ke tampilan 'Web Site Garage Sign In'. Klik tombol "Join".
Setelah itu akan muncul formulir NetCenter Registration. Isilah formulir
pendaftaran dengan lengkap dan klik tombol "Next".
Jika semua isian Anda benar, Anda akan mendapat alamat e-mail baru
dengan alamat [email protected]. Jika ada yang salah Anda
harus mengulanginya lagi pada bagian yang salah tersebut.
ww
1.
2.
3.
co
b.
Gambar 7.12: Tampilan situs Register-It.Com
OK
Alta Vista
ComFind
Excite
Hotbot
Infoseek
Lycos
Netscape Search
Northern Light
Planet Search
Pronet
The YellowPages
BC
Pada sub bab ini, kita akan mencoba mendaftar ke Submit-It, sebuah layanan
gratis yang akan mendaftarkan situs homepage kita ke 12 search engine besar
sekaligus. Ke-12 situs search engine itu adalah :
lu
Jika Anda mendaftar ke IndoBanner (http://www.indobanner.co.id), Anda akan
diberi hak akses ke "website promotion tools" mereka. Dengan tool ini Anda
akan dapat mendaftarkan situs web Anda ke search engine/internet directory
nasional, mendaftarkan situs web Anda ke search engine/internet directory
internasional dan juga dapat memeriksa posisi situs web Anda di search engine
utama internet.
6.
Klik tombol "Next". Setelah itu akan muncul tampilan pintu masuk ke Web
Site Garage. Karena kita belum terdaftar, klik link berlabel 'Click here'
dibelakang teks "If you do not have a Web Site Garage account...".
Pada tampilan "A Web Site Garage account for ...... has been created. " Klik
tombol "Next". Anda akan masuk ke ruang pendaftaran ke 12 search engine
yang sesungguhnya.
m
5.
7.5.2 Mendaftar ke 12 Search Engine Besar di Internet
OKB Club Indonesia – http://www.okbclub.com
265
Gambar 7-13: Form pendaftaran ke 12 Search Engine sekaligus
OKB Club Indonesia – http://www.okbclub.com
266
Isilah data-data mengenai situs homepage Anda dengan sebaik-baiknya,
karena ini akan menentukan hasil pencarian situs Anda saat di 'search'
dengan ke 12 search engine diatas. Hal-hal yang perlu Anda perhatikan
lebih seksama adalah pada bagian nama situs, keterangan
singkat/keterangan panjang, keyword-nya, nama 'contact personnya' dan
semua hal yang menjelaskan tentang homepage Anda. Register-It juga
menyediakan counter gratis yang mereka sebut Hitometer. Jika Anda
berminat, klik check box dibawah kelompok "Special Offer", disamping teks
"Click here to get a FREE Hitometer with your Registration". Setelah
semuanya diisi dengan benar, klik tombol "Next" dan akan muncul tampilan
seperti tampak pada gambar 7.14.
b.
co
m
...............
<!-- BEGIN HITOMETER TAG VERSION 2 -->
<A HREF="http://hitometer.netscape.com">
<script language="JavaScript1.1"><!-d=document;c='<img WIDTH=115 HEIGHT=22 border=0 '+
'src="http://i89.netscape.com/c.cgi?A4636789$3673773$';
if(parseFloat(navigator.appVersion)>=4){x='x';s=screen;
c+=s.width+x+s.height+x+s.pixelDepth+x+s.colorDepth;}
d.writeln(c+'$'+d.referrer+'"></A>'); // -->
</script><noscript><img WIDTH=115 HEIGHT=22 border=0
src="http://i89.netscape.com/c.cgi?B4636789$3673773"
alt="Hitometer"></A></noscript>
<!-- END HITOMETER TAG ( WWW.HITOMETER.COM ) -->
...............
...............
</BODY>
</HTML>
BC
lu
7.
w.
9.
Jika pada langkah 7 diatas Anda mengklik penawaran Hitometer, maka
setelah Anda menekan tombol "Next", akan keluar opsi dimana Anda harus
memilih tipe counter dan angka awal counter-nya. Klik tombol "Next", lalu
klik tombol "Next" lagi pada tampilan berikutnya.
Beberapa saat kemudian akan muncul sederet kode HTML yang harus Anda
sisipkan pada halaman web Anda untuk menampilkan counter. Kode-kode
itu akan tampak seperti berikut (catat bahwa Anda akan mendapat kode
sendiri setelah mendaftar) :
<HTML>
<HEAD>
<TITLE> title of your page </TITLE>
</HEAD>
<BODY>
...............
ww
8.
OK
Gambar 7.14: Tampilan setelah pendaftaran di Register-It selesai
OKB Club Indonesia – http://www.okbclub.com
Gambar 7.15: Counter gratis yang disediakan saat mendaftar di Regiser-It
10. Klik "Exit" jika telah selesai. Pada titik ini, proses registrasinya telah
selesai. Situs Anda telah didaftarkan pada 12 search engine besar di
Internet! Tetapi untuk melihat hasilnya, Anda harus menunggu dari beberapa
jam hingga beberapa hari kemudian karena proses pemasukan data ke
database search engine besar yang berisi puluhan juta entry memang lama.
11. Setelah beberapa hari, Anda dapat melakukan verifikasi terhadap mesinmesin pencari yang didaftari dengan cara login ke register-it dan masuk ke
bagian 'member service'.
267
OKB Club Indonesia – http://www.okbclub.com
268
m
orang
lain,
bagaimana
memperoleh
nama
“http://www.terserah_anda.com" gratis dan lain sebagainya.
BAB 8
co
8.1 MEMPERPENDEK ALAMAT SITUS WEB
b.
Beberapa situs penyedia homepage gratis memang menyediakan alamat
homepage yang mudah diingat dan unik, misalnya http://ita.sokimut.com atau
http://nanang.malasmandi.com. Akan tetapi bagaimana kalau Anda terlanjur
memiliki
alamat
homepage
yang
sangat
panjang
seperti
"http://www.geocities.com/ResearchTriangle/6018/index.html" misalnya?
lu
Jangan khawatir, Anda bisa memanfaatkan layanan gratis untuk memperpendek
penyebutan alamat homepage diatas dengan apa yang disebut URL redirection.
Dengan URL redirection, alamat homepage Anda akan menjadi jauh lebih
pendek dan mudah diingat misalnya menjadi "http://come.to/serba-gratis" atau
"http://gratis.isfun.net". Selain itu, jika sewaktu-waktu homepage Anda down
atau lebih parah lagi, keanggotaan Anda dicabut, Anda tinggal mengganti tujuan
direction-nya saja ke alamat homepage Anda yang lain. Sehingga dari sisi
pengunjung, tidak tampak terjadi apa-apa di homepage Anda!
BC
LANGKAH BONUS:
TIP & TRIK - MENGGALI
FASILITAS GRATIS DAN
PROFIT SEBANYAKBANYAKNYA DARI
INTERNET !
domain
Untuk bisa memanfaatkan URL redirection, yang perlu Anda lakukan hanyalah
mendaftar disalah satu penyedia layanan redirection dan pada saat itu juga
alamat homepage Anda akan bisa diakses dengan cara yang lebih mudah!
Pendaftaran ke layanan redirection umumnya sangat mudah dan bisa dilakukan
dalam waktu kurang dari 3 menit!
OK
Seiring dengan banyaknya ide dan kreatifitas yang bisa diangkut ke internet,
maka hampir semua hal bisa kita arahkan untuk mendapatkan keuntungan darinya.
Setelah berhasil menyelesaikan dan mempraktekkan langkah 1 hingga langkah 7
buku panduan ini, sesungguhnya Anda telah menyelesaikan sebuah karya besar
yang mungkin bisa merubah hidup Anda. Pengetahuan dan pengalaman yang Anda
dapatkan sudah bisa digunakan sebagai modal kerja yang lebih dari cukup. Anda
tinggal menumpahkan semua ide dan kreatifitas Anda untuk ikut bergabung
mengeruk keuntungan yang berlimpah dari dunia internet.
ww
w.
Bab ini atau langkah bonus ini hanyalah tambahan, tidak harus Anda jadikan
kewajiban untuk menyelesaikannya. Akan tetapi jika Anda mau menyempatkan
diri untuk membacanya, maka banyak hal akan Anda peroleh sebagai bekal
menjadi WebMaster, bukan sekedar WebDesainer! Anda akan mendapatkan
banyak trik untuk memberdayakan internet lebih banyak lagi. Misalnya,
bagaimana menggunakan situs web untuk mendapatkan uang, bagaimana cara
menyingkat alamat situs web gratis Anda, bagaimana menghilangkan iklan banner
yang tidak diinginkan, bagaimana memproteksi file html agar tidak bisa dilihat
OKB Club Indonesia – http://www.okbclub.com
269
Berikut adalah sebagian penyedia layanan URL redirection yang bisa Anda
manfaatkan :
cjb.net (http://www.cjb.net/) – Menyediakan URL redirection dengan nama
"http://terserah_anda.cjb.net". CJB.net adalah layanan URL redirection
tanpa iklan. Selain CJB.net, situs penyedia URL redirection tanpa iklan
lainnya adalah iods (http://www.ods.org/), eu (http://www.eu.org/),
hpage (http://hpage.net/), w56 (http://w56.org/) dan da.ru
(http://da.ru/)
Easy.to Remember (http://easy.to/REMEMBER/) - Menyediakan URL
redirection
dengan
nama
"http://easy.to/terserah_anda",
"http://i.am/terserah_anda",
"http://hello.to/terserah_anda",
"http://hey.to/terserah_anda",
"http://pagina.de/terserah_anda",
"http://w3.to/terserah_anda" dan "http://messages.to/terserah_anda"
OKB Club Indonesia – http://www.okbclub.com
270
connect.quick.to, connect.just.to, connect.easier.to, connect.across.to,
connect.swiftly.to, connect.easily.to, connect.quicker.to, connect.safely.to,
connect.securely.to, proceed.quick.to, proceed.just.to, proceed.easier.to,
proceed.across.to, proceed.swiftly.to, proceed.easily.to, proceed.quicker.to,
proceed.safely.to atau proceed.securely.to
m
Click-on.to (http://click-on.to/) - Menyediakan URL redirection dengan nama
"http://click-on.to/terserah_anda"
co
Cruzin.To (http://www.cruzin.to/) – Menyediakan URL redirection dengan
nama "http://cruzin.to/terserah_anda serta layanan alamat email dengan
nama "[email protected]"
isCool (http://iscool.net/) – Menyediakan URL redirection dengan nama
"http://terserah_anda.isCool.net",
"http://terserah_anda.areCool.net",
"http://terserah_anda.isFun.net",
"http://terserah_anda.areFun.net",
"http://terserah_anda.isAwesome.net", "http://terserah_anda.tux.nu" atau
"http://terserah_anda.areAwesome.net"
Come.to (http://come.to/) – Menyediakan URL redirection dengan nama
"http://come.to/terserah_anda"
b.
Direct.at (http://www.direct.at/) – Menyediakan URL redirection dengan nama
"http://direct.at/terserah_anda"
Monolith (http://www.ml.org/) - Menyediakan URL redirection dengan nama
"http://terserah_anda.home.ml.org"
Gonow.to (http://gonow.to/) - Menyediakan URL redirection dengan nama
"http://gonow.to/terserah_anda"
Rsl.net (http://www.rsl.net/) - Menyediakan URL redirection dengan nama
"http://rsl.net/terserah_anda"
TheGovernment.com (http://www.thegovernment.com/) - Menyediakan URL
redirection
dengan
nama
"http://dial.to/terserah_anda"
atau
"http://terserah_anda.dial.to". Selain itu juga menyediakan statistik situs web
lengkap. Selain dial.to, TheGovernment juga menyediakan banyak nama
domain lain, yaitu: reflect.to, falling.to, flap.to, okey.to, yeah.to, arise.to,
glance.to, dial.to, bike.to, tumble.to, jolt.to, scout.to, leaping.to, honk.to,
spank.to, offer.to, movie.am, gifts.am, city.am, sell.am, buy.am, help.am,
games.am, welcome.as, born.as, clever.as, lovely.as, brave.as, smooth.as,
hip.as, funny.as, cheerful.as, happy.as, playful.as, drive.as, powerful.as,
sing.as, jump.as, play.as, noble.as, rap.as, dark.as, cold.as, warm.as,
gentle.as, heroic.as, pure.as, blackuniverse.com, crazydude.com, cyberdude.com, darkhole.com, electrocuted.com, fbiagent.com, game-genie.com,
lastsale.com, lostland.com, mreinstein.com, mrlover.com, punched.com,
stupids.com, taxhater.com, thedreamer.com, thegovernment.com atau
thespaceship.com
ww
w.
OK
BC
InternetJump (http://www.internetjump.com/) - Menyediakan URL
redirection dengan nama "http://go.quick.to/terserah_anda" dan banyak
pilihan lain (ada 126 nama), yaitu go.just.to, go.easier.to, go.across.to,
go.swiftly.to, go.easily.to, go.quicker.to, go.safely.to, go.securely.to,
jump.quick.to, jump.just.to, jump.easier.to, jump.across.to, jump.swiftly.to,
jump.easily.to, jump.quicker.to, jump.safely.to, jump.securely, come.quick.to,
come.just.to, come.easier.to, come.across.to, come.swiftly.to, come.easily.to,
come.quicker.to, come.safely.to, come.securely.to, surf.quick.to, surf.just.to,
surf.easier.to, surf.across.to, surf.swiftly.to, surf.easily.to, surf.quicker.to,
surf.safely.to, surf.securely.to, move.quick.to, move.just.to, move.easier.to,
move.across.to,
move.swiftly.to,
move.easily.to,
move.quicker.to,
move.safely.to, move.securely.to, link.quick.to, link.just.to, link.easier.to,
link.across.to, link.swiftly.to, link.easily.to, link.quicker.to, link.safely.to,
link.securely.to, pass.quick.to, pass.just.to, pass.easier.to, pass.across.to,
pass.swiftly.to,
pass.easily.to,
pass.quicker.to,
pass.safely.to,
pass.securely.to, skip.quick.to, skip.just.to, skip.easier.to, skip.across.to,
skip.swiftly.to, skip.easily.to, skip.quicker.to, skip.safely.to, skip.securely.to,
hop.quick.to, hop.just.to, hop.easier.to, hop.across.to, hop.swiftly.to,
hop.easily.to, hop.quicker.to, hop.safely.to, hop.securely.to, zoom.quick.to,
zoom.just.to, zoom.easier.to, zoom.across.to, zoom.swiftly.to, zoom.easily.to,
zoom.quicker.to,
zoom.safely.to,
zoom.securely.to,
warp.quick.to,
warp.just.to, warp.easier.to, warp.across.to, warp.swiftly.to, warp.easily.to,
warp.quicker.to,
warp.safely.to,
warp.securely.to,
browse.quick.to,
browse.just.to, browse.easier.to, browse.across.to, browse.swiftly.to,
browse.easily.to, browse.quicker.to, browse.safely.to, browse.securely.to,
My URL (http://www.online-xs.com/myurl/index.htm) - Menyediakan URL
redirection dengan nama "http://terserah_anda.online-xs.com"
lu
Explode.to (http://explode.to/) – Menyediakan URL redirection dengan nama
"http://explode.to/terserah_anda"
OKB Club Indonesia – http://www.okbclub.com
271
There.is (http://there.is/) – Menyediakan URL redirection dengan nama
"http://there.is/terserah_anda"
V3 (http://www.v3.com/) - Menyediakan URL redirection dengan nama
"http://go.to/terserah_anda" dan alamat e-mail "[email protected]".
Selain itu, Anda juga bisa memilih nama lain seperti on.to, get.to, run.to,
fly.to, come.to, move.to, surf.to, welcome.to, page.to, change.to, switch.to,
OKB Club Indonesia – http://www.okbclub.com
272
return.to, way.to, got.to, stop.to, sail.to, escape.to, learn.to, fun.to, remember.to,
up.to, thrill.to, resourcez.com, latest-info.com, radpages.com, sportsreports.com,
iMegastores.com,
andmuchmore.com,
web-freebies.com,
webdare.com, veryweird.com, tophonors.com, fornovices.com, webalias.com,
myprivateidaho.com, moviefever.com, mp3-archives.com. Juga menyediakan
redirection untuk situs khusus dewasa seperti hottestpix.com, xxx-posed.com
dan uncutuncensored.com
co
m
scroll.to, window.to, browse.to, redirect.to, back.to, forward.to, walk.to,
travel.to, transfer.to, connect.to, dive.to, bowl.to, jump.to, drop.to, drive.to,
board.to, listen.to, zap.to, fade.to, talk.to, how.to, turn.to, quickly.to,
bounce.to, hop.to, kiss.to, zip.to, bite.to, drink.to, crash.to, snap.to, skip.to,
fullspeed.to, i.am, easy.to, flying.to, hello.to, hey.to, messages.to,
vacations.to, w3.to, warp9.to, beam.at, been.at, start.at, direct.at, all.at,
getit.at, more.at, break.at, mine.at, everything.at, yours.at, top.ms, seite.ms,
privat.ms, hp.ms, germany.ms, fun.ms, fanclub.ms, chip.ms, gameday.de,
playsite.de, virtualpage.de, mediasite.de, megapage.de, firstpage.de,
mysite.de, videopage.de, musicpage.de, hard-ware.de, soft-ware.de, tip.nu,
notrix.at, notrix.ch, notrix.net, notrix.de, pagina.de, mypage.org,
rulestheweb.com, nav.to atau shortcut.to
b.
Zooming.to (http://www.zooming.to/) – Menyediakan URL redirection dengan
nama "http://zooming.to/terserah_anda" plus statistik.
8.2 MELENYAPKAN IKLAN DARI SITUS WEB
GRATIS
OK
BC
lu
Salah satu hal yang tidak menyenangkan dari sebagian besar penyedia layanan
situs web gratis adalah munculnya iklan-iklan yang secara otomatis disisipkan
saat homepage kita dibuka. Ini jelas mengganggu, membuat tampilan homepage
menjadi kurang profesional dan terutama memperlambat akses. Tidak ada cara
lain yang bisa dilakukan untuk melenyapkan iklan-iklan ini kecuali dengan trik
khusus.
Trik ini mengharuskan Anda untuk memahami html lebih baik. Karena itu
sebaiknya Anda mempelajari langkah ke-3 hingga tuntas. Jika Anda hanya belajar
membuat homepage dengan html editor jenis WYSIWYG saja, implementasi trik
ini kemungkinan besar akan membuat Anda bingung. Ini terjadi karena trik ini
melibatkan kode-kode "tidak normal" yang selalu akan dibuat "normal" kembali
secara otomatis oleh editor WYSIWYG (What You See Is What You Get) seperti
FrontPage98/2000 atau Adobe PageMill misalnya. Akan tetapi bagi Anda yang
terbiasa mendesain homepage menggunakan editor html biasa seperti HomeSite,
1st Page2000 atau bahkan Notepad, implementasi trik ini sangat mudah
diterapkan.
w.
Gambar 8.1: Penyedia layanan URL-Redirection V3
8.2.1 Mengapa iklan perlu dilenyapkan?
Ada banyak alasan mengapa kita ingin melenyapkan iklan yang biasanya muncul
di situs homepage gratis. Berikut adalah beberapa diantaranya:
WebAlias.com (http://webalias.com/) - Menyediakan URL redirection dengan
nama
"http://browser.to/terserah_anda"
atau
"http://terserah_anda.browser.to". Selain itu juga ada banyak nama lain seperti
•
ww
VDirect (http://www.vdirect.com/) - Menyediakan URL redirection dengan
nama "http://terserah_anda.vdirect.com" plus statistik pengunjung. Selain itu
Anda juga akan mendapat alamat e-mail "[email protected]"
OKB Club Indonesia – http://www.okbclub.com
273
Untuk membuat webmaster amatir seperti kita dapat mengendalikan tampilan
homepage sepenuhnya.
OKB Club Indonesia – http://www.okbclub.com
274
•
Kita dan terutama pengunjung situs web kita sudah bosan melihat iklan-iklan
yang tidak diminta dan seringkali memaksa kita untuk selalu menutup
jendela-jendela pop-up berisi iklan yang tidak ingin kita lihat.
•
Biasanya server gratis sudah lambat tanpa iklan, apalagi dengan iklan!
•
Kita sebagai webmasters yang telah mempublikasikan iklan-iklan mereka
tidak mendapat bayaran sesenpun!
NoAds (http://www.firase.com/) – Secara otomatis bisa menutup pop-up
dangan daftar pop-up yang diupdate dari Internet. Shareware.
KillAd (http://wwwwin.wplus.net/pp/fsc/) – Sebuah utility untuk membersihkan
browser dari jendela pop-up iklan. Freeware.
Internet Junkbuster (http://www.junkbusters.com/ht/en/) – Adalah sebuah
program proxy yang dapat dikonfigurasi untuk memblok iklan. Freeware.
b.
Saat ini di internet ada banyak software yang dapat digunakan untuk
memblokir iklan (lihat sub bab setelah ini). Akan tetapi dengan trik
menghilangkan iklan yang akan kita bahas dalam sub bab ini, pengunjung
situs web tidak membutuhkan software-software seperti itu lagi.
Ad Buster (http://lide.punknet.cz/miri/adbuster.html) – Program freeware untuk
memblokir iklan.
Untuk :: Linux/Unix ::
8.2.2 Melenyapkan Iklan Dengan Program Khusus
Adzapper (http://apps.freshmeat.net/homepage/934180466/) – Secara otomatis
bisa merubah iklan menjadi .GIF transparan !
Internet Junkbuster (http://www.junkbuster.com/) – Memblok iklan banner
yang tidak diinginkan serta melindungi privacy Anda.
BC
Dari sisi user/pengunjung situs web, melenyapkan iklan banner/pop-up hanya
bisa dilakukan dengan program khusus pemblokir iklan. Dengan program ini,
user tidak akan lagi dipameri iklan-iklan menyebalkan yang tidak ia minta. Tidak
perlu lagi menutup jendela-jendela pop-up yang seringkali menutupi homepage
aslinya.
lu
•
ZoneAlarm (http://www.zonelabs.com/) – Mengendalikan program apa saja
yang bisa digunakan untuk akses internet, sebagai pengaman komputer yang
selalu terhubung ke internet. Freeware.
m
Untuk menampilkan iklan kita sendiri yang telah dirampas oleh
penyelenggara free webspace.
co
•
Untuk :: Win9x dan NT ::
OK
Dengan program pelenyap iklan banner/pop-up, akses internet Anda bisa
menjadi bertambah cepat dan acara surfing Anda menjadi lebih nyaman.
Program-program semacam ini bertebaran di internet (asal tahu alamatnya saja)
dan bisa di download gratis. Berikut adalah beberapa diantaranya.
Proxomitron (http://proxomitron.cjb.net/) – Mengkonfigurasi mengenai hal apa
saja yang bisa Anda terima dari situs web. Freeware.
w.
AdSubtract (http://www.adsubtract.com/) – Program pembongkar iklan. Ada
versi freeware dan versi komersial.
ww
WebWasher (http://www.webwasher.de/) – WebWasher adalah sebuah proxy
yang mem-blok iklan dengan banyak opsi. Freeware.
OKB Club Indonesia – http://www.okbclub.com
LeanWeb (http://www.clasohm.com/leanweb/) – Proxy
membongkar bagian user-defined dari halaman web.
HTTP
untuk
FilterProxy (http://draal.physics.wisc.edu/FilterProxy/) – Pemblokir proxy
gratis. Hanya disarankan untuk pemakai tingkat lanjut.
Catatan: Daftar program pemblokir iklan lebih lengkap bisa dilihat di
http://semuagratis.cjb.net.
8.2.3 Trik Membongkar iklan Pop-Up
Jika dari sisi pengunjung iklan pop-up/banner bisa dilenyapkan dengan program
khusus, maka dari sisi webmaster atau pemilik situs homepage, iklan bisa
dihilangkan dengan menyusun kode dengan teknik tertentu. Kode-kode ini bisa
digunakan untuk memaksa browser mengabaikan iklan pop-up.
Teorinya sederhana saja. Iklan pop-up selalu dibuat dengan kode javascript,
karena itu jika kita mengelilingi tempat dimana server secara otomatis
275
OKB Club Indonesia – http://www.okbclub.com
276
atau <!--
sebenarnya bisa apa saja, yaitu hanya untuk menyamarkan bahwa seolah-olah ini
adalah JavaScript) maka teknik ini akan men-disable semua sisa script-nya !
//-->
m
menyisipkan kode iklan dengan tag <NOSCRIPT>
(komentar), maka pop-up bakal diabaikan!
Lihat contoh penggunaan tag <NOSCRIPT> berikut :
co
<SCRIPT LANGUAGE="JawaScript"> // Sisipkan baris ini sebelum rutin pop-up muncul
…. !
<!-- -->
</noscript>
<script language="JavaScript">
<!-- Awal kode //-->
<NOSCRIPT>
<BODY> // Server akan menyisipkan kode mereka tepat sebelum atau sesudah tag <body>, sehingga
rutin javascript apapun akan diabaikan!
</NOSCRIPT>
8.2.4 Membongkar Iklan Pop-up Dengan SuperScript
b.
Contoh penggunaan tag "<!—" & "-->" (tag komentar) :
Teknik yang digunakan oleh penyelenggara free webspace untuk menyisipkan
iklan bisa bermacam-macam. Tetapi SuperScipt dibawah ini bisa Anda gunakan
untuk membongkar iklan pop-up pada hampir semua penyelenggara free
webspace yang ada dengan catatan mereka tidak menyisipkan iklan sebelum tag
<HTML> dan Anda sendiri tidak menggunakan javascript untuk menampilkan
jendela pop-up.
lu
<!-- Awal kode //-->
<NOSCRIPT>
<!-- <BODY> --> // Ini adalah tag perangkap. Bisa juga diletakkan diawal tag <HEAD>
</NOSCRIPT>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<BODY> // Ini adalah tag <BODY> yang sesungguhnya!
BC
Jika mereka menyisipkan iklan diluar tag <HTML>, maka kode ini tidak akan
bekerja. Juga jika Anda menggunakan javascript untuk membuka jendela Anda
sendiri karena teknik ini bekerja dengan membatalkan fungsi 'window.open'
dalam javascript, yaitu teknik yang digunakan oleh kebanyakan penyelenggara
free webspace untuk membuka jendela iklan. Akan tetapi jika Anda tidak
menggunakan javascript untuk memunculkan jendela pop-up, maka kode ini akan
menjadi SUPER SCRIPT bagi Anda!
<HTML>
<META popupssuck="
<HEAD>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<BODY>
<!-- Isi Homepage Anda -->
OK
Beberapa penyelenggara free webspace mengatasi trik penggunaan tag
<NOSCRIPT> yang kita lakukan diatas dengan menyisipkan tag </NOSCRIPT>
diarea sebelum mereka akan menyisipkan kode pop-up iklan. Hal ini bisa kita
atasi lagi dengan memanfaatkan tag <META> yang ditulis tidak lengkap (tanpa
penutup). Perhatikan contoh berikut :
ww
w.
Cara lain untuk mengatasi server yang menerapkan metoda Anti-Anti javascript
(Anti-nya 2 kali) adalah dengan trik "JawaScript". Jika server menyisipkan tag
</NOSCRIPT> sebelum pop-up dimunculkan, maka hal ini membuat trik dengan
teknik <NOSCRIPT> menjadi tidak bekerja. Akan tetapi jika kita menyisipkan
tag 'unik' seperti ini Æ '<SCRIPT LANGUAGE="JawaScript">'
(Perhatikan! Kita menggunakan "JawaScript" bukan "JavaScript" dan ini
OKB Club Indonesia – http://www.okbclub.com
277
<!-- Awal kode //-->
<SCRIPT LANGUAGE="JavaScript">
<!-function open () {return true;} // baris ini akan mendefinisi ulang fungsi open!
//-->
</SCRIPT>
<HEAD>
<TITLE>Judul Halaman Web Anda</TITLE>
</HEAD>
<BODY>
8.2.5 Membongkar Iklan Pop-up Dengan SuperFilter
Script yang ada dalam sub bab ini adalah untuk Anda yang sudah familiar dengan
HTML dan javascript. Jika Anda ingin melenyapkan iklan pop-up tetapi Anda
tidak ingin kehilangan fungsi untuk dapat memunculkan jendela pop-up Anda
sendiri, cobalah SuperFilter berikut ini :
OKB Club Indonesia – http://www.okbclub.com
278
<SCRIPT>
<!-function ScreenIt(url,name,parm){
if(url.indexOf("popup.html")!=-1) return false;
return window.Xopen(url,name,parm);
}
window.Xopen=window.open;
window.open=ScreenIt;
//-->
</SCRIPT>
m
8.2.6 Membongkar Iklan Pop-Up Setelah Muncul
co
Teknik yang akan dibahas berikut ini dapat melenyapkan jendela iklan begitu
mereka muncul! Tekniknya sederhana saja. Jika sebuah pop-up muncul, maka ia
pasti mempunyai nama. Script yang kita buat ini akan membuka juga sebuah popup dengan nama yang sama dan langsung menutupnya tepat setelah itu!
Dengan trik ini semua pop-up dengan nama yang sama akan lenyap setelah
dibuka!
SuperFilter diatas akan mengijinkan semua URL untuk dibuka di jendela baru
kecuali satu yang bernama "popup.html". Anda cukup mengganti "popup.html"
diatas dengan sepotong kode URL iklan pop-up di server free webspace Anda.
Dengan cara ini, Anda akan dapat memanggil fungsi 'window.open' Anda dan
dilain pihak tetap memblok iklan pop-up-nya!
b.
lu
"id" adalah nama jendela yang akan dibuka dan ditutup. Ini bisa apa saja. "id"
hanyalah sebuah contoh. Sementara itu "namapopup" adalah nama pop-up iklan
dalam situs free webspace Anda. Untuk mengetahui nama pop-upnya, Anda harus
melihatnya pada source code web Anda dari server saat online (jika Anda
menggunakan MSIE, klik View Æ Source) dan mencari nama pop-upnya
didalam file yang terbuka, bukan dari file html asli didalam harddisk Anda.
BC
Meski Anda dapat menggunakan sepotong kode alamat URL, akan tetapi akan
lebih akurat jika Anda menulisnya secara lengkap. Namun sayang, alamat URL
pop-up iklan yang akan ditampilkan biasanya tidak sesederhana seperti nama
"popup.html" itu saja, melainkan sebuah alamat URL yang cukup panjang.
Misalnya pop-up iklan di hypermart.net yang saat buku ini ditulis menggunakan
alamat
URL
"http://click.go2net.com/adpopup?site=
HM&shape=noshape&border=1&area=DIR.BIZ.CLASSIFIED&siz
erepopup=1&hname=UNKNOWN".
<!-- Awal kode //-->
<script language="JavaScript">
id=window.open("http://uang.port5.com",
"namapopup","");
id.window.close();
window.focus();
<!-- End code //-->
OK
Cara termudah untuk mengatasi ini adalah menggunakan trik lain yang dikenal
dengan nama The Ultimate Pop-up Killer. Trik ini menggunakan nama atribut,
bukan link atau file. Perhatikan contoh berikut :
w.
<SCRIPT>
<!-function ScreenIt(url,name,parm)
{
if(name.indexOf("nama_popup")!=-1) return false;
return window.Xopen(url,name,'toolbar=1,location=1,
directories=1,status=1,menubar=1,scrollbars=1, resizable=1');
}
window.Xopen=window.open;
window.open=ScreenIt;
//-->
</SCRIPT>
ww
Pada saat buku ini ditulis, hypermart.net menggunakan nama "test", sedangkan
tripod.com menggunakan nama "Tripodpopup". Untuk situs-situs yang lain, Anda
harus melihatnya sendiri dari source code yang dihasilkan oleh server.
OKB Club Indonesia – http://www.okbclub.com
279
Kode window.focus() adalah opsional, yaitu untuk membuat jendela menjadi
aktif saat pop-up ditutup.
8.2.7 Melenyapkan Banner Iklan
Bentuk lain dari iklan yang sering disisipkan oleh penyedia layanan free
webspace adalah banner iklan. Pada sub bab ini kita akan mencoba
melenyapkannya dari pandangan mata atau menggantinya dengan banner kita
sendiri.
Iklan banner bisa dilenyapkan dengan banyak cara, diantaranya adalah dengan
menyisipkan kode tipuan. Lihat contoh berikut:
<noembed><xmp>
<BODY> // Ini adalah tag <BODY> tipuan/jebakan
</xmp></noembed>
<body> // Ini adalah tag <BODY> yang asli
OKB Club Indonesia – http://www.okbclub.com
280
Sedangkan tag <NOSCRIPT> bisa kita gunakan untuk men-disable iklan bagi
mereka yang menggunakan JavaScript untuk menampilkan iklan.
Teknik lain pelenyapan banner iklan dapat dilakukan dengan menimpanya dengan
file gambar transparan berukuran 1x1 pixel. File ini bisa dibuat dengan Paint
Shop Pro (bisa di donwload dari http://www.jasc.com jika Anda belum punya).
Buatlah file baru dengan background putih berukuran: tinggi 1 pixel, lebar 1
pixel dan resolusi 1 dpi. Setelah jadi, klik tab menu "Colors" Æ "Set Pallete
Transparency", lalu pilih "set the transparancy value to the current
background color" dan klik "OK".
8.2.9 Melenyapkan Iklan Berbasis Frame
co
m
Jika kode banner disisipkan oleh server dibawah tag <BODY>, ia akan
menyisipkannya pada tag <BODY> jebakan. Sedangkan tag <BODY> yang asli
masih utuh dan mengabaikan kode-kode penampil iklan diatasnya.
b.
Beberapa situs web menempatkan banner dan iklan-iklannya pada frame yang
berbeda dengan halaman utama situs web kita, misalnya xoom.com atau
webjump.com. Jika ini yang mereka lakukan, akan sangat mudah bagi kita untuk
melenyapkannya, yaitu dengan menyisipkan kode kecil ini kedalam halaman web
kita. Script ini akan men-check keberadaan suatu frame. Jika ada, maka halaman
dimana Anda meletakkan kode ini didalamnya akan menjadi satu-satunya yang
aktif dalam browser!
<SCRIPT language=JavaScript>
if(top!=self){top.location.href=self.location.href;}
</SCRIPT>
lu
Untuk menggantinya dengan banner Anda sendiri, Anda cukup menimpanya
dengan banner Anda. Penimpaan gambar dapat dilakukan dengan javascript
seperti ini:
<SCRIPT language="JavaScript">
<!-document.images[0].src='terserah_anda.gif';
-->
</SCRIPT>
BC
Atau, bisa juga diatasi dengan membuat halaman utama Anda meload halaman
kedua dengan menyisipkan baris kode dibawah ini kedalam tag <BODY>:
document.images[2].src='terserah_anda.gif';
OK
Letakkan Script diatas tepat dibawah banner iklan yang ada. Perhatikan bahwa
properti atribut "src" pada kode diatas adalah 0. Ini berarti bahwa kode diatas
hanya bekerja untuk banner iklan yang berada diposisi paling atas atau pada
pemunculan gambar yang pertama. Jika banner iklannya berada dibawah atau
ada beberapa, Anda harus menghitung setiap gambar yang ada dan mengganti
angka 0 diatas dengan jumlah gambar dikurangi 1. Sebagai contoh, jika banner
iklannya adalah gambar nomor 3 dihalaman web Anda, maka Anda harus
menggunakan kode seperti ini :
w.
Dalam hal banner-nya memiliki sebuah nama (atribut "name"), Anda dapat
merubah kode images[0] dengan isi dari atribut "name" yang digunakan oleh
banner.
ww
Kadang-kadang, server juga meletakkan iklan diakhir halaman web kita. Untuk
membongkar iklan jenis ini, kita cukup menyisipkan kode <!-- atau
<NOSCRIPT> dilokasi sebelum kode penampil iklan mereka "diselundupkan"
kehalaman web kita. Tag <!-- (komentar) yang kita sisipkan akan membuat
sisa file html kita hanya akan tampak jika dilihat dari source code-nya.
OKB Club Indonesia – http://www.okbclub.com
281
<BODY onLoad="window.open
('http://uang.port5.com/index1.htm','_parent'
)">
Dengan membuka halaman web dijendela '_parent', browser akan kembali
ke jendela sebelumnya yang ada didalam history, tepat satu record sebelum
frame dan membuka halaman utama yang sesungguhnya disini. Jika situs Anda
menggunakan lebih dari satu frame, Anda harus meletakkan kode diatas pada
halaman yang akan ditampilkan pada frame yang pertama, bukan pada halaman
utamanya (index.html).
Kadang-kadang, lokasi file yang diberikan kepada Anda oleh penyedia layanan
free webspace hanyalah nama alias saja. Yaitu semacam redirector ke direktori
Anda yang sesunggunnya. Mereka menggunakan metoda 'aliasing' ini untuk
membuat pengunjung situs Anda me-load frame iklan. Jika Anda tahu lokasi file
yang sebenarnya, Anda cukup membuat beberapa pengarah saja ke sini.
Sebagai contoh, alamat yang dibuat oleh XOOM setelah Anda mendaftar
sebenarnya adalah "http://members.xoom.com/_XOOM/terserah_anda/". Akan
tetapi alamat domain yang diberitahukan kepada Anda adalah
OKB Club Indonesia – http://www.okbclub.com
282
Catat bahwa kode-kode ini sebaiknya di sisipkan kedalam file html Anda
menggunakan editor teks biasa seperti NotePad, Write atau 1st Page 2000
karena beberapa diantaranya merupakan kode-kode tanggung / kode-kode "salah"
yang akan dikoreksi otomatis oleh editor WYSIWYG seperti FrontPage atau
Adobe PageMill.
8.2.10 Menghindari Deteksi Kode Oleh Server
1.
Beberapa server tertentu secara otomatis melakukan pemindaian (scanning) pada
file-file yang kita upload ke server untuk mendeteksi adanya kode-kode yang
tidak mereka inginkan. Untuk menghindari pendeteksian ini, kita bisa
menggunakan trik pemisahan. Sebagai contoh, jika situs web Anda menolak
penggunaan nama popWindow, pecahlah namanya dengan cara seperti dibawah
ini agar bisa lolos :
b.
Trik : Kode ini digunakan untuk menyembunyikan kode popup yang ada didalam tag <BODY> dan tag <NOSCRIPT>.
Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat
sebelum tag <TITLE>.
lu
BC
2.
Atau, Anda juga bisa melakukan encode kode-kode Anda kedalam format
heksadesimal dengan cara seperti dibawah ini :
OK
<SCRIPT>
<!-eval(unescape("letakkan kode dalam format heksadesimal disini"))
//-->
</SCRIPT>
Contoh penerapan penggunaan kode heksadesimal bisa dilihat pada pembahasan
kode pelenyap iklan siap pakai dibawah.
8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai
w.
Berikut adalah kode-kode yang bisa digunakan untuk melenyapkan iklan banner
atau iklan pop-up yang biasanya ada di situs-situs penyedia layanan webspace
gratis. Penulis hanya akan menuliskan beberapa saja. Bagi Anda yang ingin
mendapatkan kode untuk situs-situs gratis lain yang tidak ada disini, silahkan
lihat di http://serba-gratis.tripod.com atau langsung ke http://bannerkiller.cjb.net.
Anda akan mendapatkan kode lengkap untuk sekitar 80 penyelenggara free
webspace !
ww
50megs, 50 MB, http://www.50megs.com
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
var Popup="po"+"pWind"+"ow";
window.onError=null;
tasteful=window.open(newpage,wndname,"");
OKB Club Indonesia – http://www.okbclub.com
co
m
"http://members.xoom.com/terserah_anda/" dengan tujuan agar pengunjung situs
Anda me-load frame iklan. Catat bahwa XOOM sering mengganti-ganti alamat
sebenarnya untuk mengatasi trik yang kita lakukan! Saat buku ini ditulis XOOM
mengunakan alamat sub directori /_XMCM/.
283
Angelfire, 50MB, http://www.angelfire.com
Trik: Sisipkan kode berikut diatas tag <HTML> pada setiap halaman. Jika
Anda menggunakan HTML Editor dari Angelfire, kode harus disisipkan
dengan editor versi "Advanced", JANGAN menggunakan versi "Basic".
Setelah itu, set tipe iklannya dari "Image Map" menjadi "Popup Window".
Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai dari "%66"
dan diakhiri pada "%3B") HARUS diketik pada satu baris, tidak seperti yang
terlihat pada contoh dibawah.
<script language="Javascript">
<!-eval(unescape('%66%75%6E%63%74%69%6F%6E%20%53%63%72%65%65%6E%
49%74%28%75%72%6C%2C%6E%61%6D%65%2C%70%61%72%6D%29%7B%0D%0A%6
9%66%28%75%72%6C%2E%69%6E%64%65%78%4F%66%28%22%2F%73%79%73%2F
%70%6F%70%75%70%5F%73%6F%75%72%63%65%2E%73%68%74%6D%6C%3F%43%
61%74%65%67%6F%72%79%3D%22%29%21%3D%2D%31%29%20%72%65%74%75%7
2%6E%20%66%61%6C%73%65%3B%0D%0A%72%65%74%75%72%6E%20%77%69%6E
%64%6F%77%2E%58%6F%70%65%6E%28%75%72%6C%2C%6E%61%6D%65%2C%70%
61%72%6D%29%3B%0D%0A%7D%0D%0A%77%69%6E%64%6F%77%2E%58%6F%70%6
5%6E%3D%77%69%6E%64%6F%77%2E%6F%70%65%6E%3B%20%20%77%69%6E%64
%6F%77%2E%6F%70%65%6E%3D%53%63%72%65%65%6E%49%74%3B'));
//-->
</script>
Kode alternatif untuk Angelfire (sisipkan kode berhuruf tebal) :
OKB Club Indonesia – http://www.okbclub.com
284
m
<HTML>
<HEAD>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<NOEMBED><XMP>
<BODY>
</XMP></NOEMBED>
<BODY BGCOLOR="blue">
5. Dreamwater, 50 MB, http://www.dreamwater.com
co
Trik : Kode ini digunakan untuk menyembunyikan kode popup yang ada didalam tag <BODY> dan tag <NOSCRIPT>.
Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat
sebelum tag <TITLE>.
3. Aasiafind, 10MB, http://www.asiafind.com
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
b.
Trik : Sisipkan kode dibawah ini diantara tag <HEAD> dan
</HEAD>.
6. Fortunecity, 100 MB, http://www.fortunecity.com
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
lu
Trik : Gunakan kode seperti contoh dibawah.
<div style="position:relative;top:-110;zindex:0;background:;">
<HTML>
4. Bizland, 25 MB, http://www.bizland.com
OK
BC
Trik : Kode berikut harus disisipkan dibawah tag <HEAD>
pada setiap halaman. Jika Anda menggunakan FrontPage atau
editor sejenis dan mengalami masalah saat memasukkan kode
ini, bukalah file HTML Anda menggunakan Notepad atau 1st
Page2000 untuk memasukkan kodenya.
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
<BODY BGCOLOR="white">
w.
Kode alternatif untuk Bizland :
ww
<HTML>
<HEAD>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<!-<BODY>
-->
<BODY BGCOLOR="BLACK">
<!--- Isi Halaman Web Anda --->
OKB Club Indonesia – http://www.okbclub.com
<-- Isi halaman homepage Anda ….. (termasuk tag <BODY> dlsb.)
-->
</div>
</BODY>
Kode alternatif untuk FortuneCity :
<HTML>
<HEAD>
<TITLE>Judul Halaman Web Anda</TITLE>
</HEAD>
<!--- <BODY>
<BODY BGCOLOR="BLACK">
<!--- Isi Halaman Web Anda --->
Atau :
<HTML>
<HEAD>
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
<TITLE>Judul Halaman Web Anda</TITLE>
285
OKB Club Indonesia – http://www.okbclub.com
286
Trik : Sisipkan kode dibawah ini pada halaman web Anda.
m
</HEAD>
<BODY BGCOLOR="BLACK">
<!--- Isi Halaman Web Anda --->
<SCRIPT>
popup = window.open("","cooldomain")
popup.close();
</SCRIPT>
co
7. FreeYellow, 20 MB, http://www.freeyellow.com
Trik : Gunakan kode dibawah ini pada halaman web Anda.
10. Homepage, 10 MB, http://www.homepage.com
<NOEMBED><XMP>
</BODY>
</HTML>
b.
Trik : Gunakan kode dibawah ini pada halaman web Anda.
<HTML>
<HEAD>
<TITLE>Ketik Judul Homepage Anda Disini</TITLE>
<!-- -->
<SCRIPT LANGUAGE="JawaScript">
</HEAD>
<BODY>
</SCRIPT>
<BODY BGCOLOR="teal">
8. Geocities (Yahoo Geocities), 15 MB,
http://www.geocities.com
lu
Trik : Sisipkan kode berikut dibawah tag </HTML>.
<NOSCRIPT>
<NOSCRIPT>
11. Hypermart, 20 MB, http://www.hypermart.com
BC
Kode alternatif untuk YahooGeocities :
<BODY onLoad="yfOC(-1)">
w.
<HTML>
<HEAD>
<SCRIPT LANGUAGE="javascript">
<!-function yfOC() {
self.close();
}
//-->
</SCRIPT>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<BODY>
<!--- Isi Homepage Anda --->
</BODY>
</HTML>
OK
Atau :
ww
<NOSCRIPT>
<!--- #echobanner --->
</NOSCRIPT>
12. JustFree, 40 MB, http://www.justfree.com
Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap
halaman web!
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
13. NetColony, 100 MB, http://www.netcolony.com
9. Here.is, URL redirection, http://www.here.is
OKB Club Indonesia – http://www.okbclub.com
Trik : Sisipkan kode berikut pada halaman web Anda. Catat
bahwa Hypermart.net adalah salah satu situs yang paling
sering mengganti kode.
287
OKB Club Indonesia – http://www.okbclub.com
288
popup.close();
</SCRIPT>
m
Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap
halaman web!
16. Virtual Ave, 20 MB, http://www.virtualave.com
<NOSCRIPT>
<!-- <BODY> -->
</NOSCRIPT>
co
Trik : Sisipkan kode ini tepat dibawah tag </HTML> Anda!
<SCRIPT LANGUAGE="JawaScript">
<!-- -->
</NOSCRIPT>
<SCRIPT LANGUAGE="JavaScript">
14. Tripod , 50 MB, http://www.tripod.com
TIPS :
17. Web, URL redirection, http://www.web.com
OK
</div>
w.
Iklan Pop-up di Tripod dapat dihilangkan dengan sangat
mudah jika Anda membuat URL Redirector di CJB.net.
Mekanisme yang dipakai oleh CJB secara otomatis (entah
sengaja atau tidak) akan menghilangkan iklan di Tripod!
Tetapi, siapa peduli mengapa ini bisa terjadi? Cobalah dan
Anda akan heran sendiri melihat hasilnya!
15. TSX, URL redirection, http://www.tsx.org
ww
Trik : Sisipkan kode ini tepat diatas tag <HTML>.
<SCRIPT LANGUAGE="Javascript">
<!--if (parent.frames.length)
parent.location.href= self.location;
// --->
</SCRIPT>
18. WebJump, 25 MB, http://www.webjump.com
Trik : Kode dibawah ini bisa diletakkan dimana saja selama
masih berada dibawah tag <BODY>.
Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai
dari "%69" dan diakhiri pada "%3B") HARUS diketik pada satu
baris, tidak seperti yang terlihat pada contoh dibawah.
<Script Language='Javascript'>
<!-eval(unescape('%69%66%20%28%74%6F%70%2E%66%72%61%6D%65%73%2E%
6C%65%6E%67%74%68%21%3D%30%29%0D%0A%74%6F%70%2E%6C%6F%63%61%7
4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F
%63%61%74%69%6F%6E%3B'));
Trik : Sisipkan kode ini tepat diatas tag <HEAD>.
<SCRIPT>
popup = window.open("/frame/index.cfm", "216226215132")
OKB Club Indonesia – http://www.okbclub.com
</BODY> </HTML>
<NOSCRIPT>
<!-- </NOSCRIPT> -->
BC
2. Sisipkan kode berikut sebelum/diatas tag </BODY>.
Kode alternatif untuk VirtualAve :
lu
1. Sisipkan kode berikut sebelum/diatas tag <HTML>.
<div style="position:relative;top:-110;zindex:0;background:;">
b.
Trik : Sisipkan kode-kode dibawah ini sesuai keterangan. Catat
bahwa trik ini hanya bekerja pada Internet Explorer, tidak
pada Netscape. Selain itu, iklan harus diset pada mode banner,
bukan pop-up. Untuk men-set/mengganti mode iklan di Tripod,
lihat lagi sub bab 4.2.2.1.
289
OKB Club Indonesia – http://www.okbclub.com
290
m
//-->
</Script>
CATATAN :
Semua penyelenggara free webspace melakukan perubahan
system secara berkala. Jika kode-kode diatas tidak bekerja,
kemungkinan besar teknik penyusupan iklan yang mereka
terapkan
sudah
berubah.
Silahkan
kunjungi
situs
http://bannerkiller.cjb.net untuk melihat update kodenya.
co
Kode alternatif untuk WebJump:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="Javascript">
<!--if (parent.frames.length)
parent.location.href=self.location;
// --->
</SCRIPT>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<BODY BGCOLOR="BLACK">
<!--- Isi Halaman Web Anda --->
b.
8.3 MEMBUAT AUTO REMINDER
19. XOOM, spasi tak terbatas, http://www.xoom.com
http://members.xoom.com/_XMCM/terserah_anda/
OK
Atau gunakan script berikut. Letakkan diantara tag <BODY>
dan </BODY>.
w.
<SCRIPT TYPE="text/javascript" LANGUAGE=JAVASCRIPT>
<!-if (top.frames.length!=0)
top.location=self.document.location;
// -->
</SCRIPT>
Atau :
ww
Perhatikan bahwa rutin auto-reminder diatas juga akan mengembalikan user
yang coba-coba berpaling ke program lain selain browser, seperti Ms. Word
misalnya. Karena itu sebaiknya waktu kembalinya jangan di-set terlalu cepat.
Pada contoh diatas, kita men-set waktu balik ke halaman homepage kita jika
pengunjung situs kita berpaling ke jendela/program lain dalam waktu 30 detik.
8.4 MENYISIPKAN FASILITAS URL-MINDER
<SCRIPT>
if (top.location != self.location)
{ top.location = self.location }
</SCRIPT>
OKB Club Indonesia – http://www.okbclub.com
<script language="Javascript" type="text/javascript">
<!-var time = 30
function remind() {
this.focus()
var real = time * 1000
setTimeout("remind()",real)
}
remind();
//-->
</script>
BC
Trik : Xoom menggunakan iklan berupa frame. Jika Anda
ingin mem-bypass iklan, Anda bisa mem-bypass frame dengan
menambahkan "_XMCM" pada URL homepage Anda.
Misalnya seperti ini :
lu
Auto reminder adalah trik untuk membuat pengunjung situs kita selalu kembali ke
jendela homepage kita apabila ia membuka banyak jendela browser sekaligus.
Lama waktu kembalinya bisa diatur sendiri (melalui var time = waktu yang
diinginkan). Berikut adalah kode javascript yang harus Anda sisipkan dibawah
tag <BODY>.
Apabila Anda secara berkala melakukan update homepage, atau homepage
Anda masih dalam status "Under Construction", tambahkanlah fasilitas URLMinder di homepage Anda. Dengan URL-Minder, pengunjung situs Anda akan
selalu mendapat pemberitahuan otomatis melalui e-mail jika Anda melakukan
291
OKB Club Indonesia – http://www.okbclub.com
292
ini juga dapat digunakan untuk menampilkan pengumuman saat melakukan migrasi
alamat homepage dari satu URL (lama) ke URL lain (baru).
m
perubahan pada halaman situs Anda. Pemantauan akan adanya perubahan di situs
homepage Anda dilakukan secara otomatis dengan mesin pemantau sehingga
Anda tidak perlu melakukan apapun meski member yang menjadi pengunjung
Anda ribuan jumlahnya!
Sebagai contoh, beberapa bulan yang lalu Anda atau perusahaan Anda memiliki
sebuah homepage bagus yang 'nyantol' disebuah free webspace dengan jumlah
pengunjung yang sangat banyak, misalnya di "http://www.geocities.com/toyota".
Sekarang, perusahaan Anda telah maju pesat dan telah mampu membeli/memiliki
nama domain sendiri, misalnya http://www.toyota.com. Maka dengan teknik
redirect Anda tidak perlu bersusah payah memasang iklan atau memberitahukan
pada setiap pengunjung situs lama Anda bahwa Anda telah memiliki alamat
domain sendiri.
b.
lu
Saat pengunjung mengetikkan alamat "http://www.geocities.com/toyota", yang
tampil di layar mereka adalah pengumuan kecil seperti ini "Homepage
TOYOTA telah pindah ke http://www.toyota.com. Dalam 5 detik kami akan
melakukan redirect ke TOYOTA secara otomatis. Jika dalam 5 detik tampilan
ini tidak berubah, klik disini atau pada link diatas." Dan dalam 5 detik kemudian
browser mereka akan melompat ke http://www.toyota.com.
Akan tetapi karena fungsi redirect hanya bekerja pada browser-browser yang
memiliki fasilitas client pull (seperti Ms Internet Explorer dan Netscape), maka
untuk browser lain seperti Mosaic tidak dapat bekerja. Karena itu kita beri juga
fasilitas link ke http://www.toyota.com. Berikut adalah kode yang bisa Anda
gunakan :
OK
BC
<CENTER>
<FORM ACTION="http://www.netmind.com/cgi-bin/uncgi/url-mind"
method="get"><INPUT NAME=url type=hidden value="http://serbagratis.tripod.com">
<TABLE BORDER="1" WIDTH="550" CELLSPACING="0"
BORDERCOLOR="#C0C0C0" CELLPADDING="2">
<TR><TD WIDTH="100%" BGCOLOR="#000000"><P ALIGN=center><B>
<FONT FACE="Arial" color="#FFFFFF">- = URL MINDER = </FONT></B></P></TD></TR>
<TR><TD WIDTH="100%" BGCOLOR="#FFFFCC"><CENTER><B><I>
Daftarkan alamat e-mail Anda dibawah ini untuk menerima
pemberitahuan<BR>otomatis jika ada perubahan dihalaman ini
!</I><BR>
<BR>Alamat e-mail Anda : </B>
<INPUT maxLength=40 name=required-email size=30><BR><BR>
<INPUT type=submit value=" Klik disini untuk daftar !
"><BR><BR>
</TD></TR></TABLE>
</FORM>
</CENTER>
co
Berikut adalah kode yang harus Anda sisipkan dihalaman utama situs Anda. Kode
bisa diletakkan dimana saja seseuai dengan layout halaman web yang Anda
desain, asalkan masih berada diarea <BODY> … </BODY>.
w.
Gambar 8.2: Tampilan URL-MINDER
8.5 MELAKUKAN REDIRECT HALAMAN WEB
ww
Redirect halaman web adalah teknik yang bisa digunakan untuk melempar atau
membuka satu halaman ke halaman lain atau bahkan ke situs lain. Pada umumnya,
teknik redirect dimanfaatkan untuk menampilkan sambutan selamat datang
sementara sebelum membuka halaman utama yang sebenarnya. Selain itu, teknik
OKB Club Indonesia – http://www.okbclub.com
293
Gambar 8.3: Gunakan teknik redirect untuk melompat ke halaman lain
OKB Club Indonesia – http://www.okbclub.com
294
1.
2.
<BODY>
<CENTER><BR>
<font size="6"><i>Homepage </i><B>TOYOTA</B> telah pindah
ke</FONT><P><BR><A HREF="http://www.toyota.com"><B><FONT
SIZE="5">http://www.toyota.com</FONT></B></A>
<P><BR><FONT SIZE="4">Dalam 5 detik kami akan melakukan
<i>redirect</I>ke TOYOTA secara otomatis.<BR>
Jika dalam 5 detik tampilan ini tidak berubah, <B><A
HREF="http://www.toyota.com">klik
disini</A></B> atau pada link diatas.</FONT></P>
</BODY>
</HTML>
Anda akan masuk ke freetools.com login form. Isilah UserName dengan
nama member yang Anda inginkan, juga password & alamat e-mail dimana
kode html untuk menampilkan polling ingin dikirimkan. Setelah itu klik
tombol "NEXT".
BC
Polling adalah salah satu sarana efektif untuk mendapatkan feedback dari
pengunjung situs kita. Dulu, untuk memasang polling kedalam situs web, kita
harus membuat script sendiri yang cukup rumit (perl, cgi dll.). Sekarang, Anda
bisa membuat polling dengan cara yang sangat mudah. Di internet, ada banyak
penyedia layanan polling gratis yang bisa kita manfaatkan.
lu
8.6 Memasang Polling Kedalam Situs Web
w.
OK
4.
ww
Dibawah sub judul "It's as easy as 1-2-3 ... " klik link nomor 2 yang
bertuliskan "Create your own Poll".
b.
3.
Kunjungi situs Freetolls di http://apps3.vantagenet.com/site/poll.asp.
co
<HTML>
<HEAD>
<TITLE>Homepage TOYOTA telah pindah !</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="5;
URL=http://www.toyota.com">
</HEAD>
m
Pada sub bab ini, kita akan mencoba membuat polling tentang homepage kita.
Penyedia layanan polling yang kita pilih adalah Freetolls. Berikut adalah urutan
cara pemasangannya :
Gambar 8.5: Tampilan Form pendaftaran untuk login ke FreeTools
Setelah itu Anda akan masuk ke step 1 pembuatan polling. Pilih lokasi
dimana homepage Anda berada, mungkin di Tripod, Geocities, atau yang
lain. Jika didalam daftar tidak ada, pilih "I have a website, but it was not
listed above". Kemudian klik tombol "NEXT PAGE".
Gambar 8.6: Tampilan step 1 – Pemilihan server dimana website berada
Gambar 8.4: FreeTools - Situs Penyedia Layanan Polling Gratis
OKB Club Indonesia – http://www.okbclub.com
295
OKB Club Indonesia – http://www.okbclub.com
296
8.
Pada step ke 5, ketik nama dan alamat URL homepage Anda. Setelah itu klik
"NEXT PAGE".
m
Pada step 2, isilah kolom yang ada dengan judul pertanyaan spesifik yang
ingin Anda ajukan pada pengunjung situs Anda. Juga pilih jumlah pertanyaan
yang ingin Anda ajukan (2 – 10 pertanyaan). Klik tombol "NEXT PAGE"
untuk maju ke step 3.
co
5.
b.
Gambar 8.10: Tampilan Step 5 – Memasukkan alamat URL dan nama situs
Isi kolom-kolom pertanyaan yang ada dengan menimpa pertanyaanpertanyaan default. Setelah selesai, klik "NEXT PAGE".
OK
BC
6.
lu
Gambar 8.7: Tampilan step 2 – Menentukan jumlah pertanyaan
Gambar 8.8: Tampilan Step 3 – Menentukan pertanyaan dalam polling
9.
Sekarang akan muncul pilihan warna polling. Anda harus memilih salah satu
dari 6 set warna yang ada. Setelah itu klik "NEXT PAGE".
w.
Sekarang isi kolom pada step 4 dengan Judul Polling Anda dan klik "NEXT
PAGE" untuk maju ke step berikutnya.
Gambar 8.9: Tampilan Step 4 – Memasukkan judul polling
ww
7.
Gambar 8.11: Tampilan step 6 – Memilih warna polling
OKB Club Indonesia – http://www.okbclub.com
Gambar 8.12: Tampilan step 7 – Memilih kategori situs
297
OKB Club Indonesia – http://www.okbclub.com
298
m
co
10. Pada step ke-7, Anda harus memilih kategori yang cocok dengan poll yang
Anda buat. Disini ada banyak sekali pilihan sehingga Anda tidak akan
kesulitan untuk mendapatkan salah satu yang cocok dengan kategori
pertanyaan Anda. Setelah itu, Anda juga harus mengisi kata kunci untuk
menjelaskan poll Anda. Klik tombol "NEXT PAGE".
lu
b.
11. Setelah muncul tampilan step 8, pilih tipe polling yang Anda inginkan.
Misalnya tipe Radio Button, CheckBoxes, Dropdown Box Vertical atau
Dropdown Box Horisontal.
Gambar 8.14: Tampilan polling yang sudah jadi beserta kode html-nya
OK
BC
Jika Anda ingin melihat tampilan polling Anda, saat masih berada di step
terakhir, gulung layar kebawah dan klik pada link "VIEW POOL". Poll Anda
kira-kira akan tampak seperti gambar 8.14 (bagian sebelah kiri). Sedangkan hasil
polling-nya (jika link "Results" di klik) akan tampak seperti gambar 8.15
dibawah ini.
Gambar 8.13: Tampilan step 8 – Memilih tipe polling
ww
13. SELESAI.
w.
12. Akhirnya, sekarang kita berada pada step terakhir dari seting polling yang
agak panjang ini. Setelah Anda meng-klik tombol "NEXT PAGE" pada step
8, dilayar akan ditampilkan kode-kode html yang bisa langsung Anda
sisipkan pada halaman html situs web Anda. Gunakan cara "Copy & Paste"
seperti biasa. Atau, Anda juga bisa mengambilnya dari e-mail yang Anda
gunakan saat mendaftar (langkah ke-3 diatas) karena kode-kode tersebut juga
langsung dikirim kealamat e-mail Anda.
OKB Club Indonesia – http://www.okbclub.com
Gambar 8.15: Contoh tampilan hasil polling
299
OKB Club Indonesia – http://www.okbclub.com
300
PERHATIAN! Bagian heksadesimal dari kode diatas (dimulai
dari "%69" dan diakhiri pada "%3B") HARUS DIKETIK PADA
SATU BARIS, tidak seperti yang terlihat pada contoh diatas.
m
8.7 TRIK MEMILIKI ALAMAT DOMAIN GRATIS!
b.
lu
BC
Pertama: Buatlah homepage off-line yang bisa diakses dari
harddisk (lihat BAB 3) dengan nama file induk index_.htm.
Perhatikan! Kita menggunakan nama file "index_.htm",
bukan "index.htm". Karena itu, semua link untuk kembali ke
halaman utama web Anda harus diarahkan ke file
index_.htm. Anda akan mengetahui alasannya pada step
keempat trik ini.
Kedua: Mendaftarlah ke salah satu situs penyedia free webspace
TANPA IKLAN (lihat lagi BAB 4). Penulis sarankan pada
Anda untuk mendaftar ke www.portland.co.uk. Situs ini
menyediakan spasi gratis 15 MB tanpa iklan dan mengijinkan
upload script CGI.
Keempat: Buatlah file index.htm dengan isi META
redirection (lihat lagi sub bab 8.5) yang diarahkan ke file
"index_.htm". Isilah halaman ini dengan penjelasan singkat
mengenai homepage Anda dan sertakan link ke file
"index_.htm". Khusus pada halaman ini Anda jangan
menyisipkan script pelenyap iklan diatas, yaitu untuk
menghindari tuduhan berbuat curang. Dengan adanya rutin
redirection ini, maka 3 detik setelah halaman default (file
index.htm) yang berisi frame iklan dibuka, ia akan memaksa
browser untuk melompat ke halaman utama situs web Anda
yang bernama "index_.htm" dalam keadaan frame iklan
sudah lenyap! Kalau mau, Anda bisa memperkecil waktu
refresh-nya agar proses redirection-nya menjadi lebih cepat.
Perhatikan contoh dibawah ini :
co
Anda ingin memiliki homepage sendiri dengan alamat domain Anda sendiri
secara gratis? Ingin memiliki alamat URL "http://nama_anda.com"
gratis? Ok. Inilah RAHASIANYA :
OK
Ketiga: Inilah saatnya melakukan sedikit trik. Secara default,
homepage Anda yang aslinya tanpa iklan nantinya akan
memiliki iklan dalam bentuk frame dibagian bawah layar
setelah diakses melalui nama domain yang baru. Untuk itu, mari
kita lenyapkan iklan tersebut. Caranya, sisipkan script
javascript dibawah ini diatas tag <HTML> pada file
index_.htm.
ww
w.
<Script Language='Javascript'>
<!-eval(unescape('%69%66%20%28%74%6F%70%2E%66%72%61%6D%65%73%2E%
6C%65%6E%67%74%68%21%3D%30%29%0D%0A%74%6F%70%2E%6C%6F%63%61%7
4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F
%63%61%74%69%6F%6E%3B'));
//-->
</Script>
<html>
Isi halaman web Anda ............
</html
OKB Club Indonesia – http://www.okbclub.com
301
<head>
<title>Akses Internet Dapat UANG !!!</title>
<meta name="Author" content="OKB Club Indonesia">
<meta name="Description" content="Dapatkan Penghasilan
Tambahan Hingga Ratusan US$ Dollar Perbulan Dari Internet!">
<meta name="KeyWords" content="uang,gratis,uanggratis,spedia,epilot,themail,bonanza,email,search
engine,iklan,online,free money,money cheats,tips & trick">
<META HTTP-EQUIV="Refresh" CONTENT="3; URL=index_.htm">
</head>
<HTML>
...... Isi halaman pembuka ..........!
...... Termasuk link ke file index_.htm
</HTML>
PERHATIAN! Teknik ini akan secara otomatis menghilangkan
efek cloacking nama domain sehingga alamat url yang tampak
dikolom "Address" browser akan mengikuti alamat aslinya.
Untuk mendapatkan efek cloacking ke url Anda sendiri, Anda
bisa melakukan redirection ulang ke situs Anda di CJB.Net
atau yang lain dengan waktu tunda "0" detik.
OKB Club Indonesia – http://www.okbclub.com
302
hebat karena memiliki alamat domain sendiri, yang bahkan
tanpa harus membayar sepeserpun!!!
m
Kelima: Upload file-file html Anda ke server (lihat BAB 5).
Keenam: Mendaftarlah ke NameDemo (http://www.namedemo.com) dan
gunakan alamat homepage Anda di Portland atau yang lain sebagai alamat
tujuan URL-nya.
b.
co
Setelah alamat domain Anda aktif, Anda bisa login ke NameDemo
dan membuat nama sub domain baru dibawah TLD (Top Level
Domain) Anda yang baru. Sebagai contoh, apabila Anda sudah
memiliki alamat domain http://www.cantik.com, maka
Anda bisa men-set beberapa redirector baru berdasarkan nama
TLD Anda untuk mendapatkan nama-nama sub domain seperti
berikut :
lu
http://ita.cantik.com
http://aku.cantik.com
http://homepage.cantik.com
Gambar 8.16: NameDemo, penyedia URL redirection unik!
BC
Atau yang lain hingga 8 buah nama sub domain. Lihat gambar
8.17 dibawah ini:
w.
OK
NameDemo sesungguhnya adalah penyedia layanan URL direction yang
menghasilkan alamat URL baru bernama http://www.terserah_anda.com,
.net atau .org dengan disipan frame berisi iklan banner. Setelah mendaftar,
disamping mendapat alamat domain baru, Anda juga akan mendapat alamat
email bebas@terserah_anda.com, .net atau .org sesuai dengan nama
domain yang Anda pilih. Sebagai contoh, penulis memiliki homepage dengan
alamat asli "http://uang.port5.com". Setelah mendaftar ke NameDemo
dengan nama domain uang-gratis.com, alamat tersebut sekarang bisa diakses
dengan alamat domain "http://www.uang-gratis.com" plus "http://uanggratis.com". Selain itu, penulis juga mendapat alamat email
"[email protected]". Semuanya itu gratis! NameDemo
memerlukan waktu 24 jam sampai 72 jam untuk mengaktifkan alamat domain
baru kita.
ww
Ketujuh: SELESAI! Cobalah akses alamat domain Anda sendiri
besok atau lusa. Saat dimana Anda akan merasa bangga dan
OKB Club Indonesia – http://www.okbclub.com
303
Gambar 8.17: Anda bisa membuat hingga 8 nama sub domain sendiri
OKB Club Indonesia – http://www.okbclub.com
304
m
CATATAN:
8.8 MEMANFAATKAN SITUS WEB UNTUK
MENCARI UANG!
b.
Jangan dikira main internet hanya menghabiskan uang saja, tetapi sebaliknya
justru Anda bisa menghasilkan uang. Mungkin sulit untuk dipercaya, tetapi
begitulah kenyataannya. Internet adalah dunia bebas tanpa batas. Termasuk untuk
urusan logika. Dulu, orang bisa menghabiskan uang sekarung untuk surfing di
internet. Sekarang, orang malah bisa meraup uang. Bukan hanya uang untuk
membayar akses internet ke ISP dan pulsa telepon ke telkom akan tetapi jauh
lebih banyak dari itu. Dengan trik-trik tertentu, Anda akan dapat memperoleh
ratusan bahkan ribuan dolar setiap bulannya tanpa harus mengeluarkan biaya
apapun!
Seperti yang dialami Budiman Salim, warga asal sibolga, Sumatera Utara. Berkat
ketekunannya mengakrabi dunia internet, sekarang ia mengantongi 'Gaji Buta'
lebih dari 3.000 dollar AS per bulan. Kalau 1 US$ sepadan dengan Rp. 9.000,berarti Budiman memperoleh pendapatan hingga Rp. 27 Juta per bulan!
lu
2. Alamat domain ini hanya berlaku selama 1 tahun. Setelah
habis masa berlakunya, Anda harus memperpanjangnya
dengan cepat-cepat mendaftar ulang begitu masa berlaku
Anda habis, atau Anda bisa memperpanjangnya dengan
membayar biaya registrasi sekitar US$ 15. Jika Jika Anda
membayar biaya registrasi, frame iklan akan secara otomatis
dihilangkan dari homepage Anda dan Anda tidak perlu trik ini
lagi !
co
1. Untuk melihat contoh kongkrit hasil trik pada sub bab ini
cobalah akses alamat "http://www.uang-gratis.com" yang
semuanya diperoleh dengan cara gratis!
ww
w.
OK
BC
Budiman mengaku, dirinya sudah bergerilya dialam cyber khusus cari dolar sejak
setahun yang lalu. Dan untuk periode Maret hingga Oktober 2000, ia sudah
menerima 6.856 dolar AS atau setara dengan 61 Juta lebih ! "Tapi tidak
semuanya menghasilkan. Ada yang serius tapi ada juga yang menipu. Ditunggutunggu, duitnya ndak muncul-muncul. Ya harus hati-hati dan pinter memilih
program," paparnya.
OKB Club Indonesia – http://www.okbclub.com
Hal yang sama juga dialami Sony Affraim, warga Jakarta. Sepanjang bulan Juli –
Agustus 2000, ia mendapat kiriman cek total senilai 1.245 dolar dari TheMail,
CashFiesta dan ePilot. Dengan nilai dollar seperti saat buku ini ditulis (Rp.
9.000), Sony mendapat penghasilan Rp. 11.205.000,- dalam kurun waktu dua
bulan.
Begitulah kenyataannya, Anda bisa memperoleh uang dengan berbagai aktifitas di
internet, misalnya saat on-line (saat komputer Anda terkoneksi ke jaringan
internet) Anda bisa mendapat uang tambahan dari CashSurfers atau dari
PaidForSurf. Karena syarat untuk mendapat bayaran hanyalah komputer Anda
on-line di internet, maka Anda tidak harus membuka browser. Anda bahkan akan
dibayar saat melakukan chatting, saat mengetik dengan Ms. Word atau saat
menggunakan Ms. Excel!
Berapa bayaran yang bisa Anda peroleh? Dari CashSurfer Anda akan mendapat
US$ 0.2 setiap jam on-line. Multilevel hingga 4 tingkat dan Anda akan mendapat
10% dari apa yang direct referall dan indirect referall dapatkan (orang-orang
305
OKB Club Indonesia – http://www.okbclub.com
306
Penjelasan lebih rinci mengenai cara kerja semua program 'pencetak' uang gratis
dari internet diatas bisa dilihat di situs "http://uang.port5.com",
"http://duitgratis.cjb.net",
"http://uang-gratis.com"
atau dari homepage "Uang-Gratis" versi off-line yang ada didalam disket yang
disertakan dalam buku ini (gambar 8.18).
m
yang Anda ajak bergabung) tanpa mengurangi penghasilan mereka! Sementara itu
dari PaidForSurf Anda akan dibayar US$ 0.25 untuk setiap jam on-line.
co
Asumsi pembayaran yang bisa Anda dapat dengan jumlah direct referall 5 orang,
dan tiap direct referall Anda merekomendasikan lagi ke 5 teman mereka lainnya
sampai 4 level, dan tiap orang on-line selama 30 jam sebulan adalah US$ 474
perbulan (atau Rp 4.266.000,- dengan kurs Rp. 9000,-/dolar). Penjelasan lebih
detil dan pendaftaran gratis bisa dilihat di http://uangonline.cjb.net.
lu
b.
Pada semua layanan yang biasa disebut dengan "Get Paid to Surf" ini, pendapatan
Anda perbulan akan ditentukan oleh kegiatan Anda sendiri serta banyaknya
referal atau orang yang berhasil Anda ajak bergabung bersama Anda. Mengajak
orang lain untuk bergabung menjadi referal bisa dilakukan dengan banyak cara.
Diantaranya adalah melalui e-mail atau melalui penjelasan langsung kepada
teman-teman atau saudara kita. Akan tetapi cara yang paling efektif adalah
dengan membuat situs web khusus yang menjelaskan masing-masing program
"Get Paid to Surf" ini dan mempromosikannya ke internet melalui iklan-iklan
gratis yang ada. Setelah itu, jika Anda telah memiliki homepage, Anda bisa
memasukkan link ke situs mesin pencetak uang Anda dengan penjelasan yang
menarik.
BC
Jika situs Anda dikunjungi oleh 100 orang perharinya dan 10%-nya tertarik untuk
bergabung menjadi referal Anda, bisa dibayangkan bahwa dalam beberapa bulan
saja Anda akan menjadi jutawan baru!
OK
Melihat kenyataan ini, program "Get Paid to Surf" benar-benar memikat dan
menjanjikan. Karena itu jangan heran jika ada orang berani menjadikannya
sebagai mata pencaharian. Maklum, program ini tidak butuh biaya khusus untuk
bergabung. Kalaupun ada sedikit modal, itu hanya sebatas biaya listrik, telepon
dan akses internet. Tetapi jika Anda mengakses internet dari kantor, maka
semuanya akan menjadi FULL GRATIS !
Gambar 8.18: Tampilan Situs Uang-Gratis. Versi offline-nya ada didalam disket
ww
w.
Selain uang untuk on-line, Anda juga bisa mendapat bayaran hingga US$ 148.5
perbulan dari SPEDIA (http://uangsurfing.cjb.net) saat melakukan
surfing di internet. Lalu, saat menggunakan fasilitas search engine, Anda akan
mendapat
bayaran
hingga
US$
162
perbulan
dari
ePilot
(http://uangpilot.cjb.net) dan saat menggunakan e-mail untuk
membaca atau mengirim e-mail, Anda akan mendapat bayaran dari TheMail
(http://uangmail.cjb.net) hingga US$ 812 perbulan! Selain itu
semua, untuk memasang iklanpun Anda akan dapat bayaran hingga lebih dari Rp.
25.000.000,- dari Bonanza (lihat http://uangiklan.cjb.net atau lihat
lagi sub bab 7.6).
OKB Club Indonesia – http://www.okbclub.com
307
Untuk memudahkan Anda mencari referal/downline, didalam disket yang
disertakan dalam buku ini terdapat contoh homepage versi off-line dari
homepage "Uang-Gratis" (http://www.uang-gratis.da.ru). Setelah Anda
terdaftar sebagai member dari seluruh program "Get Paid to Surf" diatas melalui
situs "Uang-Gratis", Anda bisa menggunakan contoh homepage ini untuk
mendapatkan referal bagi Anda sendiri. Berikut adalah urutan cara
penggunaannya :
1.
Mendaftarlah pada semua program pencetak uang dari internet diatas
melalui situs http://duitgratis.cjb.net. Semuanya gratis,
kecuali bonanza.
2.
Setelah selesai mendaftar, Anda akan memiliki kode referal sendiri yang
secara lengkap akan tampak seperti dibawah ini:
OKB Club Indonesia – http://www.okbclub.com
308
CashSurfer:
http://www.cashsurfers.com/signup.asp?referrer=kode_anda
m
misalnya "subarnas". Setelah itu klik tombol "Replace All". Lakukan ini
pada semua file yang berisi kode referal penulis dan ganti dengan kode
referal Anda sendiri.
co
Spedia:
http://www.spedia.net/cgibin/tz.cgi?run=show_svc&fl=8&vid=kode_anda
b.
RefRewards:
http://www.refrewards.com/?ref=kode_anda
lu
Amazing Solutions:
http://www.amazingsolution.com/?refid=kode_Anda
Klik Duit:
http://www.klikduit.com/join.php3?referensi=kode_anda
BC
SND Focus:
http://www.sndfocus.biz/go.cgi/kode_anda/signup.html
Dimana kode_anda adalah kode referal yang didapat setelah Anda
mendaftar pada masing-masing program. Biasanya menggunakan nama
member, kecuali Spedia dan TheMail yang menggunakan kode angka.
w.
OK
Gantilah isi semua link yang berlabel "DAFTAR DISINI" atau "KLIK
DISINI Untuk Daftar" pada homepage off-line "Uang-Gratis" yang ada
didalam disket dengan link-link pada langkah kedua diatas sesuai dengan
masing-masing programnya. Untuk dapat mengerjakan langkah nomor tiga
ini, Anda harus sudah mendaftar pada semua program yang ada pada langkah
nomor satu. Penggantian kode referal sebaiknya dilakukan menggunakan
wordpad satu persatu. Caranya: Jalankan wordpad, lalu buka salah satu file
dengan meng-klik "File" --> "Open", lalu pilih "Files of type:" dengan
tipe 'All Documents (*.*)'. Setelah itu masuklah ke direktori dimana
homepage "Uang-Gratis" offline berada dan buka salah satu file yang ingin
dirubah kode referal-nya. Setelah file terbuka, tekan tombol [Ctrl]+[H]
untuk memunculkan fungsi "Replace". Isi kolom "Find what:" dengan kode
yang ingin dirubah. Misalnya jika file yang dibuka adalah epilot.htm,
maka kolom ini harus diisi dengan "OKBClub" (kode referal penulis).
Kemudian isi kolom "Replace with:" dengan kode referal Anda sendiri,
ww
3.
OKB Club Indonesia – http://www.okbclub.com
309
Gambar 8.19: Penggantian kode referal lebih mudah jika dilakukan dengan
wordpad.
4.
Edit bagian-bagian lain yang ingin Anda ganti sendiri, misalnya alamat email-nya, logonya, counter-nya atau guestbook-nya. Setelah selesai, upload
homepage tersebut ke web server Anda sendiri.
5.
Iklankan homepage baru pencari referal tersebut keseluruh dunia (lihat
kembali BAB 7).
6.
SELESAI.
7.
Tunggulah beberapa minggu dan Anda akan kaget sendiri melihat hasilnya !
8.9 MEMPROTEKSI FILE HTML
Apabila menggunakan Internet Explorer, isi file-file html yang membentuk
sebuah situs web dengan mudah bisa dilihat oleh pengunjung situs dengan mengklik kanan tombol mouse ditengah browser dan memilih "View Source".
Gambar-gambar yang ada dihalaman web juga dengan mudah bisa di copy dengan
OKB Club Indonesia – http://www.okbclub.com
310
Sisipkan script diatas pada file html Anda dibawah tag <BODY>. Jika kemudian
file html yang telah disisipi script tersebut ditampilkan dilayar browser, maka
sebuah pesan peringatan akan muncul apabila ada pengunjung situs yang iseng
mengklik kanan mouse mereka!
m
klik kanan tombol mouse dan memilih "Save Picture As …". Akibatnya, tidak
ada rahasia yang bisa Anda sembunyikan dari file-file HTML Anda.
co
Sub bab ini akan membantu Anda untuk sebisa mungkin memperkecil upaya
pembajakan karya-karya berharga dari situs web Anda.
8.9.1 Mematikan Fungsi Klik-Kanan Mouse
lu
BC
Teknik yang kita gunakan untuk memblokir penggunaan tombol mouse kanan
adalah javascript. Jangan khawatir, Anda tidak perlu membuatnya sendiri. Cukup
salin kode yang ada pada buku ini, mengganti pesannya dengan pesan Anda
sendiri dan menyisipkannya pada halaman web Anda. Berikut adalah kode
script-nya :
b.
Salah satu cara yang bisa dilakukan untuk memperkecil usaha pengunjung
mengintip isi file html kita adalah dengan mematikan fungsi klik-kanan tombol
mouse pengunjung. Sebab cara inilah yang paling banyak digunakan pengunjung
situs untuk melihat source code html atau untuk mengambil gambar dari suatu
situs web. Dengan trik ini kita bisa mencegah klik-kanan mouse pengunjung
sambil menampilkan pesan saat ada user yang mencoba-coba menggunakan klikkanan mouse mereka saat berkunjung ke situs web kita.
ww
w.
OK
<SCRIPT language=javascript>
<!-var message="Maaf, halaman ini DIPROTEKSI! Anda
TIDAK BOLEH mengambil APAPUN yang ada di situs ini
TANPA IJIN !!!";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}}
if (document.layers) {
if (e.which == 3) {
alert(message);
return false;
}}}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</SCRIPT>
OKB Club Indonesia – http://www.okbclub.com
311
Gambar 8.20: Pesan akan muncul jika ada user mengklik kanan tombol mouse!
CATATAN :
Teknik memblokir klik-kanan mouse ini sudah cukup ampuh untuk
membuat pengunjung tidak bisa membajak gambar atau
background, tidak bisa menyalin teks, menyimpan target, membuka
link menggunakan "Open Link in New Window" atau meng-"Copy
Shortcut". Akan tetapi tidak mampu mencegah user yang ingin
melihat source code html melalui menu "View" Æ "Source". Untuk
mengatasi ini, Anda harus melakukan enkripsi file html seperti yang
akan dijelaskan pada sub bab 8.9.2 dibawah.
8.9.2 Meng-enkripsi File Html
Anda memiliki situs web bagus dengan banyak javascript canggih didalamnya?
Well, tidak ada seorangpun yang bisa mencegah dicurinya kode-kode tersebut
dari halaman web Anda. Siapapun bisa mengambilnya dengan mudah dan
menggunakannya untuk homepage mereka sendiri. Apalagi rumor di internet
OKB Club Indonesia – http://www.okbclub.com
312
m
mengatakan bahwa saat ini di Indonesia tidak ada "copyright", yang ada justru
malah "right to copy".
b.
co
Menyerah? No Way! Anda bisa memproteksi halaman web Anda dengan
mengenkripsinya menjadi kode-kode tertentu yang sulit dibaca menggunakan
javascript. Eiiiitttt, …. tak usah panik jika Anda tidak mengerti sedikitpun akan
javascript, karena kita akan menggunakan program bantu untuk melakukannya.
Program tersebut bernama Psyral Phobia Pro. Anda bisa men-download-nya
gratis dari alamat http://psyral.com/downloads.html (1,2 MB). Setelah mendownload programnya, jangan lupa download juga cracker-nya. Anda bisa
mencarinya di http://astalavista.box.sk dengan memasukkan kata kunci "Psyral
Phobia".
1.
2.
Siapkan file-file html yang ingin diproteksi. Buat backup file seperlunya
karena tidak ada cara untuk mengembalikannya setelah diproteksi.
Pada contoh ini, penulis menggunakan file html asli seperti dibawah ini:
lu
Berikut adalah contoh cara proteksi pada file index.htm langkah-demi
langkah dengan asumsi Anda telah menginstal Psyral Phobia Pro dan crackernya kedalam harddisk :
<HTML>
<HEAD>
<TITLE>Halaman ini diproteksi !</title>
</HEAD>
5.
Jalankan program Psyral Phobia Pro.
Klik tab "Single" (atau tab "Folder" jika Anda ingin memproteksi semua
file yang ada didalam suatu folder), lalu browse file yang ingin diproteksi
dengan meng-klik tombol "…". Setelah itu klik tombol "Process".
Klik tombol "OK" pada tampilan "Done processing file" yang muncul
setelah proses enkripsi selesai.
w.
4.
ww
3.
Pada saat ini, proses enkripsinya telah selesai. Akan tetapi jika hasilnya
ditampilkan dilayar, disana akan ada tambahan teks bertuliskan
"UNREGISTERED ENCODING BY USER" yang sangat mengganggu
(gambar 8.22). Untuk menghilangkannya, gunakan program "Psyral Phobia
Website Corrector".
OK
<BODY>
<P ALIGN="center"> </P>
<P ALIGN="center"><B>
<FONT SIZE="5">
Halaman ini diproteksi !
<BR>
Anda tidak akan bisa melihat source code aslinya !!!
</FONT>
</B>
</P>
</BODY>
</HTML>
BC
6.
Gambar 8.21: Proteksi file html dengan Psyral Phobia Pro
OKB Club Indonesia – http://www.okbclub.com
313
Gambar 8.22: Tampilan file html setelah di enkripsi dengan Psyral Phobia (tanpa
Website Corrector)
OKB Club Indonesia – http://www.okbclub.com
314
Sekarang, jalankan program Website Corrector untuk menghilangkan teks
tambahan pada file asli. Program ini sudah ada didalam program cracker
untuk Psyral Phobia Pro. Setelah dijalankan, dobel klik pada kolom
dibawah label "Input Filename" dan cari file yang akan dikoreski. Setelah
itu, klik juga kolom dibawah label "Output Filename" dan pilih file yang
sama. Akan tetapi sekarang file outputnya harus Anda ganti sendiri dengan
nama yang lain. Pada contoh ini, file asli dengan tambahan teks sudah
penulis ganti dengan nama "index_.htm". Sehingga hasil outputnya bisa
langsung diberi nama "index.htm" (lihat gambar 8.23).
co
m
!4td3uHRU BMRUK UKUH TMCU IQJMNUB CGADSQ SGRQ UCJMH6U
!!!4/pghb34/t34/f34/tgrW34/nbij3");
return 0;}
//--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript"><!-ky="";function d(msg){ky=ky+codeIt(key,msg);}var key =
"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw
xyz<>]#\"";function codeIt (mC, eS) {var wTG, mcH =
mC.length / 2, nS = "", dv;for (var x = 0; x < eS.length;
x++) {wTG = mC.indexOf(eS.charAt(x));if (wTG > mcH) {dv =
wTG - mcH;nS = nS + mC.charAt(33 - dv);}else {if
(key.indexOf(eS.charAt(x)) < 0) {nS = nS + eS.charAt(x)}else
{dv = mcH - wTG;nS = nS + mC.charAt(33 + dv);}}}return nS;}
//--></SCRIPT><SCRIPT LANGUAGE="JavaScript"><!-Decode();document.write(ky);//--></SCRIPT>
b.
7.
TIPS :
BC
lu
Untuk melakukan proteksi source code html secara total, sisipkan
script pencegah klik kanan sebelum melakukan enkripsi dengan
Psyral Phobia! Maka bisa dipastikan bahwa rata-rata pengunjung
akan dibuat kecewa jika ingin membajak isi dan teknologi yang
ada di situs web Anda!
8.10 MENYISIPKAN JAM/TANGGAL SAAT INI &
TANGGAL UPDATE
Klik tombol "OK" setelah proses koreksi selesai. Sekarang jika file
index.htm dibuka dengan notepad, kita akan melihat tampilan source code
yang sudah dienkripsi seperti dibawah ini. Anda bisa memahaminya?
w.
<HTML>
<HEAD>
<TITLE>Halaman ini diproteksi !</TITLE>
<META HTTP-EQUIV="Expires" CONTENT="Tue, 16 Jan 1990
21:29:02 GMT">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript"><!-function Decode() {
d("4nbij34nqur34bmbjq3nUJUIUH MHM RMFDGBQKCM
!4/BMBJQ34/nqur34tgrW34f ujmoh=0SQHBQD03&HTCF;4/f34f
ujmoh=0SQHBQD034t34pghb cmVq=0z03nUJUIUH MHM RMFDGBQKCM
ww
8.
OK
Gambar 8.23: Proses koreksi kode html dengan Psyral Phobia Website Corrector
OKB Club Indonesia – http://www.okbclub.com
315
Untuk membuat tampilan situs web menjadi lebih profesional, kita bisa
menambahkan tanggal hari ini (beserta jamnya) dan tanggal update file html
secara otomatis sehingga kita tidak harus merubah tanggal update secara manual
setiap kali kita mengedit file html kita. Berikut adalah script yang bisa Anda
gunakan untuk menampilkan tanggal dan jam. Sisipkan script ini dimana saja,
misalnya diatas tag </HEAD>.
<SCRIPT language="JavaScript" type="text/javascript">
<!-- Script TANGGAL dan JAM Hari ini
var day="";
var month="";
var ampm="";
var ampmhour="";
var myweekday="";
var year="";
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
OKB Club Indonesia – http://www.okbclub.com
316
m
document.write(year + " - " + ampmhour + "" + myminutes + "
WIB" + "<\/font>");
</SCRIPT>
co
Dan dibawah ini adalah script untuk menampilkan tanggal update file. Letakkan
dilokasi dimana Anda ingin menampilkan tanggal update-nya :
8.11 TRIK MENDAPATKAN UNLIMITED WEB
SPACE!
w.
Setelah itu sisipkan script dibawah ini dilokasi dimana Anda ingin menampilkan
kalender dan jamnya. Hasil script ini adalah seperti tampak pada gambar 8.18
sebelah kanan atas :
ww
<SCRIPT type="text/javascript">
document.write("<b><font size=2 color=blue
face='helvetica,arial'>" + day + myweekday + " " + month)
OKB Club Indonesia – http://www.okbclub.com
Gambar 8.24: Tampilan tanggal update terakhir
BC
lu
b.
<CENTER><FONT SIZE="2"><U>Update terakhir</U> :<BR>
<SCRIPT language="JavaScript" type="text/javascript">
<!-document.write(document.lastModified)
// -->
</SCRIPT>
</FONT></CENTER>
OK
weekday= myweekday;
myyear= mydate.getYear();
year = myyear;
myhours = mydate.getHours();
ampmhour = (myhours > 24) ? myhours - 12 : myhours;
ampm = (myhours >= 12) ? ' PM' : ' AM';
mytime = mydate.getMinutes();
myminutes = ((mytime < 10) ? ':0' : ':') + mytime;
if(myday == 0)
day = " Minggu, ";
else if(myday == 1)
day = " Senin, ";
else if(myday == 2)
day = " Selasa, ";
else if(myday == 3)
day = " Rabu, ";
else if(myday == 4)
day = " Kamis, ";
else if(myday == 5)
day = " Jum'at, ";
else if(myday == 6)
day = " Sabtu, ";
if(mymonth == 0) {
month = "Januari ";}
else if(mymonth ==1)
month = "Februari ";
else if(mymonth ==2)
month = "Maret ";
else if(mymonth ==3)
month = "April ";
else if(mymonth ==4)
month = "Mei ";
else if(mymonth ==5)
month = "Juni ";
else if(mymonth ==6)
month = "Juli ";
else if(mymonth ==7)
month = "Agustus ";
else if(mymonth ==8)
month = "September ";
else if(mymonth ==9)
month = "Oktober ";
else if(mymonth ==10)
month = "Nopember ";
else if(mymonth ==11)
month = "Desember ";
// End -->
</SCRIPT>
317
Anda memerlukan spasi gratis tidak terbatas? Well, cara termudah yang bisa
dilakukan adalah mencari penyedia layanan unlimited free webspace melalui
search engine di internet. Atau lihatlah kembali review mengenai beberapa free
webspace yang menyediakan unlimited webspace pada Langkah ke-4 buku ini.
Akan tetapi jika Anda tidak puas dengan penyedia layanan yang Anda temui,
Anda bisa menggunakan layanan free webspace apa saja yang Anda sukai. Dan
mendaftar ke penyedia layanan yang sama berkali-kali.
Sebagai contoh, Anda menginginkan spasi 500 MB untuk homepage Anda. Maka
Anda bisa mendaftar ke Angelfire atau Tripod 10 kali (Anda akan mendapat 50
MB setiap mendaftar). Atau, Anda bisa juga mendaftar di di FortuneCity 5 kali
(Anda akan mendapat 100 MB setiap kali mendaftar). Ini adalah cara yang aman
untuk menyimpan file-file Anda di Internet. Seandainya salah satu account Anda
dicabut atau rusak, maka tidak semuanya hilang. Tetapi jika Anda mendaftar
langsung di penyedia free webspace yang memberikan langsung 500 MB atau
bahkan yang memberikan unlimited free webspace sekaligus, maka file-file Anda
OKB Club Indonesia – http://www.okbclub.com
318
Dengan baris-baris html seperti diatas, musik midi akan segera dimainkan begitu
homepage dibuka. Angka "–1" pada atribut LOOP akan membuat browser terusmenerus memainkan musiknya (loop tak terbatas).
m
akan lenyap semuanya jika sewaktu-waktu account Anda tidak bisa digunakan
lagi!
co
Yang perlu Anda perhatikan adalah bahwa Anda akan memerlukan jumlah alamat
e-mail sebanyak jumlah pendaftaran yang Anda lakukan. Jadi, jika Anda ingin
mendaftar 5 kali, maka Anda harus memiliki alamat e-mail sebanyak 5 buah. Hal
ini karena setiap penyedia free webspace hanya mengijinkan satu alamat e-mail
untuk satu account.
8.13 JANGAN KHAWATIR MEMAKAI WEB
AUTHORING TOOL VERSI SHAREWARE!
Setelah mendaftar 5 kali di free webspace, Anda bisa mulai mendistribusikan
file-file Anda ke masing-masing account dan membuat link filenya dengan salah
satu account yang Anda jadikan homepage induk.
b.
BC
8.12 MENYAMBUT PENGUNJUNG DENGAN
MUSIK
Jika kita telusuri, di internet ada banyak sekali software dan tool yang bisa
digunakan untuk mempermudah pembuatan web, mempercantik tampilannya atau
bahkan menjaga keamanannya. Program-program yang biasa disebut web
authoring tool dan bisa di download gratis dari internet ini umumnya adalah
versi shareware atau versi limited evaluation, meski banyak juga kita temui
versi freeware-nya.
lu
Dengan trik ini, tidak ada lagi keluhan "Wah bagus-sih bagus, tanpa iklan lagi.
Tapi sayang, spasinya cuma 15 MB !". Ya, secara teori, asal Anda mau, Anda
bisa mendapatkan spasi tak terbatas dari penyedia layanan free webspace
manapun yang Anda sukai !!!
Tidak perlu basa-basi, penyebab utama mengapa Anda membeli, membaca dan
mempelajari buku ini, sebagian besar mungkin adalah karena Anda tertarik
dengan kata kunci yang satu ini: GRATIS! Ya! Semua orang akan tertarik dengan
‘magic word’ ini. Jadi, tidak perlu malu-malu untuk memiliki homepage gratis,
email gratis, uang gratis dan sekarang, program gratis!
<HEAD>
<TITLE>JUDUL HOMEPAGE</TITLE>
...
<BGSOUND SRC="namafile.mid" LOOP="-1">
</HEAD>
w.
<BODY>
... isi homepage Anda ...
</BODY>
OK
Untuk menambah daya tarik situs web pada para pengunjung yang menggunakan
piranti multimedia saat melakukan surfing, kita bisa menyisipkan musik midi
kedalam situs web. Penyisipan musik (midi) dapat dilakukan dengan tag
<BGSOUND> yang diletakkan diantara tag <HEAD> dan </HEAD>. Perhatikan
contoh penggunaannya dibawah ini :
ww
Catat bahwa sebelumnya Anda harus sudah memiliki file musik yang ingin
dimainkan. File-file semacam ini banyak terdapat di internet dan bisa di
download gratis. Cobalah kunjungi salah satu situs search engine dan masukkan
kata "musik", "midi" atau "midi files", maka sebentar kemudian Anda akan
dihadapkan pada ratusan link dimana Anda bisa men-download musik-musik
midi gratis.
OKB Club Indonesia – http://www.okbclub.com
319
Mungkin Anda sering mengeluh saat menggunakan program gratisan semacam ini
karena seringkali programnya tidak berfungsi sepenuhnya sebelum diregistrasi,
atau muncul pesan-pesan mengganggu yang tidak Anda inginkan.
Jika kita telusuri lebih jauh lagi, fakta juga menjunjukkan bahwa internet mau
tidak mau juga menjadi media baru untuk saling bertukar informasi dikalangan
pelaku cracking. Disana ada banyak sekali situs yang memberi info gratis tentang
ratusan ribu nomor seri software untuk bisa dipakai. Salah satunya adalah
"http://www.warezslutz.com" yang jadi rujukan para mania cracking
di Eropa. Jika mau, Anda juga bisa dengan mudah mencari program cracker
dengan search engine khusus yang memang disediakan untuk itu. Alamatnya
adalah "http://astalavista.box.sk". Hampir semua program
shareware maupun limited evaluation bisa ditemukan cracker-nya dengan
perantara search engine ini.
Karena itu mulai sekarang Anda tidak perlu risau jika men-download sebuah
program yang ternyata adalah versi shareware. Anda tinggal mengarahkan
browser Anda ke astalavista, mengetikkan nama programnya, dan beberapa detik
kemudian program cracker-nya sudah nongol didepan mata, siap untuk di
download dengan sekali klik!!!
OKB Club Indonesia – http://www.okbclub.com
320
co
m
Sebagai contoh, program Psyral Phobia Pro yang kita gunakan untuk
mengenkripsi file html pada sub bab 8.9.2 adalah versi shareware yang akan
menghasilkan file terenkripsi dengan tampilan pesan menjengkelkan dibagian atas
halaman web (gambar 8.22). Apakah ada cracker-nya? Oke. Anda akan segera
tahu sebentar lagi.
Sekarang jalankan browser dan buka situs "http://astalavista.box.sk". Setelah
itu masukkan kata kunci "Psyral Phobia". Maka sim salabim …. Dalam sekejap
Anda akan melihat beberapa lokasi di internet dimana Anda bisa men-download
cracker untuk program yang Anda cari!!
OK
BC
lu
b.
Jadi, sekali lagi Anda tidak perlu ragu-ragu untuk men-download dan
menggunakan software gratisan!
ww
w.
Gambar 8.25: Hasil pencarian cracker Psyral Phobia dari astalavista.box.sk
OKB Club Indonesia – http://www.okbclub.com
321