Anda di halaman 1dari 170

m

co
LET'S GO TO LEARN

b.
CARA MEMBUAT

lu
WEBSITE SENDIRI

BC
dengan modal

100%
GRATIS !
OK
w.
ww

ii
OKB Club Indonesia – http://www.okbclub.com
setup agar Anda bisa membukanya baik melalui browser maupun melalui
KATA PENGANTAR

m
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!
Setahun atau dua tahun yang lalu, memiliki alamat e-mail sudah bisa

co
dibanggakan. Akan tetapi kini gengsi itu sudah bergeser. Mencantumkan alamat Pada langkah KETIGA, Anda akan mulai mempelajari html, bahasa inti yang
situs pribadi di kartu nama adalah kebanggaan baru. dipakai untuk menulis halaman-halaman web. Setelah memahami langkah ketiga
ini, Anda akan memiliki kemampuan untuk membuat homepage off-line. Yaitu
Sayangnya, hanya sedikit diantara kita yang bisa membuat homepage sendiri.
situs homepage yang hanya bisa diakses dari komputer karena file-file yang
Padahal untuk menyuruh orang lain membuatkan homepage untuk kita, biayanya
membentuk homepage tersebut masih berada didalam harddisk.
tidaklah sedikit. Kita harus membayar untuk desain web-nya, membayar untuk

b.
sewa server-nya dan akhirnya membayar untuk mendapatkan nama domain-nya. Pada langkah KEEMPAT, Anda akan mempelajari bagaimana cara
Sementara itu, beberapa orang yang mengetahui cara membuat halaman web mendaftar ke situs-situs penyedia layanan spasi web gratis (free webspace) baik
tidak cukup mengerti bagaimana caranya supaya situs web mereka bisa on-line dari dalam maupun luar negeri. Bagaimana memilihnya dan bagaimana cara
dan bisa diakses dari seluruh dunia. Banyak sekali materi bahasan di majalah dan setup-nya. Jika kebetulan Anda memiliki alamat e-mail di Yahoo!Mail, maka
sebetulnya Anda juga memiliki web server siap pakai sebesar 15MB. Pada

lu
buku-buku komputer yang membuat banyak orang menyadari bahwa mereka bisa
mendesain situs web sendiri menggunakan Ms. Word 97/2000 atau Ms. langkah keempat ini juga diajarkan bagaimana caranya memanfaatkan web server
FrontPage 98/2000. Akan tetapi setelah desain web mereka jadi, mereka tidak ini.
tahu apa yang harus dilakukan selanjutnya. Untuk itulah buku ini ditulis! Setelah Anda terdaftar pada salah satu web server gratis, pada langkah
KELIMA akan dibahas cara upload file dari harddisk ke web server agar file-

BC
Seiring dengan perkembangan jaman di era cyberspace ini, memiliki situs
web selalu memberi banyak keuntungan. Jika Anda bertanya, "Mengapa saya file html Anda bisa diakses oleh semua orang dari seluruh dunia. Pembahasan
harus memiliki homepage?", maka apapun profesi Anda, pasti selalu ada pada langkah kelima ini meliputi tata cara upload file menggunakan program
jawabannya. client FTP (File Transfer Protokol), browser, file manager dan Ms. FrontPage
2000. Setelah melaksanakan langkah kelima ini, Anda akan langsung memiliki
Buku ini disusun berdasarkan pengalaman penulis dalam membuat situs web homepage on-line sendiri yang bisa diakses dari seluruh dunia oleh siapapun
gratis di internet. Anda akan dituntun langkah demi langkah dalam pembuatan dan kapanpun!
situs web dari mulai cara akses internet-nya, mendaftar ke penyedia e-mail
OK Untuk membuat tampilan situs web menjadi lebih profesional, pada langkah
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 KEENAM akan dibahas mengenai tata cara mendapatkan counter pengunjung
server sampai dengan tata cara promosi dan trik-triknya. Semua materi dan dan buku tamu (Guest Book) gratis dari internet, juga tentang tata cara
software yang digunakan dalam pembuatan homepage ini semuanya bisa penyisipan kode-kodenya kedalam halaman utama situs web kita.
diperoleh gratis dari internet. Setelah memiliki homepage sendiri dengan tampilan dan isi yang sangat
Pada langkah PERTAMA, Anda akan mempelajari bagamana cara akses ke bagus, tentu tidak ada gunanya jika tidak ada yang mengetahuinya! Karena itu
internet menggunakan ISP-Gratis beserta setup software dan hardware-nya. pada langkah KETUJUH, akan dibahas mengenai bagaimana cara
mempromosikan situs web baru kita keseluruh dunia, baik melalui pemasangan
w.

Walaupun sebenarnya tidak bisa dikatakan benar-benar gratis, akan tetapi penulis
memasukkannya dalam kelompok ini karena untuk bisa mengakses internet, Anda iklan gratis di internet, melalui banner exchange, melalui portal lokal maupun
tidak perlu mendaftar ke ISP (Internet Service Provider), tidak perlu membayar melalui pendaftaran ke situs-situs search engine internasional seperti Alta Vista,
uang iuran bulanan dan tidak perlu membayar kelebihan jam akses. HotBot, Excite, WebCrawler, InfoSeek, Lycos dan lain sebagainya.

Setelah Anda dapat terhubung ke internet, pada langkah KEDUA diajarkan Selain ketujuh langkah wajib diatas, penulis menambahkan satu langkah
ww

bagaimana caranya mendapatkan e-mail gratis berbasis web dan POP3 serta cara terakhir sebagai langkah BONUS, yaitu TIP & TRIK untuk memaksimalkan
keuntungan dari penggunaan homepage pribadi dan internet. Didalamnya
iii iv
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
dibahas mengenai berbagai macam trik untuk menghilangkan banner iklan yang
DAFTAR ISI

m
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

co
memanfaatkan homepage sebagai mesin pencetak uang dan banyak lagi yang
lainnya. KATA PENGANTAR ..................................................................... v
Akhirnya, pada kesempatan ini penulis ingin mengucapkan banyak terima DAFTAR ISI................................................................................................................. vii
kasih kepada pimpinan PT. Elex Media Komputindo beserta seluruh staf yang PENDAHULUAN: Punya Homepage Sendiri? Untuk Apa? xv
telah memungkinkan bisa terwujudnya buku ini. Juga ucapan terima kasih penulis Seberapa Besar Internet Sekarang ? ................................................. xvii
sampaikan kepada istri tercinta yang telah merelakan berkali-kali pulsa telepon

b.
Seberapa Dinamis Internet ? ............................................................. xviii
di rumah membengkak tidak karuan!
Selamat membaca! Selamat mendesain homepage Anda sendiri dan selamat BAB 1 - LANGKAH KE-1:
menikmati hasilnya!

lu
AKSES INTERNET MENGGUNAKAN ISP GRATIS! . 1

1.1 Koneksi Ke ISP-G TelkomNet Instan .................................. 3


1.2 Persyaratan Teknis ....................................................................... 4

BC
1.3 Spesifikasi Komputer ................................................................. 5
Yogyakarta, 1.4 Instalasi Dial-Up Networking Win 95/98 ............................. 6
OKB Club Indonesia 1.5 Membuat Koneksi Baru Ke TelkomNet ............................... 8
1.6 Instalasi Protokol TCP/IP ........................................................ 10
1.7 Setting DNS .................................................................................. 11
1.8 Setting Proxy ................................................................................. 12
1.9 Memulai Koneksi Ke TelkomNet ........................................... 14
OK
1.10 Anda Perlu Bantuan? .................................................................. 16

BAB 2 – LANGKAH KE-2:

MENDAPATKAN E-MAIL GRATIS! ..................................... 17


w.

2.1 Mendaftar ke Yahoo!Mail, E-Mail Gratis Berbasis WEB+


18
2.2 Mendaftar ke TelkomMail, E-Mail Gratis Berbasis POP3+ .......... 23
2.3 Set-Up Yahoo!Mail Agar Mendukung POP3 ....................... 26
2.4 Set-Up Outlook Express Untuk Membuka Yahoo!Mail .... 29
ww

2.5 Memburu Penyedia Layanan E-Mail Gratis! ........................ 31


v vi
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
2.5.1 Penyedia Layanan E-Mail POP3/SMTP Gratis!. 31 3.3.2 Format Dasar File HTML ........................................ 54

m
2.5.2 Penyedia Layanan E-Mail Berbasis WEB Gratis! 3.3.3 Informasi Versi HTML ............................................. 55
32 3.3.4 Memberi Judul Halaman/Bookmark ..................... 56
2.5.3 Penyedia Layanan E-Mail Dengan Nama Unik ! 3.3.5 Informasi untuk Search Engine .............................. 57
36 3.3.6 Mengatur Warna Teks Global ................................. 59

co
2.5.4 Penyedia E-Mail Gratis Dengan Spasi 40 MB! ... 37 3.3.7 Mengatur Warna Latarbelakang .............................. 60
2.6 Anda Akan Dibayar Untuk Membaca E-mail ...................... 38 3.3.8 Menggunakan Link ..................................................... 62
3.3.9 Mengatur Warna Link ................................................ 63
BAB 3 – LANGKAH KE-3: 3.3.10 Membuat Garis Horisontal ........................................... 63
3.4 MANIPULASI TEKS ............................................................... 66

b.
MEMPELAJARI HTML ............................................................... 39 3.4.1 Tebal, Miring, Garis Bawah dan Kombinasi ....... 65
3.4.2 SubScript & SuperScript ........................................... 66
3.1 PENDAHULUAN ..................................................................... 39 3.4.3 Menampilkan Teks Apa Adanya ............................. 67
3.1.1 Evolusi Cyberspace .................................................... 40 3.4.4 Mencoret teks ............................................................... 68

lu
3.1.2 Sekitar World Wide Web .......................................... 40 3.4.5 Membuat Teks Berkedip ........................................... 68
URL ........................................................................................ 40 3.4.6 Membuat Teks Berjalan ............................................ 69
HTTP ..................................................................................... 41 3.4.7 Menggunakan Header ................................................ 70

BC
HTML .................................................................................... 42 3.4.8 Mengatur Paragraph ................................................... 71
3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa Menjawab 3.4.9 Mengatur Alignment .................................................. 71
Ini! .......................................................................................... 43 3.4.10 Mengatur Indent Paragraph .......................................... 73
Mengapa Anda Ingin Membuat Homepage? ................ 43 3.4.11 Memilih Font .................................................................... 74
Siapa Yang Anda Harapkan Tertarik Dengan Homepage 3.4.12 Memilih Warna Font ....................................................... 76
Anda? ...................................................................................... 43 3.4.13 Mengatur Ukuran Font ................................................... 77
Tipe Homepage Yang Bagaimana Yang Anda Inginkan? ... 44 3.4.14 Mengatur Font Default .................................................. 78
OK
Mengenai Apa Isi Homepage Anda? .............................. 44 3.5 MANIPULASI GAMBAR ....................................................... 81
Seperti Apa Tampilan Homepage Yang Anda Inginkan? .... 44 3.5.1 Memburu Editor Gambar Gratis Dari Internet .. 80
Dimana Anda Ingin Memasang Homepage Anda? .... 44 3.5.2 Cara Menampilkan Gambar ..................................... 83
3.1.4 Memilih Editor ............................................................. 45 3.5.3 Membuat Linebar & Bullet Dengan Gambar ..... 85
3.2 DASAR-DASAR HTML ........................................................... 49 3.5.4 Mengatur Ukuran Tampilan Gambar .................... 86
3.2.1 Mengenal Tag .............................................................. 48 3.5.5 Menampilkan Teks Di Area Gambar .................... 87
w.

3.2.2 Atribut Tag ................................................................... 50 3.5.6 Mengatur Border Gambar ........................................ 88


3.2.3 Karakter-Karakter Khusus ....................................... 51 3.5.7 Trik Mempercepat Gambar Tampil Dilayar ........ 90
3.2.4 Menangani Spasi dan Ganti Baris ........................... 52 3.5.8 GIF atau JPG ? ........................................................... 91
3.2.5 Menyisipkan Komentar ............................................. 52 3.5.9 Menggunakan Gambar Animasi ............................. 92
3.3 MEMULAI MEMBUAT HOMEPAGE .............................. 54 3.5.10 Menggunakan Gambar Untuk Membuat Imagemap ......... 94
ww

3.3.1 Bagaimana memulainya? ........................................... 53 3.5.11 Optimasi Gambar ............................................................ 97


vii viii
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
Mengurangi warna ............................................................. 97 3.9.9 Tabel dalam tabel ........................................................ 133

m
Menghilangkan komentar pada file GIF ..................... 97 3.9.10 Mengatur warna background sel .................................. 134
Menghilangkan data non-gambar pada file JPG ....... 98 3.9.11 Cara mudah membuat tabel dengan HomeSite ....... 139
Menurunkan kualitas gambar hingga batas yang masih
dapat diterima mata .......................................................... 98 BAB 4 – LANGKAH KE-4:

co
Memperkecil area gerak gambar animasi .................... 99
Mengkompres file GIF Animasi ................................... 101 MENDAFTAR KE WEB SERVER GRATIS! ...................... 143
Jangan menjadi perampok Bandwidth! ........................ 102
3.6 MANIPULASI DAFTAR ITEM ........................................... 105 4.1 MEMBURU WEB SERVER GRATIS ................................. 144
3.6.1 Membuat Daftar Tak Berurut ................................. 103 4.1.1 Web Server Gratis Dari Indonesia .................................................. 144

b.
3.6.2 Membuat Daftar Berurut .......................................... 104 Rileks Free Homepage ....................................................... 141
3.6.3 Mengatur Angka Awal Item ..................................... 106 SSNet ...................................................................................... 142
3.6.4 Membuat Daftar Definisi ......................................... 107 Capella.co.id .......................................................................... 143
3.6.5 Menampilkan Daftar Multi-Colum ........................... 109 CeritaSeru.org ....................................................................... 144

lu
3.7 MENGGUNAKAN FORM .................................................... 113 4.1.2 Web Server Gratis Dari Luar Negeri ............................................. 149
3.7.1 Mendapatkan Informasi Dari Pengunjung ........... 111 20m ......................................................................................... 146
3.7.2 Melakukan Survei Pengunjung ................................ 112 4Office.net ............................................................................ 146

BC
3.7.3 Menggunakan Menu Drop-Down .............................. 113 50Megs ................................................................................... 146
3.7.4 Mendapatkan Komentar Dari Pengunjung .......... 114 AcmeCity ............................................................................... 147
3.7.5 Mengganti Label Tombol ......................................... 115 Angelfire ................................................................................ 147
3.7.6 Mengirim Data Tersembunyi .................................. 117 Big Step .................................................................................. 148
3.7.7 Membuat Link Dengan Tombol ............................. 118 Bizland ................................................................................... 148
3.7.8 Menggunakan WEB Form Text Formatter ............... 118 BootBox.net .......................................................................... 149
3.8 MENGGUNAKAN FRAME ................................................. 122 Crosswinds ............................................................................ 149
OK
3.8.1 Membelah layar dalam frame .................................. 120 DenCity .................................................................................. 150
3.8.2 Menggunakan link dalam frame .............................. 123 Domain Valet ....................................................................... 151
3.8.3 Cara mudah membuat frame dengan Frame-It . 123 Dreamwater .......................................................................... 151
3.9 MENGGUNAKAN TABEL .................................................. 127 Envy ........................................................................................ 151
3.9.1 Format dasar sebuah tabel ........................................ 124 EWebCity .............................................................................. 151
3.9.2 Mengatur border ......................................................... 126 Fortune City .......................................................................... 152
w.

3.9.3 Manipulasi sel dalam tabel ....................................... 127 Freedom2Surf ...................................................................... 152
3.9.4 Menampilkan sel kosong ........................................... 128 Freeservers ............................................................................ 153
3.9.5 Menggabung Sel .......................................................... 129 FreeYellow ............................................................................ 154
3.9.6 Mengatur perilaku sel ................................................. 130 Geocities ................................................................................ 154
3.9.7 Mengatur alignment tabel ......................................... 132 Go Network .......................................................................... 155
ww

3.9.8 Mengatur alignment sel ............................................. 132 Homepage ............................................................................. 155


ix x
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
Homestead ............................................................................ 155 BAB 5 – LANGKAH KE-5:

m
Hypermart ............................................................................. 156
iXprss ..................................................................................... 157 MEMASANG HOMEPAGE KE WEB SERVER (UPLOAD
LiveUniverse ......................................................................... 157 FILE) .......................................................................................... 186
NetColony ............................................................................. 158

co
PortLand ................................................................................ 158 5.1 UPLOAD FILE DENGAN FILE MANAGER .............. 187
Rebondir ................................................................................ 159 5.1.1 Upload file ke TRIPOD ........................................... 187
Stas ................................................................................................................. 159 5.1.2 Upload file ke GEOCITIES ................................... 191
Stormloader .......................................................................... 159 5.2 UPLOAD FILE MENGGUNAKAN BROWSER .......... 194
TheBurgh ............................................................................... 160 5.3 UPLOAD FILE MENGGUNAKAN PROGRAM FTP

b.
Tripod ..................................................................................... 160 197
Virtual Avenue ..................................................................... 160 5.4 UPLOAD FILE MENGGUNAKAN FRONTPAGE 2000 . 200
WebHostMe .......................................................................... 161 5.4.1 Upload file dari server FrontPage .......................... 200
Xoom (NBCi) ....................................................................... 161 5.4.2 Upload file dari Folder HardDisk .......................... 203

lu
4.1.3 Spasi Gratis Untuk Yang Punya 'Minat Khusus' ...................... 165
Anzwers ................................................................................. 165 BAB 6 – LANGKAH KE-6:
NightSites .............................................................................. 166

BC
Sexplosion ............................................................................. 167 MEMASANG COUNTER DAN GUESTBOOK GRATIS !
Internet Trash ....................................................................... 167 .......................................................................................... 206
4.2 MENDAFTAR KE WEB SERVER GRATIS ................... 169
4.2.1 Mendaftar ke Rileks.Com ......................................... 169 6.1 MEMASANG COUNTER ...................................................... 207
4.2.2 Mendaftar ke Tripod.Com ........................................ 171 6.1.1 Memasang Counter di Tripod ................................. 207
Mengganti Mode Iklan di Tripod .................................... 174 6.1.2 Memasang Counter di Geocities ............................. 208
Mengaktifkan FrontPage Server Extension Tripod .... 177 6.1.3 Memburu Counter Gratis di Internet .................... 210
OK
4.3 MENGAKTIFKAN HOMEPAGE DI GEOCITIES ... 178 6.1.4 Mendapatkan Counter dari AddFreeCounter ...... 213
4.4 MENDAPATKAN NAMA DOMAIN SENDIRI .......... 181 6.1.5 Mendapatkan Counter dari Admo.Net .................. 218
4.4.1 Tentang InterNIC ....................................................... 181 6.2 MEMASANG GUESTBOOK ............................................... 222
4.4.2 Anda Harus Punya Tempat Parkir ......................... 182 6.2.1 Memasang Guestbook di Geocities ....................... 223
4.4.3 Cara Memperoleh Nama Domain Gratis ............. 183 6.2.2 Memburu Guestbook Gratis ................................... 226
4.4.4 Jualan Nama Domain? Mengapa Tidak? .............. 184 6.2.3 Mendapatkan Guestbook Gratis dari Admo.Net .......... 229
w.

6.2.4 Mendapatkan Guestbook Gratis dari htmlGEAR ....... 232


ww

xi xii
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
BAB 7 – LANGKAH KE-7: 8.3 MEMBUAT AUTO REMINDER ......................................... 298

m
8.4 MENYISIPKAN FASILITAS URL-MINDER ................ 299
UMUMKAN HOMEPAGE BARU ANDA KE SELURUH 8.5 MELAKUKAN REDIRECT HALAMAN WEB ............. 300
DUNIA ! .......................................................................................... 248 8.6 MEMASANG POLLING KEDALAM SITUS WEB ..... 301
8.7 TRIK MEMILIKI ALAMAT DOMAIN GRATIS! ......... 307

co
7.1 MEMBURU PENYEDIA LAYANAN IKLAN GRATIS ..... 249 8.8 MANFAATKAN SITUS WEB UNTUK MENCARI UANG!
7.2 MEMASANG IKLAN ONLINE GRATIS ....................... 252 ................................................................................................................. 312
7.3 PROMOSI SITUS WEB MELALUI SITUS PORTAL .. 255 8.9 MEMPROTEKSI FILE HTML ............................................. 316
7.3.1 Mendaftar Ke Situs Portal Satunet ......................... 250 8.9.1 Mematikan Fungsi Klik-Kanan Mouse Pengunjung ... 317
7.3.2 Mendaftar Ke Situs Portal Catcha.co.id ................ 252 8.9.2 Mengenkripsi File Html ............................................ 318

b.
7.4 PROMOSI SITUS MELALUI PERTUKARAN BANNER .. 262 8.10 MENYISIPKAN JAM/TANGGAL SAAT INI & TANGGAL
7.4.1 Cara Mudah Memiliki Banner ................................. 254 UPDATE .............................................................................................................. 322
7.4.2 Mendaftar ke BannerIndonesia.com ...................... 255 8.11 TRIK MENDAPATKAN UNLIMITED WEB SPACE!
7.5 MEMANFAATKAN SEARCH ENGINE ......................... 268 324

lu
7.5.1 Memburu Search Engine .......................................... 259 8.12 MENYAMBUT PENGUNJUNG DENGAN MUSIK . 325
7.5.2 Mendaftar ke 12 Search Engine Besar Di Internet ........ 261 8.13 JANGAN KHAWATIR MENGGUNAKAN WEB
AUTHORING TOOL VERSI SHAREWARE ! ............... 326

BC
BAB 8 – LANGKAH BONUS:

TIPS & TRIK MENGGALI FASILITAS GRATIS DAN


PROFIT SEBANYAK-BANYAKNYA DARI INTERNET !
.......................................................................................... 275

8.1 MEMPERPENDEK ALAMAT SITUS WEB ................... 276 


OK
8.2 MELENYAPKAN IKLAN DARI SITUS WEB GRATIS .... 280
8.2.1 Mengapa iklan perlu dilenyapkan? .......................... 271
8.2.2 Melenyapkan Iklan Dengan Program Khusus .... 272
8.2.3 Trik Membongkar iklan Pop-Up ............................ 273
8.2.4 Membongkar Iklan Popup Dengan SuperScript . 274
8.2.5 Membongkar Iklan Popup Dengan SuperFilter . 275
w.

8.2.6 Membongkar Iklan Pop-Up Setelah Muncul ....... 276


8.2.7 Melenyapkan Banner Iklan ....................................... 277
8.2.9 Melenyapkan Iklan Berbasis Frame ....................... 278
8.2.10 Menghindari Deteksi Kode Oleh Server .............. 279
8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai .. 280
ww

xiii xiv
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
CashSurfers, PaidForSurf, ePilot dan puluhan lagi yang lainnya. Kemudian Anda

m
tinggal mencantumkan kode referal Anda sendiri kedalam homepage Anda untuk
mengumpulkan downline!

PENDAHULUAN Jika Anda seorang Olahragawan, Anda dapat mengisi homepage Anda dengan
segala aktivitas Anda dibidang olah raga yang Anda tekuni, foto-foto kegiatan

co
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
Punya Homepage Sendiri? Untuk Apa? praktek Anda, tarif pengobatan dlsb.

b.
Jika Anda seorang Kartunis, Anda dapat mengisi homepage Anda dengan
Anda benar-benar tidak tahu untuk Apa?!? Kalau demikian, koleksi kartun-kartun karya Anda sendiri atau orang lain¸ bahkan juga kartun-
coba simak beberapa dari jutaan alasan yang bisa dibuat kartun karya Anda yang belum pernah diterbitkan oleh penerbit manapun karena
berikut ini! (mungkin) jelek, kurang menarik, terlalu jorok dll.

lu
Jika Anda adalah seseorang yang suka bergaul, Anda dapat mengisi HomePage
Anda dengan data mengenai Anda sendiri, teman-teman Anda, keluarga Anda,
Jika Anda seorang Pelajar atau Mahasiswa, Anda dapat membuat homepage foto-foto Anda, kegiatan Anda, kegiatan teman-teman Anda, acara kegiatan
untuk memamerkan keunggulan sekolah atau Universitas Anda, kegiatannya, mingguan, mengumpulkan teman baru (dari pengunjung situs), bertukar pikiran

BC
rencana kegiatannya dimasa mendatang, memperkenalkan klub-klub yang ada dengan teman dlsb.
disekolah / Universitas Anda dan lain sebagainya.
Jika Anda seorang Penulis, Anda dapat mengisi homepage Anda dengan tulisan-
Jika Anda adalah seorang Artis, Foto model atau Penyanyi, Anda bisa membuat tulisan Anda, tulisan-tulisan tertentu atau bahkan tulisan-tulisan Anda yang tidak
homepage untuk mempublikasikan kegiatan-kegiatan Anda, meng-counter gosip- pernah diterbitkan oleh penerbit manapun!
gosip yang merugikan atau menampilkan jadwal kegiatan Anda sehingga fans
Jika Anda adalah seorang Penghayal, Anda dapat menuliskan khayalan-khayalan
Anda bisa tahu kapan mereka bisa menjumpai Anda dst.
Anda dalam homepage Anda, baik yang mungkin maupun yang mustahil. Siapa
OK
Jika Anda seorang Ilmuwan, Peneliti atau Scientist, homepage Anda bisa diisi tahu ada produser film yang mau mengangkat khayalan Anda menjadi film. Atau
dengan publikasi hasil karya ilmiah Anda, tesis, proposal-proposal Iptekda, bahkan suatu saat khayalan Anda menjadi kenyataan?
RUT, RUK, rencana penelitian, hasil-hasil penelitian, masalah yang dihadapi
Jika Anda adalah seorang Musisi, Anda dapat mengisi homepage Anda dengan
dalam penelitian, prototipe, jadwal seminar dan lain sebagainya. Selain itu Anda
karya musik Anda, contoh lagu yang Anda ciptakan (baik dalam format MP3,
juga bisa membuat polling online untuk keperluan riset atau untuk mendukung
WAV atau MIDI), lirik-lirik lagu yang Anda ciptakan, aransemen lagu yang Anda
teori-teori Anda.
ciptakan, kelompok musik Anda, personilnya dan segala sesuatu yang
Jika Anda seorang Hobbyist (apa saja), Anda bisa mengisi homepage Anda berhubungan dengan musik!
w.

dengan segala hal yang berhubungan dengan hobby yang Anda geluti, filateli,
Jika Anda adalah seorang Pedagang, Anda dapat membuat kios virtual yang
komputer, programming, masak-memasak, merangkai bunga, ngerumpi,
dapat menampilkan barang-barang yang Anda jual kedalam homepage Anda,
memajang foto-foto Anda atau hasil-hasil karya Anda.
keunggulan masing-masing barangnya, harganya, diskonnya, pelayanannya, purna
Jika Anda seorang Pengangguran, Anda bisa menciptakan uang dari internet! jualnya dlsb.
Anda dapat mendirikan bisnis multi-level online seperti AKSARA Online
Jika Anda adalah seorang Produsen/Pengusaha, Anda dapat mengisi homepage
ww

misalnya, atau mengikuti program-program pengumpul uang seperti Spedia,


Anda dengan barang-barang produksi perusahaan Anda, keunggulannya jika
xv xvi
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
dibanding produk perusahaan lain, dukungan purna jualnya, pemasarannya, profil Ini berarti bahwa jumlah alamat domain di internet naik 195,6 % dalam waktu 5

m
perusahaan, jumlah karyawan dll. bulan terakhir!
Jika Anda adalah seorang Bisnisman, Anda dapat mengisi homepage dengan
rencana bisnis Anda, prospeknya kedepan, kerjasama yang Anda butuhkan atau SEBERAPA DINAMIS INTERNET?
yang dapat Anda tawarkan pada pihak lain dlsb.

co
Internet adalah satu-satunya sumber daya yang mengalami perubahan setiap detik.
Jika Anda adalah seorang Pemilik Hotel, Penginapan atau Losmen, Anda dapat Untuk mengetahui seberapa dinamisnya internet, berikut adalah sebagian statistik
mengisi homepage Anda dengan berbagai hal yang berhubungan dengan hotel yang penulis dapatkan dari Censorware Project (cencorware.org) awal Agustus
Anda, jumlah kamarnya, fasilitasnya, pelayanannya, luas arealnya, lokasinya 2000.
dlsb.
Pada setiap 24 jam, internet bertambah :
Jika Anda adalah seorang Fotographer, Anda dapat memajang foto-foto hasil

b.
karya Anda di homepage Anda, sejarah terciptanya, penjelasan mengenai • 4.600.000 halaman web baru!
fotonya, proses pembuatannya dan mungkin juga harganya jika Anda ingin • 82.200.000.000 byte teks baru!
menjual karya Anda • 1.030.000 file gambar baru!
Jika Anda adalah seorang Pelawak, Anda dapat mengisi homepage Anda dengan • 17.200.000.000 byte data gambar baru!

lu
aktifitas grup lawak Anda, perekrutan anggota jika ada, foto-foto hasil lawatan • 1.260.000.000.000 byte data berubah!
Anda dalam melawak, jadwal melawak atau bahkan cerita-cerita humor yang • 51.500.000 halaman web berubah!
pernah Anda buat dll. • 11.600.000 gambar berganti!
Jika Anda sedang mencari pekerjaan, Anda dapat membuat sebuah homepage

BC
Dengan kepadatan data yang bertambah dan selalu berubah seperti diatas, setiap
pribadi yang menggambarkan kemampuan Anda. Lalu saat mengirimkan resume hari akan diperlukan sekitar 29.200 orang untuk mengawasi perubahan yang ada
pekerjaan, Anda dapat mencantumkan alamat situs web Anda untuk menunjukkan di web! Barangkali itulah yang menyebabkan pada saat ini censorware tidak
nilai plus pengalaman Anda secara nyata! mampu lagi memberikan statistik lanjutan!
Bahkan jika Anda adalah seorang maniak seks sekalipun, Anda bisa memuat
cerita-cerita ‘saru dan seru’ atau gambar-gambar suur lainnya kedalam PERHATIAN !
homepage Anda! Semuanya bisa dan gratis!
• Internet adalah dunia cyber yang sangat dinamis dan amat cepat berubah!
OK
Pokoknya, apapun profesi Anda, pasti akan selalu ada jawabannya! "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 :
SEBERAPA BESAR INTERNET SEKARANG? http://serba-gratis.tripod.com atau
http://semuagratis.cjb.net
Untuk mendapatkan gambaran tentang seberapa besar perubahan yang ada di
internet, Anda bisa mengunjungi http://www.domainstats.com. • Semua gambar dan tata cara pendaftaran terhadap layanan tertentu pada
w.

suatu situs dalam buku ini diambil pada saat buku ini ditulis. Perubahan
Berdasarkan DomainStats, pada awal bulan Agustus tahun 2000 di internet ada bisa terjadi kapan saja. Akan tetapi biasanya tidak terlalu banyak berubah.
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
ww

berakhiran .COM!

xvii xviii
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com
Gateway langsung dari Amerika Serikat. Kecepatan koneksi yang bisa diperoleh

m
BAB 1 oleh user berkisar antara 43 Kbps sampai 56 Kbps dengan lebar bandwith

LANGKAH KE-1: seperti terlihat pada tabel 1.

Tabel 1: Lebar Bandwith TelkomNet Instan

AKSES INTERNET

co
Berlaku Mulai Bandwidth
MENGGUNAKAN ISP-G Desember 1995
Januari 1997
128 Kbps
1 Mbps
(ISP-GRATIS!) Jan 1998 2 Mbps

b.
Agustus 1998 3 Mbps
Juli 1999 6 Mbps
Nopember 1999 8 Mbps
Juli 2000 12 Mbps (Jakarta)
Oktober 2000 15 Mbps (Cibinong)

lu
Fakta yang tidak bisa ditolak saat ini adalah kenyataan bahwa hampir segala hal
bisa diperoleh gratis dari internet! Setelah beberapa saat berselancar (surfing) Selain TelkomNet Instan, sebenarnya ada lagi ISP-G lain, yaitu LinkNet
di internet, Anda akan segera mendapati kenyataan bahwa tidak hanya lautan (http://www.link.net.id). Sayangnya, pada saat buku ini ditulis, LinkNet hanya
informasi serta ribuan software saja yang bisa diperoleh gratis, melainkan juga bisa diakses lokal dari Jakarta (021). Selain itu, semenjak mereka mengeluarkan

BC
berbagai macam materi bersifat fisik seperti majalah, CD-ROM, CD-Musik, produk bernama LinkNet Turbo (hanya beberapa bulan setelah peluncuran
kaset tape, kaset video, buku-buku, kaos, stiker, brosur, peta, kartu-kartu ucapan, LinkNet reguler) dengan iuran bulanan Rp. 55.000,-, LinkNet reguler menjadi
alat-alat permainan, sampai contoh-contoh produk baru seperti parfum, sabun, hampir mustahil untuk bisa diakses! Karena itu, LinkNet tidak akan dibahas lebih
pewarna rambut dan bahkan uang dolar! Syaratnya hanya satu, Anda telah jauh.
terhubung ke internet!
Setahun atau dua tahun yang lalu, untuk bisa mengakses internet melalui penyedia Tabel 2: Daftar User ID, kode password dan nomor dial ke TelkomNet
layanan internet (ISP-Internet Service Provider) Anda harus mengucurkan uang
OK
untuk membayar biaya pendaftaran, membayar uang bulanan serta membayar uang Area Nomor Dial User – ID Password
kelebihan jam koneksi. Ditambah lagi Anda juga harus membayar uang pulsa
telepon (plus abondemennya) ke TELKOM. Tetapi sekarang, Anda tidak perlu Medan 0809 8 9999 telkomnet6@instan telkom6
serepot itu. Mungkin Anda tidak percaya, tetapi inilah kenyataannya! JaBoTaBek 0809 8 9999 telkomnet2@instan telkom2
Jawa Tengah 0809 8 9999 telkomnet@instan telkom
Kini Anda bisa mengakses internet melalui ISP-G (ISP-Gratis); yang dipelopori Jawa Timur 29912345 * telkomnet@instan telkom
oleh TelkomNet Instan; dari rumah Anda kapanpun Anda inginkan. Anda hanya Denpasar/Bali 20912345 ** telkomnet@instan telkom
perlu membayar pulsa telepon ke TELKOM Rp. 110,- s/d Rp. 160,- per menit! Banjarmasin 0809 8 9999 telkomnet6@instan telkom6
w.

Anda tidak perlu repot melakukan kontrak langganan untuk mendaftar ke ISP, Ujung Pandang 0809 8 9999 telkomnet7@instan telkom7
tidak perlu membayar uang bulanan ke ISP dan tidak perlu lagi membayar biaya
koneksi kelebihan jam yang biasanya berkisar antara Rp. 2000,- sampai Rp. * = Untuk pelanggan diluar Surabaya/Malang, nomor dial harus didahului dengan 031 /
4000,- perjamnya itu! 0341
** = Untuk pelanggan diluar Denpasar, nomor dial harus didahului dengan 0361
Koneksi internet dari TELKOM sebenarnya sudah ada sejak lama, namun baru
ww

digratiskan sejak bulan September 1999. TelkomNet Instan menggunakan

OKB Club Indonesia – http://www.okbclub.com 1 OKB Club Indonesia – http://www.okbclub.com 2


*) Daftar lengkap bisa dilihat di : http://www.plasa.com/instan/jangkauan-detil.html
1.1 KONEKSI KE ISP-G TelkomNet Instan

m
Sejak tanggal 1 Agustus 2000 tarif TelkomNet Instan di seluruh Indonesia
Untuk dapat terkoneksi ke TelkomNet Instan, Anda cukup menghubungi
disamakan menjadi Rp. 150,-/menit. Penyeragamaan ini sesuai dengan tuntutan
TelkomNet Instan melalui komputer yang telah dilengkapi dengan modem dan
pengguna yang ingin agar tarif seragam.
terhubung ke jaringan telepon menggunakan nomor telepon, User ID dan kode

co
Password seperti tampak pada tabel 2. User-ID dan password-nya bersifat case- Biaya pulsa akan ditagihkan pada nomor telepon yang digunakan melalui tagihan
sensitif, Anda harus mengetiknya dalam huruf kecil semua. telepon bulanan, dimasukkan kedalam kolom JAPATI/SLJJ. Biaya hanya akan
dihitung selama terhubung ke TelkomNet dan akan dibulatkan kebawah. Artinya,
Jika Anda kebetulan berada diluar area yang disebutkan dalam tabel 2,
jika Anda terhubung ke TelkomNet selama 358 detik (5 menit 58 detik), maka
TelkomNet Instan menyediakan nomor dan kode akses untuk semua wilayah
secara umum seperti berikut : Anda yang berada di Jabotabek hanya perlu membayar 5 x 150 = Rp.750,- Bila
program dial-up komputer terputus, perhitungan biayanya juga berhenti.

b.
Nomor dial : 0809 8 9999 Perincian penggunaan pulsa dapat dilihat melalui print-out AMA yang dapat
User ID : telkomnet@instan diminta disetiap loket pembayaran telepon terdekat dengan membayar pengganti
Password : telkom kertas cetak (saat ini Rp. 500,- perlembar) atau secara online melalui situs
http://plasa.com.
Karena berlaku secara umum, pelanggan yang berada di BANJARMASIN atau di

lu
BOGOR juga bisa menggunakan kode akses diatas. Akan tetapi berdasarkan
daerah regionalnya, tarif pulsa per-menitnya bisa berbeda-beda. Lihat tabel 3 1.2 PERSYARATAN TEKNIS
berikut ini :
Secara teknis, untuk bisa mengakses internet melalui TelkomNet Instan

BC
Tabel 3: Daftar tarif pulsa untuk berbagai wilayah *) komputer Anda harus sudah dilengkapi dengan modem dan telah ada saluran
telepon dirumah Anda. Jika Anda merencarakan untuk membeli komputer baru,
TARIF sebaiknya Anda sekaligus membeli modem. Mungkin saat ini Anda belum
AREA JANGKAUAN
/MENIT membutuhkannya, akan tetapi Anda akan sangat repot jika membeli dibelakang
Sumatra Rp 150,- Medan (061), Padang (0751), Palembang (0711), hari, terutama saat melakukan instalasi. Modem internal biasanya berharga lebih
Batam (0778), Pekanbaru (0761), Bandarlampung murah dibanding modem eksternal. Berikut adalah beberapa hal yang perlu Anda
(0721), Pematang Siantar (0622) perhatikan saat membeli modem:
DKI Rp 150,-
OK
Jakarta, Bogor, Tangerang, Bekasi (kode area 021 &
Jakarta 0251) • Pastikan modem Anda menggunakan teknologi V.90 (lihat buku manual).
Jawa Rp 160,- Sedang dipersiapkan. Hubungi Kandatel Bandung (022)
Barat untuk tanggal pastinya.
• Teknologi akses kecepatan tinggi V.90 ada dua varian, belum tentu cocok
Jawa Rp 160,- Semarang, Magelang, Yogyakarta, Tegal, Kudus, dengan Telkomnet Instan. Mintalah penjual untuk mencoba dulu akses /
Tengah Pekalongan, Jepara, Cepu, Sleman, Kulonprogo. dial ke Telkomnet Instan.
Jawa Rp 110,- Seluruh Jawa Timur, antara lain: Surabaya, Malang,
• Teknologi V.90 dapat mengakses hingga 56 Kbps, namun dalam prakteknya
Timur Madiun, Jember, Bojonegoro, Banyuwangi, Blitar,
Kediri, Lumajang, Nganjuk dll. kecepatan dial-up berkisar antara 44.5 Kbps s/d 56 Kbps (Anda bisa
w.

Bali Rp 115,- Seluruh Bali dengan kode area 0361, 0362, 0363, 0365, melihatnya saat koneksi dengan TelkomNet Instan terbentuk).
0366, 0368.
Lombok Rp 150,- Mataram (0370)
Sulawesi Rp 150,- Makassar (dengan kode area 0410, 0411, 0413, 0417,
0418, 0419, 0481, 0482), Menado (0431), Bitung
ww

(0438).

OKB Club Indonesia – http://www.okbclub.com 3 OKB Club Indonesia – http://www.okbclub.com 4


Š Driver : Driver untuk modem yang terpasang

m
Š 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.

co
CATATAN :
• 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.
Gambar 1.1: Koneksi ke TelkomNet bisa mencapai 44 Kbps s/d 56 Kbps
Driver untuk modem yang terpasang biasanya juga telah terinstal didalam
komputer (jika Anda membelinya bersama komputer Anda). Tetapi jika belum,
1.3 SPESIFIKASI KOMPUTER Anda harus menginstalnya sendiri. Program driver untuk modem tertentu ada
didalam CD instalasi Windows. Jika tidak ada, maka Anda memerlukan

lu
Komputer yang diperlukan untuk mengakses internet sebaiknya memiliki
disket/CD bawaan yang disertakan saat Anda membeli modem.
spesifikasi seperti berikut:
MINIMAL:
Prosesor : Setara dengan i486 DX4-100 Mhz
1.4 INSTALASI DIAL-UP NETWORKING WIN

BC
Memori : 16 MB 95/98
Hard Disk : 850 MB
SVGA Card : 1 MB Sebelum melakukan instalasi dan seting Dial-Up, ada baiknya Anda memeriksa
Modem : 14.4 Kbps dahulu apakah didalam komputer Anda telah terinstal Dial-Up atau belum.
Sistem Operasi : Windows '95, Linux atau MacOS 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).
DISARANKAN:
OK
Jika ikon Dial-Up Networking tidak ada, siapkan CD instalasi Windows 95/98,
Prosesor : Celeron 333 Mhz, PII-300 Mhz atau lebih terutama jika program sumbernya tidak ada didalam HardDisk (biasanya di sub
Memori : 32 MB dir C:\WIN95 atau C:\WIN98) dan lakukan setup berikut:
Hard Disk : 4.3 MB
Modem : 56 Kbps
Sound Card : Bebas 1. Dobel-klik ikon 'My Computer'.
SVGA Card : 2 MB atau lebih
2. Dari dalam 'My Computer, dobel-klik ikon 'Control Panel'.
w.

Sistem Operasi : Windows '95/'98/2000/NT


3. Dari dalam 'Control Panel', dobel-klik ikon 'Add/Remove Programs'.
Dari sisi software, komputer Anda harus telah diinstalasi dengan beberapa
software dan driver seperti berikut ini:
Š Dial-Up : Program 'Dial-Up Networking'
ww

Š Protokol : TCP-IP

OKB Club Indonesia – http://www.okbclub.com 5 OKB Club Indonesia – http://www.okbclub.com 6


4. Dari dalam 'Add/Remove Programs properties', klik tab 'Windows

m
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'.

co
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.
7. 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
Gambar 1.2: Dial-Up Networking biasanya sudah ada secara default
1.5 MEMBUAT KONEKSI BARU KE TelkomNet
Anda harus membuat koneksi baru untuk dapat mengakses internet melalui

BC
TelkomNet Instan. Berikut adalah cara instalasinya:
1. Dobel-klik ikon 'Dial-Up Networking'. Kemudian dobel-klik ikon 'Make
New Connection'.
OK
w.

Gambar 1.4: Teks TelkomNet bisa diganti apa saja


ww

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


2. Pada kolom dibawah teks 'Type a name for the computer you are 1.6 INSTALASI PROTOKOL TCP/IP

m
dialing:', ketiklah nama tujuan koneksinya, misalnya TelkomNet (Anda boleh
menggantinya dengan nama yang lain). Lanjutkan dengan menekan tombol Sebelum melakukan instalasi protokol TCP/IP pada Windows 95/98, periksalah
'Next'. terlebih dahulu apakah dikomputer Anda telah terinstal protokol ini atau belum.
3. Isi kolom Area code: dan Telephone number: dengan nomor telepon Caranya, klik berturut-turut Start Æ Settings Æ Control Panel, kemudian

co
TelkomNet sesuai tabel 1. Jika Anda menggunakan nomor 080989999, dobel-klik ikon Network. Periksa pada tab Configuration, apakah terdapat
kosongkan kolom Area code:, lalu klik tombol 'Next'. protokol TCP/IP (lihat gambar 1.7).

b.
lu
Gambar 1.5: Isi Telephone number dengan nomor telpon TelkomNet (tabel 1)

BC
4. Pada tampilan yang kemudian muncul, klik tombol 'finish'. Setelah itu,
didalam folder Dial-Up Networking akan muncul ikon untuk koneksi ke
TelkomNet. SELESAI.

Gambar 1.7: Komponen Network minimal untuk dapat mengakses TelkomNet


OK
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.
w.

Berikut ini adalah cara instalasi protokol TCP/IP:


1. Klik berturut-turut tombol Start Æ Settings Æ Control Panel.
2. Dobel-klik ikon Network dan klik tombol Add Æ Protocol Æ Add Æ
Microsoft Æ TCP/IP Æ OK. Jika Windows Anda sebelumnya diinstal dari
ww

Gambar 1.6: Setelah instalasi selesai, akan terbentuk ikon TelkomNet CD Windows 95/98 (bukan dari Hard Disk), maka Anda akan diminta untuk

OKB Club Indonesia – http://www.okbclub.com 9 OKB Club Indonesia – http://www.okbclub.com 10


memasukkan CD tersebut. Jika instalasi sebelumnya berasal dari HardDisk,

m
Anda tidak perlu CD Windows 95/98 lagi.

co
b.
lu
Gambar 1.9: Setting DNS (hanya opsi, tidak harus dilakukan)

BC
Cara melakukan setting DNS:
1. Dobel-klik 'My Computer'.
Gambar 1.8: Instalasi protokol TCP/IP
2. Dobel klik 'Dial-Up Networking'.

1.7 SETTING DNS 3. Klik tombol mouse kanan saat kursor berada pada ikon 'TelkomNet'.
OK
4. Pilih 'Properties', klik tab 'Server Types' dan klik tombol 'TCP/IP
Sebenarnya, TelkomNet telah menggunakan perangkat yang cukup canggih. Anda
Settings…'
hampir tidak perlu men-set apapun jika dikomputer Anda telah terpasang
program Dial-Up Networking dan protokol TCP/IP dengan benar. Penulis telah 5. Klik 'Specify name server addresses' dan isikan nomor-nomor DNS nya.
berbulan-bulan mengakses TelkomNet tanpa men-set DNS dan Proxy sama Biarkan setting yang lain apa adanya.
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 1.8 SETTING PROXY
w.

mengakses alamat IP-nya (http://202.134.0.137).


Sebagaimana dengan setting DNS, dalam keadaan normal setting proxy sama
Berikut adalah setting DNS dan Proxy yang disarankan: sekali tidak diperlukan karena akan dilakukan secara 'otomatis' di sisi Telkom
(transparan di sisi user) dan tidak tergantung pada browser yang digunakan!
DNS Primary : 202.134.0.155 (atau dikosongkan)
Meski tidak diperlukan, tetapi mungkin suatu saat Anda akan memerlukannya jika
DNS Secondary : 202.134.2.5 (atau dikosongkan)
ww

OKB Club Indonesia – http://www.okbclub.com 11 OKB Club Indonesia – http://www.okbclub.com 12


terjadi gangguan atau kelainan yang membuat Anda bisa mengakses home page

m
tertentu, tetapi tidak bisa mengakses situs-situs yang lain.
Berikut adalah setting DNS dan Proxy yang disarankan:
Proxy : proxies.telkom.net.id (atau dikosongkan)

co
Port HTTP : 8080 (atau dikosongkan)
Port SOCKS : 1080 (atau dikosongkan)

Cara melakukan setting Proxy:

b.
A. Jika Anda menggunakan Netscape Navigator :
1. Dari dalam browser, klik menu 'Options' Æ 'Network Preferences…'.
2. Pilih tab 'Proxies' dan klik 'Manual Proxy Configuration' dan klik
tombol 'View…'.

lu
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 Gambar 1.10: Setting Proxy juga tidak harus dilakukan

BC
Port dengan 1080.
B. Jika Anda menggunakan Netscape Comunicator : 1.9 MEMULAI KONEKSI KE TELKOMNET
1. Dari dalam browser, klik menu 'Edit' Æ 'Preferences…'.
2. Klik tanda [+] didepan teks 'Advanced' dalam kolom 'Category'. Untuk memulai melakukan koneksi ke internet melalui TelkomNet Instan,
3. Pilih 'Proxies' dan klik 'Manual Proxy Configuration' dan teruskan lakukan cara berikut:
dengan meng-klik tombol 'View…'. 1. Dobel-klik ikon TelkomNet yang ada didalam folder Dial-Up Networking.
OK
4. Isilah kolom-kolom yang ada dengan alamat proxy dan port dengan Isilah kolom-kolom yang ada sesuai lokasi dari mana Anda melakukan
setting sama seperti setting untuk Netscape Navigator (A.3. s/d A.5.). koneksi ke TelkomNet. Klik kotak check box didepan teks Save password
C. Jika Anda menggunakan Internet Explorer : jika Anda ingin supaya kode User name dan Password yang Anda masukkan
1. Klik berturut-turut tombol Start Æ Settings Æ Control Panel. diingat terus oleh komputer sehingga lain waktu Anda tidak perlu mengetikkan
2. Dobel-klik ikon 'Internet Options' dan klik tab 'Connections'. nama dan kode password lagi saat ingin melakukan koneksi ke TelkomNet.
Pada prakteknya, hanya nama dan kode password sajalah yang harus Anda isi
3. Klik TelkomNet yang ada didalam kolom 'Dial-Up Settings' dan klik
karena nomor telepon TelkomNet telah terisi secara otomatis saat Anda
tombol 'Settings…'.
melakukan setting koneksi ke TelkomNet. Sementara itu Anda bisa
w.

4. Klik check box 'Use a proxy server' didalam kolom 'Proxy server'.
mengabaikan pilihan yang ada didalam kolom Dialing from:. Setelah nama
5. Klik tombol 'Advanced' dan isi kolom-kolom yang ada dengan alamat
proxy dan port menggunakan setting yang sama seperti setting untuk dan kode password terisi dengan benar, klik tombol 'Connect'.
Netscape Navigator diatas (A.3. s/d A.5.).
ww

OKB Club Indonesia – http://www.okbclub.com 13 OKB Club Indonesia – http://www.okbclub.com 14


m
Gambar 1.13: Ikon koneksi muncul setelah modem terhubung ke ISP

Untuk memutus hubungan dengan TelkomNet, klik tombol 'Disconnect' (lihat

co
gambar 1.1). Untuk menghilangkan tampilan koneksinya, klik tombol 'OK'.
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.

b.
TIPS :
Untuk mengetahui secara langsung berapa biaya telepon yang Anda
keluarkan saat terhubung ke internet (seperti counter pulsa di

lu
Gambar 1.11: Klik Connect untuk memulai koneksi ke TelkomNet wartel), Anda dapat menggunakan program LogTick. Program ini
bisa di download gratis dari: http://semuagratis.cjb.net
2. Dalam waktu kurang dari 50 detik, komputer Anda akan tersambung dengan

BC
TelkomNet dan komputer akan memunculkan keterangan bahwa Anda telah 1.10 ANDA PERLU BANTUAN?
terhubung ke TelkomNet. Klik tombol 'Close' untuk menutup keterangan
tersebut. Penulis telah berusaha menyampaikan semua hal yang berhubungan dengan tata
cara koneksi ke TelkomNet Instan untuk dapat mengakses internet melalui ISP-
Gratis 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
OK 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 nomor-
nomor teleponnya:

Batam : (0778) 169


Jabotabek : (021) 3804500 atau 147
Jawa Tengah : 162
w.

Gambar 1.12: Tampilan jika Anda berhasil terhubung ke TelkomNet Jawa Timur : 0800 1 INSTAN (0800 1 467 826)
Medan : (061) 530 7000
Palembang : (0711) 367 000
3. Untuk mengetahui kecepatan koneksi Anda ke internet melalui TelkomNet,
Batam : (0778) 169
dobel-klik ikon berbentuk dua komputer kecil yang saling terhubung di area
status task bar, tepatnya disebelah kanan bawah layar monitor, biasanya UjungPandang, Denpasar : 162
ww

berada disebelah kanan ikon speaker (gambar 1.13). 

OKB Club Indonesia – http://www.okbclub.com 15 OKB Club Indonesia – http://www.okbclub.com 16


Pada kasus yang lain, alamat e-mail akan digunakan oleh penyedia layanan untuk

m
BAB 2 mengirimkan User ID dan kode Password. Utamanya jika Anda mendaftar

LANGKAH KE-2: disebuah layanan online gratis atau ingin men-download program-program
tertentu dari internet.

MENDAPATKAN EMAIL
Setelah Anda bisa mengakses internet, maka memiliki alamat e-mail adalah

co
suatu keharusan! Sedemikian pentingnya alamat e-mail ini sehingga setelah dapat
mengakses ISP-Gratis, langkah kedua yang harus Anda lakukan adalah
GRATIS! mendapatkan e-mail gratis!
Dalam bab ini penulis akan menjelaskan secara detail mengenai tata cara
mendapatkan alamat e-mail di dua penyedia layanan e-mail gratis yang terbaik

b.
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.

lu
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

BC
nama mereka dan hampir setiap orang yang kita kenal akan menanyakan alamat e-
mail 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.
Didunia internet, alamat e-mail berperan lebih dahsyat lagi. Ia bagaikan satu-
satunya mata uang yang sah untuk melakukan transaksi. Adalah satu kenyataan
jika di internet orang bisa mendapatkan hampir segala-galanya, informasi,
OK
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!
Gambar 2.1: Anda hanya perlu waktu kurang dari 10 menit untuk mendapat alamat
Jika Anda mengisi form pendaftaran, form permintaan atau layanan-layanan e-mail gratis dari Yahoo! Mail
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 2.1 Mendaftar ke YAHOO! Mail
w.

Anda ingin mendaftar ke suatu situs free webspace tertentu, maka saat mendaftar
Anda harus mengisi kolom alamat e-mail. Setelah pendaftaran selesai, Anda akan Yahoo! Mail adalah ESP (E-mail Service Provider) berbasis web yang mungkin
dikirimi e-mail yang harus Anda kembalikan lagi ke pengirim (reply) sebagai paling cepat saat ini. Dengan memiliki account di Yahoo! Mail, Anda akan bisa
tanda bahwa alamat e-mail tersebut benar-benar ada pemiliknya dan benar-benar menerima, membaca atau mengirim e-mail melalui Web browser seperti
serius meminta layanan tersebut. Microsoft Internet Explorer atau Netscape Comunicator. Setelah mendaftar,
ww

OKB Club Indonesia – http://www.okbclub.com 17 OKB Club Indonesia – http://www.okbclub.com 18


Anda akan memiliki alamat e-mail nama_anda@yahoo.com yang mudah

m
diingat!
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.

co
Yahoo! Mail memberi spasi gratis sebesar 6 Mega Byte untuk menampung surat-
surat 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

b.
mendekati quota yang diberikan.

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

lu
mendaftarkan diri di Yahoo! Mail.
Gambar 2.2: Isilah form pendaftaran dengan benar
1. Buatlah koneksi ke internet (melalui TelkomNet atau yang lain).

BC
2. Jalankan browser Anda (boleh menggunakan IE atau Netscape).
3. Arahkan browser Anda ke http://mail.yahoo.com. f. Birthday: Isi dengan tanggal, bulan dan tahun kelahiran Anda.
4. Klik tombol 'Sign me up!' untuk mulai mendaftar. g. Current Email Address: Kosongkan karena Anda belum punya.
5. Beberapa saat kemudian akan ditampilkan form pendaftaran. Jangan h. People Search Email Listing: Klik check box jika Anda ingin nama
langsung diisi karena form ini diperuntukkan khusus untuk user yang berada di dan alamat e-mail Anda dimasukkan kedalam data base yahoo untuk
US. Untuk kita yang berada diluar US, klik link "Non-US Sign up form", lalu memudahkan orang/teman Anda mencari alamat e-mail Anda.
isilah form yang ada dengan benar. i. Name: Isi dengan nama Anda.
j. Country: Pilih Æ Indonesia.
OK
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 k. Time Zone: Karena kita berada di Indonesia, pilih GMT +7.
supriyatno, supri, yatno, syatno atau yang lain. Dalam hal ini alamat e-mail l. Primary Language: Biarkan apa adanya (bahasa Indonesia tidak ada).
Anda nantinya akan menjadi supri@yahoo.com, yatno@yahoo.com, m. Gender: Pilih 'male' untuk laki-laki dan 'female' untuk perempuan.
syatno@yahoo.com atau supriyatno@yahoo.com. n. Occupation: Pilih keahlian yang cocok dengan Anda.
o. Industry: Pilih dengan institusi tempat Anda bekerja.
b. Password: Isi dengan kode password yang Anda inginkan.
p. Klik check box yang ada dibawah pertanyaan langkah o jika ingin
c. Retype password: Isi dengan kode password yang Anda inginkan mendapat kiriman berita mengenai produk-produk baru melalui e-mail
w.

(diulang). Anda.
q. Dibawah kelompok pertanyaan "Tell Us About Your Interests
d. Question we'll ask: Pilih apa saja yang bisa mengingatkan Anda akan (Optional)", klik check box yang sesuai dengan minat Anda.
kode password alternatif jika Anda lupa dengan kode password utama.
r. Klik tombol 'Submit this form'.
e. Your answer: Isi dengan kode password alternatif.
ww

OKB Club Indonesia – http://www.okbclub.com 19 OKB Club Indonesia – http://www.okbclub.com 20


7. Ada kemungkinan, nama untuk alamat e-mail yang Anda inginkan telah dari penyelenggara sebagai ucapan selamat datang! Pada contoh diatas,

m
dipakai oleh orang lain, karena itu Anda harus menggunakan nama yang unik penulis mencoba mendaftar dengan nama OKBClub@yahoo.com, tetapi
agar tidak sama dengan orang lain. Misalnya sup99@yahoo.com, ternyata nama ini sudah ada yang memakai. Jadi penulis ganti dengan
yatno2000@yahoo.com, atau sp_yatno@yahoo.com. serba_gratis@yahoo.com dan ternyata diterima.
9. Untuk melihat isi kotak surat yang baru saja dibuat, klik Inbox (1). Angka (1)

co
menunjukkan bahwa didalam kotak surat kita terdapat 1 buah surat yang
belum pernah dibuka/dibaca isinya.

b.
lu
BC
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
OK
lanjutkan dengan meng-klik tombol 'Delete'. Untuk menulis dan mengirim e-
mail 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!
w.

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
8. Jika nama yang Anda inginkan diterima, dalam beberapa detik Anda akan
ww

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


memiliki alamat e-mail nama_anda@telkom.net dengan spasi sebesar 3

m
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.
Cara mendaftarnya sangat mudah. Berikut adalah contoh pendaftaran di
TelkomMail untuk mendapatkan alamat e-mail gratis@telkom.net atau

co
serba_gratis@telkom.net yang nantinya akan kita gunakan dalam proyek
pembuatan HomePage Serba-Gratis ini.

1. Arahkan browser Anda ke alamat http://mail.telkom.net.

b.
lu
Gambar 2.6: Surat pertama Anda berisi ucapan selamat datang dari Yahoo!

2.2 TELKOM MAIL, E-MAIL GRATIS BERBASIS

BC
POP3
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
OK
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. Gambar 2.7: Kunjungi http://mail.telkom.net untuk mendapatkan e-mail POP3
Saat ini di internet ada banyak sekali layanan e-mail gratis berbasis
POP3/SMTP. Anda bisa melihatnya dibagian akhir bab ini. Sekarang, mari kita 2. Klik link 'REGISTRASI'. Beberapa saat kemudian akan tampil persyaratan
mendaftar disalah satu diantaranya, yakni di TelkomMail dan aturan main untuk bisa mendaftar dan memiliki account di TelkomMail.
(http://mail.telkom.net). Diantaranya adalah bahwa Anda tidak boleh menggunakan nama alamat e-
w.

mail yang tidak pantas/tidak sopan, tidak boleh menggunakan TelkomMail


TelkomMail adalah layanan e-mail berbasis POP3/SMTP gratis dari Indonesia untuk melalukan SPAMMING serta besar spasi yang akan diberikan kepada
(TELKOM). Setahu penulis, TelkomMail adalah layanan e-mail gratis berbasis Anda (3 MB). Satu hal lagi yang harus Anda parhatikan adalah bahwa surat
POP3/SMTP yang paling cepat saat buku ini ditulis, mungkin karena yang tidak dibaca dalam waktu 2 minggu setelah masuk, akan dihapus oleh
pelanggannya masih sedikit (sekitar 120 ribu pada akhir Desember 2000) dan TelkomMail! Jika Anda setuju dengan aturan mainnya, klik tombol
ww

mail server-nya berada di Indonesia. Setelah selesai mendaftar, Anda akan 'SETUJU'. Jika tidak setuju, klik 'TIDAK'.

OKB Club Indonesia – http://www.okbclub.com 23 OKB Club Indonesia – http://www.okbclub.com 24


3. Jika Anda setuju dan meng-klik tombol 'SETUJU', dilayar akan ditampilkan

m
form pendaftaran. Diantara yang ditanyakan adalah; "Nama depan", "Nama
belakang", "Jenis kelamin", "Tanggal lahir", "Alamat", "Kota", "Kodepos", E-Mail Account = nama_anda@telkom.net
"Propinsi", "Negara", "No. telepon", "Pekerjaan" "Income per bulan", POP server = pop3.telkom.net
Username", "Password" dll. Isilah kolom-kolom dalam form pendaftaran SMTP server = smtp.telkom.net

co
tersebut dengan benar. Periksa lagi semuanya dan setelah tidak ada kolom
yang kosong, klik tombol 'Submit'.
CATATAN :
4. Jika nama yang Anda inginkan sudah dipakai orang lain, atau jika terdapat
satu atau lebih kolom yang belum terisi, maka akan muncul pesan 'error'. Sampai saat buku ini ditulis, TelkomMail masih terus melakukan
Anda harus menekan tombol 'Back' pada browser Anda dan mengulanginya pembenahan. Tampilan gambar 2.8 mungkin berbeda jika Anda
kembali dengan nama lain atau isian yang benar. Jika segala sesuatunya telah mendaftar ke TelkomMail sekarang (ketika buku ini telah terbit).

b.
'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 2.3 SET-UP YAHOO!MAIL AGAR MENDUKUNG
yang lain! POP3 !

lu
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

BC
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.
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
OK
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. Masuklah ke desktop e-mail Anda seperti biasa (http://mail.yahoo.com).


w.

2. Klik link 'Options'. Setelah menu Options muncul, klik link 'POP
Access & Forwarding'.
Gambar 2.8: Tampilan yang akan muncul jika semua isian benar
3. Klik radio button didepan pilihan Yes dibawah menu Sign Up.

Untuk membaca dan mengirim e-mail dengan Eudora atau Outlook Express,
ww

setting e-mail yang harus Anda lakukan adalah :

OKB Club Indonesia – http://www.okbclub.com 25 OKB Club Indonesia – http://www.okbclub.com 26


9. Pada Step 1, pilihlah Web and POP Acces untuk mendapatkan

m
fasilitas akses POP3 dan pada Step 2, pilihlah HTML messages agar
Anda bisa menerima gambar dan link dalam e-mail.

co
b.
lu
Gambar 2.9: Pilihlah 'Yes' untuk mendapatkan fasilitas khusus POP3
Gambar 2.10: Pilihan untuk mendapatkan fasilitas akses POP3 atau forwarding

4. Klik kotak-kotak check box dibawah menu 'Select your interests' 10. Klik tombol 'Submit' untuk mendaftar.

BC
sesuai minat Anda. Materi-materi yang Anda pilih adalah materi iklan
yang nantinya akan dikirim secara berkala ke alamat e-mail Anda. 11. SELESAI. Sekarang akan muncul tampilan setting server yang dapat
Meski Anda bisa memilih semuanya, pilihlah 1 atau 2 saja agar iklan digunakan untuk menangani e-mail POP3 Anda. Cetaklah halaman ini atau
catat untuk keperluan setting di Outlook Express atau Eudora nanti.
yang masuk ke alamat Anda menjadi minimal.
5. Biarkan pilihan 'Send offers to:' berisi alamat e-mail Anda.
6. Pada pilihan 'Select frequency:', klik radio button didepan teks
OK
'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.
8. Klik tombol 'Finished'. Setelah itu Anda akan dihadapkan pada
w.

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.
ww

Gambar 2.11: Setting server POP3 Anda yang baru

OKB Club Indonesia – http://www.okbclub.com 27 OKB Club Indonesia – http://www.okbclub.com 28


Setelah konfigurasi POP3/SMTP selesai dilakukan, seting mail server Yahoo! 10. Isi kolom dibawah Internet mail account name: dengan nama yang mudah

m
Mail-nya akan menjadi seperti ini : diingat, misalnya 'Yahoo!'. Klik “Next”.
11. Klik radio button didepan label Connect using my phone line karena kita
Incoming Mail (POP3) Server : pop.mail.yahoo.com akan menggunakan saluran telepon untuk koneksi ke TelkomNet.

co
Outgoing Mail (SMTP) Server : smtp.mail.yahoo.com 12. Klik tombol Finish untuk mengakhiri setting.
Account/Login Name : nama_anda (tanpa "@yahoo.com")
E-mail address : nama_anda@yahoo.com
Password : password Anda (tidak berubah)

Anda harus selalu menggunakan data diatas untuk melakukan setting pada semua

b.
program pembaca e-mail.

2.4 SET-UP OUTLOOK EXPRESS UNTUK

lu
MEMBUKA YAHOO! MAIL
Berikut adalah cara setting Outlook Express untuk membaca dan mengirim e-
mail melalui Yahoo! Mail.

BC
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

3. Dalam kotak berlabel Display Name, ketik nama Anda dan kemudian klik
Setting diatas secara default akan mengakibatkan semua e-mail Anda yang
“Next”.
berada di server Yahoo! akan dihapus otomatis setelah selesai dibaca / di-
OK download ke komputer Anda. Jika Anda menginginkan agar file-file e-mail Anda
4. Dalam kotak Email address, ketik alamat e-mail Anda secara lengkap
(termasuk "@yahoo.com"). tetap berada di server meski telah dibaca (supaya dilain waktu bisa dibaca lagi
menggunakan web browser), lakukan set-up Outlook Express sebagai berikut:
5. Pilih POP3 untuk menjawab pertanyaan "My incoming mail server is
a……. server".
6. Dalam kotak Incoming (POP3 or IMAP), ketik: pop.mail.yahoo.com 1. Dari menu Tools, pilih Accounts…, lalu pilih tab Mail.

7. Dalam kotak Outgoing (SMTP), ketik: smtp.mail.yahoo.com 2. Klik ganda account yang dberi label Yahoo! dan kemudian pilih tab
Advanced.
w.

8. Klik “Next”. Dalam kotak Account name, ketik nama alamat e-mail Anda
(tanpa "@yahoo.com"). 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
9. Dalam kotak Password, ketik kode password Anda. Biarkan radio button agar file-file e-mail di server Yahoo! dihapus otomatis setelah dibaca,
didepan teks Log on using Secure Password Authentication (SPA). hilangkan lagi tanda check box ini.
Kemudian klik “Next”.
ww

OKB Club Indonesia – http://www.okbclub.com 29 OKB Club Indonesia – http://www.okbclub.com 30


Yahoo! http://mail.yahoo.com

m
2.5 MEMBURU PENYEDIA LAYANAN E-MAIL Windom's http://windoms.sitek.net

GRATIS! 2.5.2 Penyedia Layanan E-Mail Berbasis WEB Gratis!

co
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 Penyedia Layanan Alamat Home Page
adalah penyedia layanan e-mail gratis! Cobalah kunjungi beberapa situs yang 163 Net http://www.163.net
menyediakan fasilitas search engine seperti http://www.altavista.com, 2BMail http://www.2bmail.co.uk
http://www.google.com atau http://www.yahoo.com. Lalu ketik "free e-mail"
5Start http://www.5star.net
dan klik 'GO'. Ikutilah link-link yang disodorkan dan Anda akan mulai pusing
888.nu http://www.888.nu

b.
sendiri melihat banyaknya link ke penyedia layanan e-mail gratis yang ada di
jagad ini! AlloyMail http://www.alloymail.com
AmexMail http://www.amexmail.com
Sebenarnya, alamat-alamat ini tidak ada gunanya lagi jika Anda telah memiliki Altavista http://altavista.iname.com
alamat e-mail di Yahoo! dan di TelkomNet. Akan tetapi jika Anda masih Angelfire http://email.angelfire.com

lu
merasa kurang, berikut penulis pilihkan sebagian daftar penyedia layanan e-mail
Anti-social http://www.anti-social.com
gratis lain yang banyak digemari karena kemudahan dan fasilitasnya (banyak
ApexMail http://www.apexmail.com
diantaranya bahkan menyediakan spasi lebih dari 5 Mbyte!).
ArcadeMaster http://www.arcademaster.com
Artic.net http://www.artic.net/posti

BC
2.5.1 Penyedia Layanan E-Mail POP3 & SMTP Gratis! Asian City http://www.asiancityweb.com
AstrosFan http://www.astrosfan.net
Penyedia Layanan Alamat Home Page Backpackers http://www.backpackers.com
BaseMail (Portugis) http://www.basemail.com
263.net http://freemail.263.net
BBoy.com http://www.bboy.com
Crosswinds http://www.crosswinds.net
Bellsouth http://www.bellsouth.com
GeoCities http://www.geocities.com
BigAssMail http://mail.bigassweb.com
Global Message http://www.gmx.net
OK
BimaMail http://www.bimamail.com
Exchange
Biz.st http://www.biz.st
Mail.ru http://win.mail.ru/cgi-bin/splash
Busymail http://www.busymail.com
NetTaxi http://www.nettaxi.com
ByteMe http://WWW.Byteme.com
Polbox http://www.polbox.com
Catcha http://www.catcha.co.id
Riftwar http://www.riftwar.com
SoftHome http://www.softhome.net CCNMail http://www.ccnmail.com
Telebot (+voicemail) http://www.telebot.net CewekCantik http://www.cewekcantik.com
w.

TelkomMail http://mail.telkom.net CHEK http://mail.chek.com


Tfz.net http://mail.tfz.net Chickmail http://www.chickmail.com
Tomcat http://www.tomcat.ru/mailbox ChinaLook http://www.chinalook.com
Tonghua http://www.tonghua.com.cn Christianmail.net http://www.christianmail.net
Tutorial http://www.tutorials.com ClubVDO http://www.clubvdo.net
ww

CMPnet http://www.cmpnetmail.com

OKB Club Indonesia – http://www.okbclub.com 31 OKB Club Indonesia – http://www.okbclub.com 32


CODEC http://www.email.ro Hit The Beach http://www.hitthebeach.com

m
Coldmail http://www.coldmail.com Hongkong.com http://freemail.hongkong.com
Coolmail http://www.coolmail.com HoTMaiL http://www.hotmail.com
Cynetcity http://www.cynetcity.com Id-base http://www.id-base.net/Mail
Daily Web Planner http://www.dwp.net IGNMail http://www.ignmail.com

co
Detik http://www.detik.com Imageinemail http://www.imaginemail.com
DejaNews http://www.dejanews.com IVillage http://email.ivillage.com
DiscTara http://www.disctara.com Jamaicamail http://www.jamaicamail.com
DogMail http://mail.dog.com Jerusalem Post http://www.jpostmail.com
Easypost http://www.easypost.com JewishMail http://www.jewishmail.com

b.
Educastmail http://www.educastmail.com JMail http://www.jmail.co.jp
Ehmail http://www.ehmail.com JusticeMail http://www.justicemail.com
eKilat http://ekilat.com Joymail http://tw.joymail.com
Email.com http://www.email.com Kmail http://www.kmail.com.au

lu
England Email http://www.splendiferous.com KMSP http://mail.kmsp.com
Eudora Web-Mail http://www.eudoramail.com Kompas http://www.kompas.com
Ethos.st http://www.ethos.st Korea.com http://mail1.korea.com
Fetchmail http://fetchmail.com Latino Link http://www.latinolink.com
Fiberia http://www.fiberia.com Lightspan EdMail http://www.edmail.com

BC
FinFin http://mail.finfin.com Liquid Information http://www.liquidinformation.net
FlairMail http://www.flairmail.com Looksmart http://www.looksmart.com
Flashemail http://www.flashemail.com LycosEmail http://www.lycosemail.com
Flashmail http://www.flashmail.com Mailbox.sk http://www.mailbox.sk
FnMail http://www.fnmail.com MailCity http://www.mailcity.com
Focus-Asia http://www.focus-asia.com MailExcite http://www.mailexcite.com
Fortune City Mail
OK
http://www.fcmail.com MailForum http://www.mail.forum.dk
FreeAccount http://www.freeaccount.com MauiMail http://www.mauimail.com
FreeMail (Australia) http://www.freemail.com.au Medsite http://mail.medsite.com
FreeMail (Dutch) http://www.freemail.nl MegaPoint http://www.megapoint.com/roam
FreeMail (South Africa) http://www.freemail.co.za Mixmail http://www.mixmail.com
Friendly Email http://www.londonoffice.com Mr. Post http://www.mrpost.com
GNWMail http://www.gnwmail.com MyOwnEmail http://www.myownemail.com
GoCubs (Chicago Cubs) http://mail.gocubs.com MyWorldMail http://www.myworldmail.com
w.

GoPlay! http://www.goplay.com N2mail http://www.n2mail.com


GroupWeb http://www.worldmailer.com NasiCampur http://nasicampur.net
Gurlmail http://www.gurlmail.com NetAddress http://www.netaddress.com
Happy Puppy http://mail.happypuppy.com Netizen Islands Mail http://www.nimail.com
Hello.net.au http://www.hello.net.au
ww

NJOEmail http://www.nj.com/njoemail

OKB Club Indonesia – http://www.okbclub.com 33 OKB Club Indonesia – http://www.okbclub.com 34


NetNet@Mail http://www.netnet.com.sg YNNMail http://www.ynnmail.com

m
NewMail http://www.newmail.net ZapZone http://www.zzn.com
OperaMail http://www.operamail.com ZenSearch http://www.zensearch.net
PandaMail http://bstar.net/panda ZDNetmail http://www.zdnetmail.com
Parsmail http://www.parsmail.com

co
PersonalConnections http://www.pemail.net 2.5.3 Penyedia Layanan E-Mail Dengan Nama Unik!
Philippines.to http://philippines.to
Pinoymail http://www.pinoymail.com Meksipun daftar diatas sudah sangat banyak, akan tetapi mungkin nama domain
Planetary Motion http://www.planetarymotion.com untuk alamat e-mail yang ada masih tidak memuaskan Anda. Ok. Berikut adalah
Pop3Now http://www.pop3now.com sebuah alternatif dimana Anda bisa memiliki alamat e-mail dengan nama domain
unik, lucu, menunjukkan suatu lokasi tertentu, menunjukkan profesi yang Anda

b.
Popmail http://www.popmail.com
geluti dll. Sebagai contoh, jika profesi Anda adalah seorang dokter, maka Anda
Post.cz http://www.post.cz bisa memiliki alamat e-mail nama_anda@doctor.com atau
Post.sk http://www.post.sk nama_anda@dr.com.
PostMark http://www.postmark.net
Jika Anda tertarik, alamat yang harus Anda kunjungi untuk mendaftar adalah

lu
Postmaster http://www.postmaster.co.uk
PO USA http://www.pousa.com http://www.mail.com. Untuk mendaftar, klik "New Member SIGN UP".
ProntoMail http://www.prontomail.com Pada langkah pertama proses pendaftaran, Anda dapat langsung memilih nama
QuikMail http://www.quikmail.com domain yang Anda inginkan, diantaranya adalah :
RaceMail http://www.RaceMail.com

BC
RocketMail http://www.rocketmail.com DOMAIN TERLARIS: mail.com, cheerful.com, europe.com, myself.com,
Safarimail http://www.safarimail.com post.com, consultant.com, techie.com, usa.com, writeme.com.
Salu.net http://www.salu.net
DOMAIN LUCU/MINAT: 2die4.com, artlover.com, cliffhanger.com,
Satunet http://www.satunet.com
bikerider.com, catlover.com, cutey.com, doglover.com, gardener.com, hot-
Sawasdee http://www.sawasdee.com shot.com, inorbit.com, loveable.com, playful.com, poetic.com, popstar.com,
SentrisMail http://www.sentrismail.com saintly.com, mad.scientist.com, seductive.com, soon.com, whoever.com,
Starting Point
OK
http://mail.starting-point.com winning.com, witty.com, yours.com.
Stork Site http://www.storksite.com
Supernews http://www.supernews.com DOMAIN TEMPAT: africamail.com, arcticmail.com, asia.com,
australiamail.com, europe.com, japan.com, samerica.com, usa.com.
Unbounded http://www.unbounded.com
Visto http://www.visto.com DOMAIN KOTA: berlin.com, dublin.com, london.com, madrid.com,
Walla! http://www.walla.co.il moscowmail.com, munich.com, nycmail.com, paris.com, rome.com,
Webmails http://www.webmails.com. sanfranmail.com, singapore.com, tokyo.com.
Whomail http://www.whomail.net
w.

DOMAIN PROPFESI: accountant.com, adexec.com, allergist.com,


Wowmail http://www.wowmail.com alumnidirector.com, archaeologist.com, chemist.com, clerk.com, columnist.com,
Xoomail http://www.xoommail.com comic.com, consultant.com, counsellor.com, deliveryman.com, diplomats.com,
Yahoo! Mail http://mail.yahoo.com doctor.com, dr.com, engineer.com, execs.com, financier.com, geologist.com,
Yawmail http://www.yawmail.com graphic-designer.com, hairdresser.net, insurer.com, journalist.com, lawyer.com,
Yeehaa http://freemail.yeehaa.com legislator.com, lobbyist.com, minister.com, musician.org, optician.com,
ww

OKB Club Indonesia – http://www.okbclub.com 35 OKB Club Indonesia – http://www.okbclub.com 36


pediatrician.com, presidency.com, priest.com, programmer.net, publicist.com, Indonesia yang menyediakan spasi tidak terbatas! Setelah mendaftar, alamat e-

m
realtyagent.com, registerednurses.com, repairman.com, representative.com, mail yang akan Anda peroleh adalah "nama_anda@rileks.com".
rescueteam.com, scientist.com, sociologist.com, teacher.com, techie.com,
umpire.com, underwriters.com.
2.6 ANDA AKAN DIBAYAR UNTUK MEMBACA

co
2.5.4 Penyedia E-Mail Gratis Dengan Spasi 40 MB! E-MAIL!
Pada umumnya, spasi yang diberikan oleh penyedia layanan e-mail gratis hanya 2 Anda ingin mendapat income tambahan saat membaca e-mail? Mungkin Anda
MB, 3 MB, atau 6MB. Meski demikian, ada juga yang mampu menyediakan spasi (lagi-lagi) tak percaya, akan tetapi kenyataannya banyak orang yang bisa
gratis hingga 20 MB, seperti bolehmail.com misalnya. Tetapi sayangnya, mendapat hingga lebih dari US$ 700 perbulan hanya untuk membuka/membaca e-
protokol yang digunakan adalah web based e-mail. Jika Anda memerlukan e-mail mail !

b.
gratis dengan protokol POP3 dan spasi e-mail sangat besar, cobalah ke
Mekanismenya sederhana saja. Penyedia layanan e-mail gratis ini mendapat
http://www.mailplanet.net.
bayaran dari pemasang iklan dan membagikannya sebagian kepada Anda. Besar
MailPlanet menyediakan spasi gratis sebesar 40 MB. Fasilitas yang diberikan kecilnya uang yang akan Anda terima setiap bulan tergantung dari banyak
selain spasi yang besar adalah multi-protocol (pop3 & web), bisa jalan dibawah sedikitnya e-mail yang dibuka/dibaca oleh orang-orang yang berhasil Anda ajak

lu
nama domain Anda sendiri atau sub domain MailPlanet, fasilitas forwarding, bergabung memanfaatkan layanan e-mail gratis ini. Uniknya, e-mail apapun yang
autoresponders, scaning virus harian dan masih banyak lagi! dibaca, Anda akan tetap dibayar, tidak harus berisi iklan!
Pada saat ini, ada sebuah program manajemen downline gratis yang bisa diikuti
untuk mendapatkan uang dari membaca e-mail seperti ini lebih efektif, sehingga

BC
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
OK beserta trik-triknya :

http://uangmail.cjb.net
Setelah mendaftar (gratis), alamat e-mail yang akan Anda peroleh adalah
"nama_anda@themail.com" dengan ukuran spasi 6 MB.
w.

Gambar 2.13: MailPlanet, menyediakan email POP3 dengan spasi 40MB!


Spasi alamat e-mail sebesar 40 MegaByte sesungguhnya sudah cukup besar, akan 
tetapi jika inipun masih kurang bagi Anda, cobalah mendaftar ke Rileks Mail
ww

(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


3.1.1 Evolusi Cyberspace

m
BAB 3
LANGKAH KE-3: Tidak terasa, tiba-tiba saja internet telah menjadi lautan data maha luas. Data-
data itu tersimpan dalam ratusan ribu server yang terkoneksi satu sama lain dari
seluruh dunia. Seiring dengan berjalannya waktu, berbagai macam protokol
MEMPELAJARI HTML

co
transmisi data bermunculan serta berevolusi sehingga menambah koleksi,
sekaligus kekacauan bagi jaringan internet. Salah satu area yang tumbuh

(HyperText Markup Language)


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.
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.

lu
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
3.1 PENDAHULUAN dilakukan oleh Tim Berners Lee dari CERN (Laboratorium Fisika Partikel Eropa

BC
yang berlokasi di Geneva, Switzerland) dengan perangkat pengembang Next
Halaman-halaman web sangat mudah dibuat dengan editor HTML bertipe Step, dengan tujuan untuk menciptakan apa yang dikemudian hari dikenal dengan
WYGIWYS (What You Get Is What You See). Editor semacam ini tersebar di HTML (HyperText Markup Language), HTTP (HyperText Tarnsfer
jagat internet dan dapat diperoleh gratis. Sayangnya, kebanyakan editor secara Protocol) dan WWW (World Wide Web atau W3 atau Web).
'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 3.1.2 Sekitar World Wide Web
OK
hal semacam ini tidak menjadi masalah, bahkan penulis anjurkan untuk
menggunakannya. Tetapi setelah sedikit terbiasa, Anda HARUS mempelajari World Wide Web atau biasa disebut web saja, adalah sumber data dan informasi
HTML, terutama jika Anda ingin menjadi WebMaster kreatif, bukan sekedar yang dapat diakses oleh semua orang melalui jaringan internet. Tiga komponen
WebDesainer! pokok yang menjadi tulang punggung keberadaan sebuah web adalah:
Hal utama yang biasanya sangat menjengkelkan saat membuat situs web gratis
adalah adanya selipan banner iklan atau munculnya iklan pop-up yang secara - URL = Alamat dimana data atau informasi berada.
otomatis ditambahkan oleh penyelenggara free webspace-nya. Banner dan iklan- - HTTP = Protokol / bahasa yang digunakan untuk mengakses informasi.
w.

iklan pop-up ini jelas memperlambat akses ke situs kita dan bahkan dapat
memecah perhatian pengujung situs. Dengan trik khusus yang akan dijelaskan di - HTML = Sumber informasi itu sendiri yang berbasis link dan hypertext.
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 URL
'nyleneh' seperti inilah pop-up banner dan iklan dapat dilenyapkan!
ww

OKB Club Indonesia – http://www.okbclub.com 39 OKB Club Indonesia – http://www.okbclub.com 40


URL (Uniform Resource Locator) adalah standar pengalamatan sebuah file di FTP : ftp://ftp.orst.edu/pub/gaming/doom/

m
internet yang dirancang khusus untuk digunakan dengan browser WWW seperti Gopher: gopher://gopher.cs.ttu.edu/11/reference%20self/faqs%20%28
Netscape, Internet Explorer atau Mosaic. Format standar sebuah URL adalah freqwently%20asked%20questions%29
seperti berikut:
CATATAN :

co
http://me:mypass@www.myhost.com:81/users/OKBClub/file.html
^ ^ ^ ^ ^ ^--- bagian alamat URL local
| | | | |------ nomor port Nama lokasi pada contoh terakhir terlihat agak rumit. Kode-kode
| | | ---------------------- nama host server atau alamat IP
| | ----------------------------- password (optional) angka yang diawali dengan tanda % adalah kode Escape Sequence
| -------------------------------- nama user (optional)
--------------------------------------- protokol yang digunakan
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

b.
Kode me:mypass pada URL diatas adalah nama user dan kode password yang
digunakan untuk mengakses sebuah web ber-password. Kode ini hanya digunakan sebenarnya adalah seperti berikut:
disitus-situs tertentu yang mengharuskan user untuk memasukkan nama dan gopher://gopher.cs.ttu.edu/11/reference self/faqs (freqwently asked questions)
password untuk dapat mengaksesnya. Nama dan password diberikan pada user
yang menjadi anggota dengan membayar iuran tertentu. Kode

lu
www.myhost.com adalah nama host komputer di internet dimana komputer HTML
itu berada. Setiap negara mempunyai kode tersendiri untuk menunjukkan dimana
lokasi server berada. Sebagai contoh, jika komputer berada di Indonesia, maka 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
nama host diberi akhiran .id (contoh: www.indo.net.id), jika komputer berada
ASCII dapat dibaca oleh sistem komputer macam apapun yang ada didunia ini,

BC
di Australia nama host diberi akhiran .au (contoh: www.dialix.perth.au). Bila
maka polesan tag pada file-file ASCII membuat file-file ini dapat dibaca oleh
kode negara tidak ada, maka server bersangkutan bersifat internasional dan
sistem-sistem komputer berbasis DOS, WIN 3.x, WIN 9x, Win ME, WINDOWS
lokasi servernya bisa dimana saja (contoh: www.infokomputer.com). Angka 2000 atau WIN NT sama baiknya dengan sistem-sistem berbasis MACINTOSH,
81 pada URL diatas adalah angka yang menunjukkan nomor koneksi port ke UNIX atau LINUX. Tag-tag yang digunakan dalam file HTML membuat semua
server bersangkutan. Jika tidak ditulis, browser akan menggunakan nomor dokumen terlihat sama meski user menggunakan sistem operasi dari tipe
default. Kode /users/OKBClub/ adalah path dimana file yang akan dibaca, komputer yang sangat berbeda. Tidak seperti file-file dokumen tradisional
diambil atau dilihat berada. Kode file.html adalah nama file yang ingin seperti Word, Excel, WS atau WordPerfect yang tidak dapat saling
OK
ditampilkan dilayar. Jika tidak ditulis, browser akan mencari file dengan nama dipertukarkan!
index.html, index.htm atau default.htm (tergantung seting
servernya) dilokasi path. 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
HTTP dan menampilkan halaman-halaman web seperti Nestcape Communicator, MS
Internet Explorer atau Mosaic, sesungguhnya adalah interpreter yang
HTTP (Hyper Text Trasfer Protocol) adalah salah satu dari beberapa protokol
menterjemahkan tag-tag yang diselipkan didalam file ASCII berekstensi .html
yang digunakan sebagai bahasa komunikasi antar server. Protokol dapat berupa
w.

(atau .htm) dan menampilkannya di layar sesuai tag yang ditemukan. Sebagai
protokol web (http), Telnet, News, Gopher atau FTP. Berikut adalah
contoh, teks ASCII "membuat home page" akan ditampilkan apa adanya jika
beberapa contoh penggunaan alamat URL pada beberapa protokol yang ada :
ditulis tanpa tag, tetapi jika dipoles (baca di mark up) dengan tag <B>…</B>
Web : http://www.elexmedia.com/index.html (sehingga menjadi "<B>membuat home page</B>"), maka teks tersebut
Telnet : telnet://brahe.phys.unm.edu:9999/ akan ditampilkan oleh browser dalam huruf-huruf tebal.
News : news:news.announce.newusers
ww

OKB Club Indonesia – http://www.okbclub.com 41 OKB Club Indonesia – http://www.okbclub.com 42


Seperti telah dijelaskan sebelumnya, kekuatan utama file HTML adalah interest tertentu, seks dan gambar-gambar suuurr misalnya? Atau untuk semua

m
kemampuannya dalam melakukan link hypertext. Sebuah teks yang diberi tag orang? Yang jelas, sebuah homepage dengan daya tarik untuk orang banyak akan
khusus akan membuat browser melompat ke halaman lain di server manapun di mendapatkan lalulintas pengunjung yang padat.
dunia ini jika pemakai membawa kursor dan meng-klik mouse-nya diatas teks
tersebut. Namun demikian, apa yang mampu dikerjakan oleh browser
Tipe Homepage Yang Bagaimana Yang Anda Inginkan?

co
sesungguhnya tidak hanya sekedar melompat dan menampilkan isi file .html
atau .txt kelayar monitor saja, melainkan juga dapat menjalankan program- Anda ingin memiliki homepage komersial? Atau homepage personal? Atau
program tambahan (add-on) untuk memutar lagu/musik jika teks yang dibuat kedua-duanya? Homepage komersial adalah homepage yang berisi informasi
tujuan hypertext adalah nama file berekstensi .wav atau .mid, memutar film- iklan, penawaran suatu produk, jasa atau servis seperti e-commerce dll.
film secara otomatis jika file yang dituju berekstensi .mov, .avi atau .mpeg Sementara homepage personal adalah homepage yang berisi informasi-informasi
dan aktivitas-aktivitas lain sesuai kode ekstensi file yang dipakai sebagai tujuan pribadi, materi-materi hobby atau hanya sekedar link-link ke lokasi-lokasi

b.
klik hypertext. 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.
3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa
Menjawab Ini!

lu
Mengenai Apa Isi Homepage Anda?
Setelah sekian lama melanglang buana di internet dan kenyang menelusuri
berbagai macam situs yang ada, mungkin sekarang Anda mulai berpikir untuk Jika Anda akan membuat homepage komersial, apakah Anda ingin mengisinya
membuat dan memiliki homepage sendiri. Dari sekian banyak waktu yang akan dengan beberapa produk sekaligus atau satu produk spesifik saja? Jika Anda
ingin mengiklankan suatu produk atau jasa, Anda dapat mengisi homepage Anda

BC
Anda habiskan untuk membuat homepage, 80% diantaranya adalah untuk
persiapan dan hanya 20%-nya saja yang akan Anda gunakan untuk pekerjaan yang hanya dengan satu produk atau jasa yang Anda berikan saja. Dengan cara ini,
sesungguhnya. Itulah sebabnya mengapa bagian ini menjadi sangat penting dalam konsumen Anda akan mendapatkan informasi yang diinginkan selengkapnya
merancang sebuah homepage. secara langsung. Dilain pihak, jika Anda membuat homepage pribadi, homepage
Anda dapat berisi beberapa interest sekaligus, misalnya hobby, aktivitas,
Berikut adalah beberapa pertanyaan penting yang harus Anda jawab sebelum keluarga, sejarah, fotografi, puisi, cerita, hasil-hasil kreatifitas Anda atau hal-hal
merancang sebuah homepage, jawaban yang dapat Anda berikan akan positif lainnya.
menentukan sukses dan tidaknya homepage Anda!
OK
Seperti Apa Tampilan Homepage Yang Anda Inginkan?
Mengapa Anda Ingin Membuat Homepage?
Ketika berselancar mengunjungi situs-situs web di internet, Anda mungkin
Hanya sekedar ingin memiliki homepage? Atau untuk menawarkan dan menjual pernah mampir disebuah situs web dan terpesona dengan tampilannya. Lalu
sesuatu? Anda harus dapat menjawabnya dengan jelas. Jika Anda sendiri tidak dalam hati Anda berkata, "Saya ingin tampilan homepage saya seperti itu!" Cara
tahu mengapa dan tentang apa isi homepage Anda sendiri, maka pengunjung terbaik untuk memulai membuat homepage dengan tampilan yang Anda inginkan
homepage Anda tidak akan tinggal lama dan mungkin tidak akan pernah kembali adalah dengan menyimpan halaman situs web tersebut dan mempelajari isi serta
w.

lagi selamanya! 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
Siapa Yang Anda Harapkan Tertarik Dengan Homepage Anda?
ini hanya akan membuat Anda menjadi seorang WebDuplicater, bukan
Apakah Anda ingin memiliki homepage untuk kalangan usia tertentu? Atau untuk WebDesainer, apalagi WebMaster!
ww

semua usia? Apakah Anda ingin memiliki homepage untuk kalangan dengan

OKB Club Indonesia – http://www.okbclub.com 43 OKB Club Indonesia – http://www.okbclub.com 44


Dimana Anda Ingin Memasang Homepage Anda?

m
http://www.allaire.com
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

co
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!
Pada saat ini ada ribuan provider server gratis yang bisa Anda manfaatkan.

b.
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).

lu
3.1.4 Memilih Editor

BC
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 Gambar 3.1: Tampilan HTML Editor HomeSite v4.5 RC3
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 CATATAN :
tetapi mungkin akan membuat frustasi pada tahap-tahap awalnya karena Anda Versi evaluasi hanya bekerja untuk beberapa bulan saja. Setelah itu
harus mengetik semua kode HTML baris-per-baris yang dalam perkembangannya
OK program tidak dapat digunakan lagi. Ini dapat diakali dengan
mungkin dapat menjadi sangat rumit. Meski demikian, menggunakan teks editor
memundurkan tanggal komputer kita. Sebagai contoh, HomeSite 4.5
untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti
versi evaluasi diatas habis masa pakainya tanggal 15 Februari 2000,
tentang struktur file HTML. Akan tetapi, jaman sekarang siapa yang mau repot?
tetapi dengan memundurkan tanggal komputer, misalnya menjadi 15
Pada prakteknya, penggunaan editor teks membuat kita harus bolak-balik antara Januari 2000, program tetap dapat dipakai sampai kapanpun!
editor dan browser untuk mengedit dan melihat hasilnya. Untuk mengatasi hal ini,
penulis sarankan pada Anda untuk menggunakan editor HTML yang memberikan
Yang kedua adalah editor HTML yang menjadi favorit penulis, yaitu 1st Page
keleluasaan penuh pada kita untuk menulis kode-kode HTML sendiri sekaligus
w.

dapat menampilkan preview-nya. Ada 2 editor semacam ini yang sangat penulis 2000. Selain ukuran filenya lebih kecil (5.1 MB) dan gratis (Anda sama sekali
sarankan untuk Anda download sebelum mulai membuat halaman-halaman web. tidak perlu melakukan registrasi), program ini juga sarat dengan berbagai macam
fasilitas! Editor ini dilengkapi dengan 450+ Javascripts/VBScripts siap pakai,
Yang pertama adalah HomeSite. Saat buku ini ditulis, HomeSite baru mencapai DHTML scripts, dukungan penuh untuk SSI, CGI, Perl, Cold Fusion, ASP, Flash
versi 4.5 (12.89 MB). Dengan editor ini Anda dapat menciptakan halaman- 4, Shockwave, Java dan ActiveX, HTML Source Compressor (untuk
halaman rumit hanya dalam beberapa menit saja. HomeSite versi evaluasi dapat memperkecil ukuran file html) dan masih banyak lagi, termasuk fungsi-fungsi
ww

di download dari : wizard untuk membuat Drop-down comboboxs, Frame Killer, Browser

OKB Club Indonesia – http://www.okbclub.com 45 OKB Club Indonesia – http://www.okbclub.com 46


Detector, Last Modified Date, Background Fader dan bahkan ada pula sekitar

m
20 cgi/perl/htmlscripts dengan instruksi lengkap tentang cara penggunaannya! HTML EDITOR ALAMAT DOWNLOAD
Menurut penulis, kelebihan utama editor ini adalah 'kerelaannya' dalam Webber http://www.w3.org/Tools/Webber.html
membiarkan Anda menciptakan situs web seperti apa yang Anda inginkan. HTML assistant http://www.w3.org/Tools/html-assistant.html
Tanyakan pada semua pembuat situs web profesional dan mereka akan

co
HTMLed (HTMLed32) http://www.w3.org/Tools/HTMLed.html
mengatakan pada Anda tentang pengalaman menyedihkan mereka dibalik
HTMLed Pro http://www.w3.org/Tools/HTMLedPro.html
penggunaan editor-editor html WYSIWYG standar (misalnya Macromedia
HTML Writer http://lal.cs.byu.edu/people/nosack/
BackStage, Adobe PageMill atau Microsoft Front Page). Semua web builder
profesional tahu bahwa editor-editor WYSIWYG tidak pernah meng-create HyperType Edit http://www.w3.org/Tools/HyperTypeEdit.ht
kode html yang bersih. Ini berarti bahwa mereka harus menghabiskan banyak ml
waktu untuk memperbaiki, membersihkan dan mengkoreksi kode-kode html WebMania! http://www.w3.org/Tools/WebMania.html

b.
setelah penciptaannya. Program 1st Page 2000 mengantisipasi semua masalah WEB Wizard http://www.halcyon.com/artamedia/webwiz
umum ini dengan tidak menciptakan kode-kode html yang tidak kita buat! ard/
Siapapun Anda, baik pemula maupun master html, Anda akan menyukai editor Html+ Editor http://www.lm.com/~pdixon/html.html
ini! Editor 1st Page 2000 dapat di download dari : ReVoL Web Worker http://www.webzone1.co.uk/www/jlister/rev

lu
ol.htm
http://www.evrsoft.com/download Web Media Publisher http://www.wbmedia.com/publisher/
HTMgen32 http://home.sol.no/jgaa/htmgen32.htm
W3e http://www.nce.ufrj.br/~cracky/w3e.html

BC
DerekWare http://shell.masterpiece.com/derek/derekwa
re/
Chinese/Eng HTML editor ftp://ftp.cuhk.hk/pub/contrib/
Phoenix http://http.bsd.uchicago.edu/~l-
newberg/phoenix.html
PageMill http://www.adobe.com/prodindex/pagemill/
main.html
OK
HTML Notepad http://www.w3.org/Tools/HTML-
Notepad.html

Gambar 3.2: Tampilan Pembuka 1st Page 2000

Akhirnya, meskipun 1st Page 2000 adalah editor html gratis terbaik menurut
w.

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/ :
ww

OKB Club Indonesia – http://www.okbclub.com 47 OKB Club Indonesia – http://www.okbclub.com 48


dengan tag <B>…</B> dapat ditimpa dengan tag <I>…</I> sehingga

m
menghasilkan kombinasi huruf tebal dan miring. Contoh:
3.2 DASAR-DASAR HTML
Meskipun kenyataan membuktikan bahwa Anda dapat menciptakan halaman- Belajar <B>Membuat <I>Home Page</I></B> sendiri.
halaman web tanpa mengerti sedikitpun bahasa HTM, terutama jika menggunakan

co
editor html WYSIWYG seperti Macromedia BackStage, Adobe PageMill, Akan ditampilkan oleh browser seperti ini:
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 Belajar Membuat Home Page sendiri.
dasar-dasar html.

b.
Berbeda dengan bahasa-bahasa pemrograman komputer 'asli' lainnya, bahasa
HTM adalah bahasa yang tidak memerlukan kemampuan logika dan algoritma Meski kebanyakan tag bersifat override, ada juga tag yang tidak memiliki
pemrograman sehingga sebetulnya bahasa HTM tidak bisa benar-benar disebut pasangan sehingga tidak bersifat override, misalnya <BR>, <HR> atau
sebagai bahasa pemrograman. Jika Anda mahir menggunakan HTML, Anda tidak
<INPUT>.
akan disebut sebagai seorang programmer! Anda akan tetap menjadi seorang

lu
WebDesainer atau WebMaster!
CATATAN :
3.2.1 Mengenal Tag Peletakan tag penutup yang tidak benar dapat mengakibatkan

BC
Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII tampilan yang tidak diharapkan, terutama jika pengunjung
sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu homepage Anda menggunakan browser Netscape versi 3.0
dimulai dengan tanda "<" dan ditutup dengan tanda ">", misalnya <B>, kebawah. Sebagai contoh, baris:
<CENTRE>, <I> dan lain sebagainya.
Belajar <I>Membuat <B></I>Home Page</B> sendiri.
Kebanyakan tag memiliki pasangan penutup yang harus digunakan untuk menutup
tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag
Tidak akan ditampilkan sebagai "Belajar Membuat Home Page
OK
pembuka, melainkan dapat diletakkan dimana saja dan selalu dimulai dengan
tanda "</" dan ditutup dengan tanda ">", misalnya </B>, </CENTRE>, </I> sendiri.", melainkan akan ditampilkan sebagai "Belajar Membuat
dan lain sebagainya. Secara lengkap, format penggunaan tag untuk memoles teks Home Page sendiri."
ASCII adalah seperti berikut:
Susunan tag yang benar adalah :
<Tag Pembuka> Teks ASCII <Tag Penutup> Belajar <I>Membuat</I> <B>Home Page</B> sendiri.
w.

Contoh:
Tag-tag html dapat ditulis dalam huruf besar maupun kecil, karena browser tidak
<B>Home Page</B> ---> oleh browser akan ditampilkan sebagai Home Page peduli apakah Anda menulis <CENTER> dengan <Center> atau <center>.
<I>Home Page</I> ---> oleh browser akan ditampilkan sebagai Home Page Dalam buku ini, semua tag akan ditulis dalam huruf besar untuk menunjukan
bahwa itu adalah kode tag yang sudah baku (predefined).
Tag-tag yang memiliki pasangan penutup bersifat override (dapat menimpa fungsi
ww

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 <H1 ALIGN="CENTER"> <— memakai 1 atribut

m
referensinya bersifat case sensitif. Hal ini terutama terjadi pada file-file yang <FONT SIZE="7" COLOR="red"> <— memakai 2
disimpan diserver-server berbasis UNIX atau LINUX. Jadi, jika Anda ingin
membuat link kesebuah file bernama referensi.html, sebaiknya Anda atribut
TIDAK menggunakan tag <A HREF="Referensi.html">, melainkan harus

co
seperti ini <A HREF="referensi.html">. 3.2.3 Karakter-Karakter Khusus
Semua browser mengenal karakter ASCII berkode 32 sampai 126, yaitu kode
3.2.2 Atribut Tag 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
Sebuah tag bisa memiliki satu atribut atau lebih. Atribut digunakan untuk menyertakan kode ASCII khusus yang disebut ASCII Escape Sequence. Format

b.
mengendalikan kerja tag bersangkutan. Berikut adalah 3 macam atribut yang penggunaannya adalah &#n, dimana n adalah nomor kode ASCII yang diinginkan
mungkin dimiliki oleh sebuah tag: (0-31 & 127-255). Akan tetapi karena ada beberapa karakter ASCII yang juga
1. Atribut nama, misalnya ALIGN, WIDTH dll. digunakan sebagai komponen tag, misalnya "<", "&" atau ">", maka karakter-
karakter ini harus ditangani secara khusus dengan kode-kode berikut :
2. Atribut tanda sama dengan (=).

lu
3. Atribut nilai, misalnya '60', "80%", "red", "index.html" dll.
Karakter Notasi Keterangan
Atribut nilai boleh juga ditulis tanpa tanda kutip, karena itu tiga contoh dibawah &lt; Kurung runcing buka
<
ini sama benarnya:
> &gt; Kurung runcing tutup

BC
& &amp; Tanda Dan
<HR ALIGN=center WIDTH=80> " &quot; Tanda petik ganda
<HR ALIGN="center" WIDTH="80">
<HR ALIGN='center' WIDTH='80'> ± &plusmn; Tanda plus minus
Spasi &nbsp; Tanda spasi
Akan tetapi sebaiknya Anda membiasakan diri untuk menggunakan tanda petik
agar terhindar dari kemungkinan salah interprestasi dari sebagian browser yang Selain kode-kode diatas, ada beberapa kode karakter khusus yang sering
ada. Jadi, meskipun cara penulisan tag seperti <A HREF=feature.html> digunakan dalam file-file HTML. Notasi tersebut adalah:
OK
bisa digunakan, akan tetapi akan lebih baik (dan aman) jika Anda menulisnya
dengan <A HREF="feature.html">.
Karakter Notasi Keterangan
Beberapa atribut nama dapat dihilangkan jika nama atribut namanya sama dengan
 &copy; Tanda hak cipta (Copyright)
atribut nilainya. Sebagai contoh, tag <UL COMPACT="COMPACT"> bisa
 &reg; Tanda terdaftar (Registered)
ditulis dengan <UL COMPACT> saja.
Jika atribut tidak dipakai, maka browser akan menganggap atribut yang digunakan 3.2.4 Menangani Spasi dan Ganti Baris
w.

adalah atribut default, yaitu atribut yang dipasang pada tag <BODY> (akan
dijelaskan pada sub bab berikutnya). Jika menggunakan lebih dari satu atribut, Browser apapun yang Anda gunakan, tidak mengenal kode spasi lebih dari satu
maka setiap atribut yang digunakan harus dipisah dengan tanda spasi, bukan spasi, tidak mengenal kode ganti baris (enter/cariage return) dan tidak mengenal
koma. Lihat contoh berikut: kode tab! Ini berarti bahwa 1000 Enter + 1000 Spasi = 1 Spasi! Jika Anda
menulis teks html seperti ini :
<H1> <— tanpa atribut
ww

OKB Club Indonesia – http://www.okbclub.com 51 OKB Club Indonesia – http://www.okbclub.com 52


Riset 11 Orang

m
Staf 6 Orang
Selain tag <!-- … -->, Anda juga bisa menggunakan tag <COMMENT> …
</COMMENT>. Tetapi sayangnya, tag ini hanya dikenal oleh Internet Explorer
Maka yang akan ditampilkan oleh browser Anda adalah seperti ini: dan Mosaic.

co
Riset 11 Orang Staf 6 Orang 3.3 MEMULAI MEMBUAT HOMEPAGE
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
Untuk mengatasinya, Anda harus menggunakan tag <BR> sebagai ganti baris dan yang lebih menyenangkan, yakni terjun langsung kedalam pembuatan halaman web
menggunakan kode karakter khusus &nbsp; untuk menampilkan tanda-tanda

b.
yang sesungguhnya menggunakan perangkat yang sangat minim, NotePad (atau
spasi, sehingga teks html diatas harus ditulis seperti ini : WritePad) dan Internet Explorer! Kedua program ini secara default sudah ada
didalam setiap sistem operasi windows 95/98/2000/ME/NT yang Anda gunakan.
Riset 11 Orang<br>
Staf &nbsp;&nbsp;&nbsp;&nbsp;6 Orang
Tetapi jika sempat, sekaranglah saatnya untuk men-download 1st Page 2000 atau
HomeSite! (lihat sub bab 3.1.4).

lu
CATATAN :
3.3.1 Bagaimana Memulainya?
Cara penulisan diatas dapat disederhanakan dengan tag
<PRE>…</PRE> sehingga akan tampak seperti ini: Cara terbaik untuk memulainya adalah dengan menciptakan homepage lokal

BC
didalam Hard Disk Anda. Buatlah folder baru di drive C:\ atau D:\ dengan nama
<PRE> apa saja, misalnya C:\www.gratis.com.
Riset 11 Orang
Staf 6 Orang Sebelum memiliki satupun editor HTML seperti yang dijelaskan pada sub bab
</PRE> 3.1.4, Anda dapat mulai menciptakan halaman-halaman web dengan NotePad
yang ada pada setiap Windows (klik Start Æ Programs Æ Accessories Æ
3.2.5 Menyisipkan Komentar Notepad). Berilah ekstensi .htm (atau .html) pada setiap file yang Anda
OK
buat.
Baris-baris didalam file HTML dapat diberi komentar untuk Untuk mencoba hasilnya, gunakan Internet Explorer dengan cara klik Start Æ
memudahkan Anda atau orang lain memahami kode sumbernya. Programs Æ Internet Explorer. Setelah Internet Explorer aktif, klik File Æ
Setiap komentar harus diawali dengan tanda "<!--" dan diakhiri Open File Æ Open File in Browser… atau cukup dobel klik pada
dengan tanda "-->". Lihat contoh berikut: nama_file.html yang ingin ditampilkan kedalam browser.

<!-- halaman ini dibuat oleh: OKB Club Indonesia, 2000 -->
w.

<TITLE>Welcome to OKBCLUB Home Page</TITLE>


<BODY> <!-- awal tag body -->
atau
<!-- halaman ini dibuat oleh:
OKB Club Indonesia, 2000 -->
<TITLE>Welcome to OKBCLUB Home Page</TITLE>
ww

<BODY> <!-- awal tag body -->

OKB Club Indonesia – http://www.okbclub.com 53 OKB Club Indonesia – http://www.okbclub.com 54


3.3.3 Informasi Versi HTML

m
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

co
tata bahasa dari penggunaan mark-up HTML.
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.

b.
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

lu
Gambar 3.3: Buat folder www.gratis.com di drive c:\ atau d:\ untuk menyimpan
homepage lokal dibantu oleh spesialis-spesialis content provider seperti HotWired, Verso dan
PathFinder.
Draft HTML versi 4.0 pertama kali diumumkan pada 8 juli 1997,
3.3.2 Format Dasar File HTML
menyempurnakan HTML versi 3.2 yang sebetulnya baru terbit Januari 1997.

BC
Setiap halaman web setidaknya memiliki format dasar HTML seperti ini: 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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
adalah beberapa standar draft HTML yang bisa digunakan.

<HEAD>
Informasi mengenai isi file IETF (Internet Engineeiring Task Force) HTML 3.2 DTD :
</HEAD>
OK
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN//3.2">
<BODY>
Isi dari file <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN">
</BODY> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2//EN//">
</HTML> <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML Level 3.2//EN">
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.2 Level 3.2//EN">
Baris pertama adalah tag untuk menentukan versi html yang digunakan dalam
dokumen. Pada prakteknya, kode ini kadang dapat diabaikan alias boleh ditulis W3C HTML 3.2 & 4.0 DTD :
w.

boleh tidak. Penjelasan lebih rinci akan dijelaskan dibawah. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Draft//EN">
Ruang diantara tag <HEAD> dan </HEAD> dapat diisi dengan informasi <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
mengenai halaman bersangkutan, misalnya editor yang digunakan untuk menulis <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Draft//EN">
halaman tersebut, informasi mengenai siapa pembuatnya, judul halaman, isi, kata <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
kunci dll. Sedangkan ruang diantara tag <BODY> dan </BODY> adalah ruangan <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Final//EN">
ww

untuk diisi materi utama homepage Anda. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

OKB Club Indonesia – http://www.okbclub.com 55 OKB Club Indonesia – http://www.okbclub.com 56


Cobalah ketik baris-baris diatas dengan NotePad dan simpan dengan nama file

m
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 :
Semua contoh dalam buku ini menggunakan kode FPI W3C versi 3.2 atau 4.0

co
seperti ini:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">

Jika Anda mengedit file HTML menggunakan Netscape Navigator Gold atau

b.
Ms. FrontPage 97, file HTML yang dihasilkan secara otomatis menggunakan FPI
seperti ini:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">

lu
Sementara Netscape Composer akan menghasilkan kode FPI berikut:
Gambar 3.4: Judul halaman ditampilkan disebelah kiri atas browser
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0
Transitional//EN"> Sekarang coba tambahkan halaman tersebut kedalam Bookmark (Netscape) atau
Favorites (Internet Explorer), maka Anda akan mendapatkan hasil seperti

BC
3.3.4 Memberi Judul Halaman/Bookmark tampak pada gambar 3.5.

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.
OK
Untuk membuat judul halaman web semacam ini, gunakan tag
<TITLE>…</TITLE> dan letakkan diantara tag <HEAD> dan </HEAD>
seperti ini :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">


<HTML>
<HEAD>
<TITLE>HomePage SERBA-GRATIS</TITLE>
w.

</HEAD>
<BODY>
Home Page SERBA GRATIS
</BODY>
</HTML>
Gambar 3.5: Judul halaman secara otomatis dipakai sebagai judul bookmark
ww

OKB Club Indonesia – http://www.okbclub.com 57 OKB Club Indonesia – http://www.okbclub.com 58


m
3.3.5 Informasi Untuk Search Engine Kode-kode bahasa yang lain adalah LANG=en untuk bahasa Inggris, LANG=de
untuk bahasa belanda dan lain sebagainya. Penggunaan atribut bahasa ini
Salah satu upaya agar homepage kita dikunjungi pemakai internet sebanyak- memungkinkan untuk ditampilkannya karakter-karakter khusus pada bahasa-
banyaknya adalah dengan mendaftarkan homepage kita ke setiap Search Engine bahasa tertentu untuk keperluan speech synthesis, klasifikasi teks yang digunakan

co
apa saja yang bisa ditemukan. Search Engine adalah mesin pencari URL dalam search engine dll.
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 3.3.6 Mengatur Warna Teks Global
akan menampilkan informasi-informasi mengenai isi URL yang ditemukan.
Seberapa lengkap/jelas informasi yang dapat ditampilkan oleh search engine Warna teks yang akan ditampilkan oleh browser secara global ditentukan oleh

b.
tergantung dari pengisian saat pendaftaran atau tergantung dari isi tag informasi salah satu atribut yang ada pada tag <BODY>. Secara lengkap, atribut yang dapat
pada dokumen html yang ditemukan. dipasang pada tag <BODY> adalah sebagai berikut:
Semua informasi yang ingin disampaikan pada halaman web dapat kita masukkan
dengan tag <META NAME=> diantara tag <HEAD>…</HEAD>. Format text="warna" - Warna teks

lu
penggunaannya adalah: link="warna" - Warna link
vlink="warna" - Warna link yang pernah dikunjungi
<META NAME="penjelasan" CONTENT="isi"> alink="warna" - Warna link aktif
background="file_gambar" - Latar belakang gambar

BC
Sebagai contoh, berikut adalah penggunaan tag <META> untuk beberapa bgcolor="warna" - Warna latar belakang
informasi yang akan digunakan oleh search engine sebagai referensi:
Dimana "warna" dapat berupa kode warna atau kode nama warna. Jika
<HEAD> menggunakan kode warna, format yang digunakan adalah #rrggbb. Masing-
<TITLE>Home Page SERBA GRATIS</TITLE> masing huruf rr, gg dan bb mewakili kode angka red, green dan blue dari
<META NAME="Autor" CONTENT="OKB Club Indonesia">
<META NAME="Generator" CONTENT="Microsoft FrontPage 4.0"> #00 sampai #ff heksa.
OK
<META NAME="Description" CONTENT="Home Page SERBA GRATIS
adalah referensi lengkap tentang semua materi di internet Sebagai contoh, untuk menampilkan seluruh teks berwarna merah, Anda dapat
yang dapat diperoleh secara GRATIS !"> menggunakan kode berikut :
<META NAME="KeyWords" CONTENT="gratis,'serba gratis',free,
'free stuff','free email','free web space','free
counter'">
</HEAD> <BODY TEXT="#FF0000">
Teks ini akan ditampilkan dalam warna MERAH
</BODY>
Jika halaman-halaman homepage Anda terdiri dari beberapa bahasa, Anda bisa
mendefinisikan bahasa yang Anda gunakan dengan atribut LANG. Sebagai
w.

Jika menggunakan kode nama warna, kode yang dapat digunakan adalah nama-
contoh, jika isi dokumen web Anda ditulis dalam bahasa Perancis, Anda dapat nama warna dalam bahasa inggris. Sebagai contoh, kode diatas dapat diganti
menggunakan attribut LANG seperti ini: dengan baris-baris berikut dengan hasil yang sama :

<META NAME="Author" LANG=fr CONTENT="OKB Club Indonesia"> <BODY TEXT="red">


ww

Teks ini akan ditampilkan dalam warna MERAH


</BODY>

OKB Club Indonesia – http://www.okbclub.com 59 OKB Club Indonesia – http://www.okbclub.com 60


m
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.

co
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.
Berikut adalah 16 nama warna tersebut yang otomatis juga didukung oleh
Netscape Navigator:

b.
Gambar 3.6: Menggunakan dua latar belakang sekaligus
Black = #000000 Blue = #0000FF Olive = #808000
White = #FFFFFF Fuchsia = #FF00FF Green = #008000
Red = #FF0000 Gray = #808080 Teal = #008080
Yellow = #FFFF00 Silver = #C0C0C0 Navy = #000080

lu
Lime = #00FF00 Maroon = #800000 Purple = #800080
Aqua = #00FFFF

3.3.7 Mengatur Warna Latarbelakang

BC
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 :
OK
<BODY TEXT="white" BGCOLOR="black">
<CENTER><H1>HOME PAGE SERBA-GRATIS !</H1></CENTER>
</BODY>

Anda juga dapat menggunakan kedua atribut bersama-sama sebagai cadangan jika Gambar 3.7: Hasil gambar 3.6 jika file background berhasil di load
atribut BACKGROUND yang menggunakan gambar sebagai latar belakang gagal
me-load gambar dari server. Gambar 3.6 adalah contoh penggunan kedua atribut Cara diatas adalah trik yang harus digunakan jika Anda ingin menampilkan
w.

ini bersama-sama untuk mendapatkan warna latar belakang hitam jika file gambar karakter-karakter dengan warna terang. Sebab jika Anda menggunakan teks
background.jpg yang dipakai sebagai latar belakang gagal di-load. 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.
ww

OKB Club Indonesia – http://www.okbclub.com 61 OKB Club Indonesia – http://www.okbclub.com 62


Perhatikan juga bahwa contoh diatas menggunakan file gambar server yang digunakan adalah server yang sama dengan lokasi dokumen Anda,

m
background.jpg yang berada dilokasi yang sama dengan lokasi file maka penulisan alamat servernya dapat dihilangkan seperti ini :
index.html berada. Jika file gambarnya berada dilokasi lain, Anda harus
menulisnya dengan lokasi yang benar, misalnya:
<A HREF="/trainer/daikatana.htm">Trainer Daikatana</A>

co
<BODY TEXT="white" BGCOLOR="black" Dan jika lokasi file daikatana.htm berada dalam sub direktori yang sama, Anda
BACKGROUND="/images/background.jpg">
cukup menulis baris diatas dengan cara berikut :
Dan jika file gambarnya berada dialamat server (situs web) yang lain, maka
Anda harus menggunakan alamat server tersebut secara lengkap, misalnya : <A HREF="daikatana.htm">Trainer Daikatana</A>

b.
Anda juga dapat melompat ke bagian lain dalam file dokumen yang sama. Dalam
<BODY TEXT="white" BGCOLOR="black"
BACKGROUND="http://serba_gratis.tripod.com/images/ hal ini lokasi tujuan lompatannya harus diberi nama terlebih dahulu. Sebagai
background.jpg"> 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.

lu
3.3.8 Menggunakan Link Untuk melakukannya, pertama-tama Anda harus memberi nama lokasi topiknya
dengan cara berikut :
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
<A NAME="yang_baru"></A>
lain, baik yang berada dalam server bersangkutan maupun diserver lain. Segala

BC
<B><U>Yang Baru Hari Ini:</U></B>
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 Setelah itu, untuk membuat link kebagian tersebut, gunakan cara berikut :
tersebut. Format penggunaannya adalah sebagai berikut :
<A HREF="Lokasi_Dokumen_Tujuan">Nama Link</A> <A HREF="index.htm#yang_baru">Yang Baru Hari Ini</A>

Contoh : 3.3.9 Mengatur Warna Link


OK
<A HREF="http://infocheats.tripod.com/trainer/ Teks yang dijadikan link secara otomatis akan diberi garis bawah dan secara
daikatana.htm">Trainer Daikatana</A>
default akan diberi warna biru, saat diklik akan berwarna ungu dan setelah di
klik warnanya akan berubah menjadi ungu. Untuk mengganti warna default ini,
Yang akan ditampilkan oleh browser seperti 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 :
Trainer Daikatana
w.

<BODY LINK="red" ALINK="blue" VLINK="green">

Apabila mouse diklik diatas teks Trainer Daikatana, maka browser akan
membuka file daikatana.htm dialamat server infocheast.tripod.com. Apabila
ww

OKB Club Indonesia – http://www.okbclub.com 63 OKB Club Indonesia – http://www.okbclub.com 64


<HR WIDTH="80%" ALIGN="right">

m
&lt;HR ALIGN="center"&gt;<BR>
3.3.10 Membuat Garis Horisontal <HR ALIGN="center">
&lt;HR SIZE="20" ALIGN="center" WIDTH="50%"&gt;<BR>
<HR SIZE="20" ALIGN="center" WIDTH="50%>
Garis horisontal biasanya digunakan untuk mempercantik tampilan atau untuk &lt;HR ALIGN="center" SIZE="5' NOSHADE&gt;<BR>
memisah dua informasi dengan inti yang berlainan. Garis horisontal dapat dibuat <HR ALIGN="center" SIZE="5" NOSHADE>

co
&lt;HR WIDTH="65%" ALIGN="center" SIZE="15"
dengan tag <HR>. Dalam mode default, tag <HR> akan membangkitkan garis NOSHADE&gt;<BR>
horisontal yang hampir membelah layar dari kiri ke kanan dengan garis berwarna <HR WIDTH="65%" ALIGN="center" SIZE="15" NOSHADE>
<P><HR>
abu-abu berbayang. Jika ingin ditampilkan dengan tampilan yang lain, Anda <I>Copyright &copy; 2000 OKB Club Indonesia.</I>
dapat menggunakan atribut-atribut berikut: </BODY>

ALIGN="left | right | center" - Mengatur posisi garis 3.4 MANIPULASI TEKS

b.
NOSHADE - Tidak menggunakan bayangan Seperti sebuah dokumen, salah satu unsur yang menentukan menarik atau tidaknya
SIZE="angka" - Untuk mengatur tinggi garis dalam pixel tampilan dokumen web adalah lay-out dan penggunaan jenis huruf yang tepat.
Hal-hal khusus yang perlu penekanan sebaiknya ditampilkan dalam huruf tebal,

lu
WIDTH="angka" - Untuk mengatur lebar garis dalam pixel atau persen sementara teks-teks yang mereferansi ke sesuatu hal diberi garis bawah atau
huruf miring dan demikian seterusnya.
Sebagai contoh, tampilan pada gambar 3.8 berikut :
Bagaimanapun ada sedikit perbedaan antara tampilan halaman utama sebuah web
dengan tampilan dokumen cetak. Dalam membuat homepage, besar halaman

BC
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.
Dalam sub bab ini kita akan mempelajari cara mengatur ukuran huruf, mengatur
posisinya, warnanya, tipe hurufnya dan semua hal yang berhubungan dengan
manipulasi teks.
OK
3.4.1 Tebal, Miring, Garis Bawah dan Kombinasi
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:
Gambar 3.8: Contoh penggunaan tag <HR>
w.

<BODY>
Dihasilkan oleh baris-baris HTML seperti ini: Mengapa harus bayar kalau ada yang <B>GRATIS!</B>
</BODY>

<BODY BGCOLOR="#C0C0C0">
&lt;HR WIDTH="80%" ALIGN="left"&gt;<BR>
akan ditampilkan oleh browser seperti ini:
ww

<HR WIDTH="80%" ALIGN="left">


&lt;HR WIDTH="80%" ALIGN="right"&gt;<BR>

OKB Club Indonesia – http://www.okbclub.com 65 OKB Club Indonesia – http://www.okbclub.com 66


Karena setiap tag dapat dikombinasikan dengan tag yang lain, maka kita dapat

m
Mengapa harus bayar kalau ada yang GRATIS! membentuk efek campuran. Sebagai contoh, kita dapat membuat teks tebal, miring
dan bergaris bawah dengan cara seperti ini:
Jika ingin menampilkan huruf atau teks miring (italic), tag yang harus digunakan
adalah <I>…</I>. Contoh berikut ini :

co
<BODY>
<B><I><U>Pokoknya semuanya GRATIS!</U></I></B>
</BODY>
<BODY>
Situs ini berisi semua informasi yang dibutuhkan untuk yang akan menghasilkan tampilan di browser seperti ini:
<I>Membangun HomePage Sendiri</I> secara <B>GRATIS!</B>
</BODY>

b.
Akan ditampikan oleh browser seperti ini: Pokoknya semuanya GRATIS!

Situs ini berisi semua informasi yang dibutuhkan untuk 3.4.2 SubScript & SuperScript

lu
Membangun HomePage Sendiri secara GRATIS! SuperScript biasanya digunakan untuk menaikkan posisi karakter atau teks lebih
tinggi dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan
Sementara itu, garis bawah dapat dibuat dengan mengapit teks dengan tag <U> … sebagainya. Perhatikan contoh berikut :
</U>. Lihat contoh berikut:

BC
<BODY>
<BODY> Jam : 12<SUP>45</SUP> s/d 15<SUP>30</SUP> WIB.<BR>
Keterangan lebih lanjut, hubungi <U>WebMaster Sudut : 90<SUP>o</SUP><BR>
SerbaGratis</U>. Luas : 100m<SUP>2</SUP>
</BODY> </BODY>

akan ditampilkan seperti ini : Jika dilihat dengan browser akan tampak seperi ini :
OK
Keterangan lebih lanjut, hubungi WebMaster SerbaGratis. Jam : 1245 s/d 1530 WIB.
Sudut : 90o
Luas : 100m2
CATATAN : Sementara itu, SubScript biasanya digunakan untuk menurunkan posisi karakter
Teks-teks yang dibuat link, secara otomatis juga ditampilkan dengan atau teks menjadi lebih rendah dari teks normal, misalnya untuk menampilkan
garis bawah oleh browser. Bedanya, garis bawah yang dibuat kode rumus atau indek. Sebagai contoh, tampilan seperti ini:
w.

dengan tag <U>…</U> akan memiliki warna sesuai warna hurufnya,


sedangkan teks bergaris bawah hasil link akan memiliki warna Ucal = 3.1956
default link (biru) atau sesuai warna yang ditentukan oleh atribut Atur selektor YA dan YB menjadi 50 Point
LINK dan VLINK. XY14 XY15
ww

Dapat dihasilkan dengan cara penulisan tag seperti ini:

OKB Club Indonesia – http://www.okbclub.com 67 OKB Club Indonesia – http://www.okbclub.com 68


m
<BODY>
U<SUB>cal</SUB> = 3.1956<BR> akan ditampilkan oleh browser seperti ini :
Atur selektor Y<SUB>A</SUB> dan Y<SUB>B</SUB> menjadi 50
Point<BR>
XY<SUB>14</SUB>&nbsp; XY<SUB>15</SUB>
</BODY> Penawaran khusus !!!

co
3.4.3 Menampilkan Teks Apa Adanya Komputer Speed Harga Lama Harga Baru

Seperti telah dijelaskan pada sub bab 3.2.4, karakter spasi yang lebih dari satu, Pentium MMX 266 Mhz Rp. 500.000,- Rp. 350.000,-
Celeron 500 Mhz Rp. 600.000,- Rp. 500.000,-
karakter [tab] maupun [enter] akan diabaikan oleh browser. Browser tidak dapat Pentium II 550 Mhz Rp. 850.000,- Rp. 650.000,-
menampilkan 2 baris teks jika pemisah diantara kedua baris tersebut adalah kode Pentium III 1 Ghz Rp. 950.000,- Rp. 875.000,-

b.
[enter]. Browser tidak dapat menampilkan 2 buah spasi jika yang digunakan Pentium IV 2.2 Ghz Rp. 999.000,- Rp. 900.000,-
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 3.4.5 Membuat Teks Berkedip

lu
akan ditampilkan browser dalam posisi yang persis sama dengan aslinya.
Jika Anda ingin menampilkan teks tertentu lebih menarik perhatian daripada teks-
teks yang lain, misalnya kata PERHATIAN! atau AWAS! Anda dapat
<PRE>
<B>MALAM DIKOTAMU</B>
menampilkannya dalam bentuk teks yang berkedip-kedip. Tag yang dapat
digunakan adalah <BLINK>…</BLINK>. Contoh :

BC
Sepi Jalan Dalam Kenangan
Suara Hujan Ketuk Kaca Jalanan

Oh Suasana Nostalgia Yang Anda <CENTER>


Menyentuh Rinduku Hari Yang Lalu <B><BLINK>PERHATIAN!</BLINK></B>
</PRE> <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>
3.4.4 Mencoret teks
OK
Untuk mencoret teks, Anda dapat mengapit teks yang ingin dicoret dengan tag CATATAN :
<STRIKE> dan </STRIKE>. Contoh dibawah ini :
Fungsi pengedipan teks hanya didukung oleh Netscape. Jika user
menggunakan NCSA Mosaic atau Internet Explorer, teks
<BODY> "PERHATIAN!" diatas tidak akan berkedip-kedip, melainkan
<B>Penawaran khusus !!!</B><PRE>
Komputer Speed Harga Lama Harga Baru</B><BR> ditampilkan seperti teks biasa!
Pentium MMX 266 Mhz Rp. <STRIKE>500.000,-</STRIKE> Rp.
350.000,-
Celeron 500 Mhz Rp. <STRIKE>600.000,-</STRIKE> Rp.
3.4.6 Membuat Teks Berjalan
w.

500.000,-
Pentium II 550 Mhz Rp. <STRIKE>850.000,-</STRIKE> Rp.
650.000,- Teks berjalan dapat dibuat dengan tag <MARQUEE>..</MARQUEE>. Atribut
Pentium III 1 Ghz Rp. <STRIKE>950.000,-</STRIKE> Rp.
875.000,- yang umum digunakan adalah :
Pentium IV 2.2 Ghz Rp. <STRIKE>999.000,-</STRIKE> Rp.
900.000,-</PRE>
BGCOLOR="warna" – Untuk mengatur warna background teks
ww

</BODY>

OKB Club Indonesia – http://www.okbclub.com 69 OKB Club Indonesia – http://www.okbclub.com 70


DIRECTION="left | right" – Mengatur arah gerakan teks dimana n adalah angka dari 1 s/d 6. Margin dapat berupa "left" (default),

m
BEHAVIOR="scroll | slide | alternate" – Mengatur perilaku gerakan "right" atau "center". Contoh :
(scroll=teks bergerak berputar, slide=teks bergerak sekali lalu berhenti,
alternate=teks bergerak kekiri lalu kekanan dst.) <BODY>
TITLE="pesan" – Pesan akan muncul saat mouse berada diatas teks

co
<H1>Menggunakan Header Level 1 (&lt;H1&gt;)</H1>
<H2>Menggunakan Header Level 2 (&lt;H2&gt;)</H2>
SCROLLAMOUNT="angka" – Mengatur kecepatan gerakan dalam pixel, <H3>Menggunakan Header Level 3 (&lt;H3&gt;)</H3>
semakin banyak semakin cepat <H3 ALIGN="center">Menggunakan Header Level 3
SCROLLDELAY="angka" – Mengatur waktu tunda gerakan dalam mili detik (dengan ALIGN="center")</H3>
<H3 ALIGN="right">Menggunakan Header Level 3
LOOP="angka | -1 | infinite" – Mengatur jumlah loop (dengan ALIGN="right")</H3>

b.
WIDTH="lebar" – Mengatur lebar blok teks dalam pixel atau persen <H4>Menggunakan Header Level 4 (&lt;H4&gt;)</H4>
<H5>Menggunakan Header Level 5 (&lt;H5&gt;)</H5>
<H6>Menggunakan Header Level 6 (&lt;H6&gt;)</H6>
Berikut adalah contoh untuk menampilkan teks dengan font arial berwarna putih <BODY>
diatas dasar merah yang berjalan dari kanan kekiri ditengah layar :

lu
<CENTER><FONT FACE="arial" COLOR="white"><B>
<MARQUEE BGCOLOR="Red" WIDTH="60%">
Teks ini ditampilkan berjalan dari kanan ke kiri !
</MARQUEE>
</B></FONT></CENTER>

BC
CATATAN :

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!
OK
3.4.7 Menggunakan Header
Header adalah huruf-huruf atau teks berukuran khusus yang dapat digunakan untuk
Gambar 3.9: Mengatur ukuran font dengan Header
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 3.4.8 Mengatur Paragraph
w.

dengan ukuran huruf paling kecil. Sintak penggunaannya adalah sebagai berikut:
Setiap dokumen biasanya terdiri dari satu paragraph atau lebih. Masing-masing
paragraph dipisahkan dengan spasi kosong. Secara umum Anda bisa memakai
<Hn ALIGN="margin"> dua tag <BR> untuk membuat spasi kosong diantara 2 paragraph, tetapi ini tidak
praktis. Ada tag khusus yang dapat digunakan untuk memisahkan paragraph, yaitu
ww

OKB Club Indonesia – http://www.okbclub.com 71 OKB Club Indonesia – http://www.okbclub.com 72


tag <P>. Secara otomatis, penggunaan tag ini akan membangkitkan efek yang GRATIS! Dari mulai akses internet-nya, alamat

m
sama dengan penulisan 2 buah tag <BR>. Contoh: email-nya, editor-nya, program-program bantunya,
trik-triknya, informasinya, web server-nya,
guestbook-nya, counter-nya, script-nya dll.
Ini adalah paragraph pertama. <P ALIGN="right">Situs ini berisi semua informasi
<P>Dan ini adalah paragraph kedua. yang dibutuhkan untuk Membangun Home Page Sendiri

co
secara GRATIS! Dari mulai akses internet-nya,
Akan menghasilkan efek yang sama dengan baris ini: alamat email-nya, editor-nya, program bantunya,
trik-triknya, informasinya, web server-nya,
guestbook-nya, counter-nya, script-nya dll.
Ini adalah paragraph pertama <P ALIGN="center">Situs ini berisi semua informasi
<BR><BR>Dan ini adalah paragraph kedua. yang dibutuhkan untuk Membangun Home Page Sendiri
secara GRATIS! Dari mulai akses internet-nya,

b.
3.4.9 Mengatur Alignment alamat email-nya, editor-nya, program bantunya,
trik-triknya, informasinya, web server-nya,
guestbook-nya, counter-nya, script-nya dll.
Tag <P> sebenarnya memiliki atribut khusus yang dapat kita gunakan untuk <P ALIGN="justify">Situs ini berisi semua
mengatur mode perataan (alignment) teksnya. Sintak penggunaannya adalah informasi yang dibutuhkan untuk Membangun Home Page

lu
seperti ini: Sendiri secara GRATIS! Dari mulai akses internet-
nya, alamat email-nya, editor-nya, program
bantunya, trik-triknya, informasinya, web server-
<P ALIGN="mode_perataan"> nya, guestbook-nya, counter-nya, script-nya dll.
</BODY>

BC
dimana mode_perataan adalah mode perataan teks yang dapat berupa:

"left" - Untuk membuat paragraph rata kiri (default)


"right" - Untuk membuat paragraph rata kanan
"center" - Untuk membuat paragraph berada ditengah layar
OK
"justify" - Membuat paragraph rata kiri dan kanan (hanya
berlaku untuk Netscape Comunicator dan MS Internet
Explorer versi 4 beta 2 keatas)
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
w.

'center' dan paragraph terakhir menggunakan mode perataan kiri dan kanan
(justify).

<BODY>
<P>Situs ini berisi semua informasi yang Gambar 3.10: Contoh-contoh pengaturan aligment teks
ww

dibutuhkan untuk Membangun Home Page Sendiri secara

OKB Club Indonesia – http://www.okbclub.com 73 OKB Club Indonesia – http://www.okbclub.com 74


satu penyedia jasa Internet. Tetapi bagaimana sebenarnya

m
TIPS : mekanisme yang terjadi sehingga kita dapat berkencan?</P>
--<I>Majalah Infokomputer</I>, Oktober 1999 –
Penggunaan tag <P ALIGN="center"> menghasilkan reaksi yang </BLOCKQUOTE>
</BODY>
sama dengan penggunaan tag <CENTER> … </CENTER>.

co
3.4.10 Mengatur Indent Paragraph 3.4.11 Memilih Font
Jika Anda menghendaki sebuah paragraph lebih masuk kedalam (indent) dari
Secara default, semua teks normal yang ditulis dihalaman web akan ditampilkan
pada paragraph-paragraph yang lain, Anda dapat menggunakan tag
dengan tipe huruf (font) Times New Roman berukuran 10 point, sedangkan teks-
<BLOCKQUOTE>…</BLOCKQUOTE>.
teks formatted akan ditampilkan dengan tipe huruf Courier New. Dari sisi user,

b.
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:

lu
Jika menggunakan Netcape Navigator : Klik menu Options Æ General
Preference… Æ pilih tab Fonts Æ klik tombol Choose Font….
Jika menggunakan Internet Explorer : Klik menu View Æ Internet
Options… Æ pilih tab General Æ klik tombol Fonts….

BC
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
OK
atribut baru, COLOR dan FACE. Semenjak saat itu, browser-browser berbasis
grafik yang biasanya hanya menampilkan huruf tebal, miring garis bawah dan
Gambar 3.11: Indent paragraph dapat diatur dengan <blockquote> huruf-huruf berlebar tetap (fixed-width) atau kombinasi diantaranya, dapat
ditampilkan lebih bervariasi lagi. Format penggunaan tag ini adalah:
Sebagai contoh, tampilan pada gambar 3.11 diatas adalah hasil dari baris-baris
html dibawah ini : <FONT SIZE="ukuran" COLOR="warna" FACE="tipe_font">

dimana ukuran adalah angka 1 s/d 7, warna adalah kode warna (lihat sub bab
w.

<BODY> 3.3.6) dan tipe_font adalah nama tipe huruf yang diinginkan. Sebagai contoh,
Teks normal ….
<BLOCKQUOTE> baris-baris dibawah ini akan ditampilkan browser seperti tampilan gambar 3.12.
<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 <BODY><BASEFONT SIZE=5>
berada di Australia, Amerika, Eropa dan banyak lagi. Kita Ini tipe huruf normal (Times New Roman).<BR>
ww

juga dapat kencan dengan gadis Boston, demikian iklan salah Ini <FONT FACE="Algerian">tipe huruf ALGERIAN</FONT>.<BR>

OKB Club Indonesia – http://www.okbclub.com 75 OKB Club Indonesia – http://www.okbclub.com 76


Ini <FONT FACE="Comic Sans MS">tipe huruf Comic Sans

m
MS</FONT>.<BR>
Ini <FONT FACE="Haettenschweiler">tipe huruf
Haettenschweiler</FONT>.<BR>
TIP MEMILIH FONT :
Ini <FONT FACE="Broadway">tipe huruf Broadway</FONT>.<BR> 1. Pilihlah font yang kira-kira dimiliki oleh kebanyakan komputer
Ini <FONT FACE="Diploma">tipe huruf DIPLOMA</FONT>.<BR>
Ini <FONT FACE="Tahoma">tipe huruf Tahoma</FONT>.<BR> pengunjung homepage Anda. Jika Anda menggunakan font yang tidak

co
Ini <FONT FACE="Harlow">tipe huruf HARLOW</FONT>. umum, maka kemungkinan besar pengunjung situs Anda tidak memiliki
</BODY>
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

b.
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:

lu
<FONT FACE="TopSecret,'Century
Gothic',Copacabana">teks</FONT>

BC
3.4.12 Memilih Warna Font
Untuk memilih warna font, Anda tinggal mengisi atribut COLOR= dengan warna
yang diinginkan. Berbeda dengan penggunaan atribut TEXT= pada tag BODY
Gambar 3.12: Tampilan teks dalam berbagai macam tipe font yang mengatur warna teks untuk keseluruhan dokumen, atribut COLOR= pada tag
<FONT> hanya mengatur warna huruf sampai ditemukannya tag penutup
</FONT>.
OK
Selain ketiga atribut yang telah disebutkan diatas, masih ada satu lagi atribut
POINT-SIZE yang dapat digunakan sebagai alternatif baru yang lebih fleksibel Tampilan gambar 3.13 dihasilkan dengan baris-baris html dibawah ini :
untuk mengatur ukuran huruf. Kemampuan yang hanya dimiliki oleh Netscape
Navigator versi 4.0 Beta 5+ ini dapat mengatasi keterbatasan atribut SIZE yang <BODY>
hanya dapat mengatur ukuran font dari 1 sampai 7 saja. Format penggunaannya <CENTER><H2>
<FONT FACE="arial"><FONT COLOR="Green">Selain <FONT
adalah: COLOR="blue"> tipe huruf,</FONT> kita juga dapat mengatur
</FONT><FONT COLOR="Fuchsia">WARNA</FONT> huruf dengan
mengatur <FONT COLOR="Aqua">attribut</FONT> <FONT
<FONT POINT-SIZE="ukuran font dalam point">
w.

COLOR="red">
COLOR=</FONT> <FONT COLOR="Yellow">warna</FONT> pada tag
Contoh: &lt;FONT&gt;.</FONT>
</H2></CENTER>
</BODY>
<font POINT-SIZE=20>Text dengan ukuran 20 point</font>
ww

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.14 Mengatur Font Default


3.4.13 Mengatur Ukuran Font

BC
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
Ukuran font dapat dipilih dengan mengatur atribut SIZE= pada tag <FONT>.
mengatasinya, Anda dapat menggunakan tag <BASEFONT>. Cara penggunaannya
Ukuran-ukuran yang dapat dipilih adalah angka 1 (setara dengan ukuran standar
adalah seperti ini:
windows 8 point) s/d 7 (setara dengan 36 point). Contoh:
<BODY><B>
<FONT SIZE=1>FONT SIZE=1</FONT> <FONT SIZE=2>FONT <BASEFONT SIZE="ukuran" COLOR="warna"
SIZE=2</FONT>
OK
<FONT SIZE=3>FONT SIZE=3</FONT> <FONT SIZE=4>FONT FACE="font">
SIZE=4</FONT>
<FONT SIZE=5>FONT SIZE=5</FONT> <FONT SIZE=6>FONT
SIZE=6</FONT> dimana "ukuran" adalah ukuran font dari 1 s/d 7. "warna" adalah kode warna
<FONT SIZE=7>FONT SIZE=7</FONT></B> default yang diinginkan dan "font" adalah tipe huruf yang diinginkan, misalnya
</BODY>
'Arial', 'Times New Roman', 'Algerian' dlsb. Contoh:

Selain angka 1 s/d 7, kita juga dapat menggunakan tanda – atau + didepan angka- <BASEFONT SIZE="3" COLOR="blue" FACE="arial">
angka tersebut untuk mengatur ukuran huruf relatif terhadap ukuran huruf default <BODY>
w.

… Semua teks disini secara default akan ditampilkan dengan


yang diatur oleh tag <BASEFONT> (dibahas dibawah). tipe huruf Arial berwarna biru dengan ukuran font 3 (setara
dengan 12 point dalam windows) -
</BODY>
ww

OKB Club Indonesia – http://www.okbclub.com 79 OKB Club Indonesia – http://www.okbclub.com 80


SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR>

m
<B>Dengan BASEFONT SIZE="2"</B><BR>
TIPS : <BASEFONT SIZE="2">
<FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
<BASEFONT> bisa diletakkan dimana saja, akan tetapi efek yang dihasilkan </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR>
hanya terjadi pada font yang berada pada baris-baris dibawahnya saja. Jika <BASEFONT SIZE="3">

co
Anda ingin mendapatkan efek pada semua font, letakkan tag <BASEFONT> <B>Dengan BASEFONT SIZE="4"</B><BR>
diatas tag <BODY> atau letakkan diantara <HEAD>…</HEAD>. <BASEFONT SIZE="4">
<FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
</FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
Ukuran yang dibuat sebagai base font akan digunakan oleh <FONT> sebagai SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT>
</BODY>
ukuran font dasar (default-nya adalah 3). Untuk mengubah ukuran font ini, Anda

b.
harus menambahkan tanda "–" atau "+" (misalnya +4 atau -1). Sebagai contoh,
jika Anda mengatur base font dengan SIZE=3, maka jika kemudian Anda CATATAN :
menggunakan <FONT SIZE=+2>, maka font yang akan ditampilkan browser Font-font yang dibentuk dengan tag header (<H1>, <H2>, <H3>, <H4>,
adalah font berukuran 5 (dari 3+2). Tetapi perlu diperhatikan bahwa ukuran font <H5> dan <H6>) tidak terpengeruh oleh tag <BASEFONT>.
yang ditanggapi oleh browser maksimum adalah 7. Jika hasil penjumlahan font

lu
lebih dari 7, browser tetap akan menampilkan ukuran font 7. Karena itu dengan
base font berukuran 6, <FONT SIZE=+4> akan menghasilkan tampilan yang 3.5 MANIPULASI GAMBAR
sama dengan <FONT SIZE=+2> atau sama dengan <FONT SIZE="7">.
Lihat contoh dibawah ini: Selain ukuran dan warna teks yang kreatif, gambar adalah materi bagus untuk
meningkatkan tampilan web karena gambar dapat membangkitkan nuansa

BC
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!
Gambar sebaiknya hanya digunakan untuk membuat tampilan web menjadi lebih
OK
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
w.

gambar!
Gambar 3.15: Ukuran font default dapat diatur dengan <BASEFONT>

<BODY> 3.5.1 Memburu Editor Gambar Gratis Dari Internet


<B>Tanpa BASEFONT (default)</B><BR>
<FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1' Sekarang editor gambar dapat diperoleh dengan sangat mudah. Dari yang
ww

</FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">


sederhana sampai yang sangat canggih. Jika Anda menggunakan Windows, editor

OKB Club Indonesia – http://www.okbclub.com 81 OKB Club Indonesia – http://www.okbclub.com 82


gambar telah ada dikomputer Anda sebagai asesori default, yaitu PaintBrush Sementara untuk membuat teks 3 dimensi dan animasi teks, penulis sarankan

m
(Win 3.1) atau Ms. Paint (Win95/98/2000/NT). Sayangnya, kedua editor gambar untuk menggunakan Xara3D yang dapat di download dari
ini hanya dapat digunakan untuk manipulasi file-file gambar dalam format http://www.xara.com/.
*.BMP dan *.PCX. Sementara rekomendasi untuk penggunaan di web adalah
format *.JPG dan *.GIF.

co
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

b.
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

lu
memiliki segudang fasilitas hebat yang sangat dibutuhkan oleh seorang desainer
web. Paint Shop Pro dapat di download dari
http://www.jasc.com/psp.html.

BC
Gambar 3.17: Tampilan program Xara3D
Untuk melengkapi Paint Shop Pro dan Xara3D, berikut adalah sebagian editor
gratis lain berserta alamat dimana Anda dapat men-download-nya:

NAMA PROGRAM ALAMAT DOWNLOAD


GIMP http://www.gimp.org/win32/
OK Button Artist http://mssoft.hypermart.net/
imageN http://www.pixoid.com/
Windows Scanner http://www.yildun.com/wscanner.html
Photo Wizard http://www.americansys.com/
ImageForge http://www.cursorarts.com/ca_imffw.html
VCW VicMan's Photo Editor http://www.photo-editor.net/
Active Multimedia Button http://www.castlems.com/ammb4.html
Bevel Devil http://www.emajen.com/beveldevil/index.htm
Painter http://jansfreeware.com/
w.

Ornament Too http://www.ocomag.com/


Mihov Image Resizer http://www.mihov.com/eng/ir.html
Primus http://www.comm-unique.com/
Gambar 3.16: Tampilan program Paint Shop Pro 5.0 i.Mage http://www.ozemail.com.au/~fret/image.html
Picture Power Paint http://mprogs.hypermart.net/monsoft/
Xnview http://perso.wanadoo.fr/pierre.g/
ww

Chaos Fx http://www.world-of-newave.com/chaosfx/

OKB Club Indonesia – http://www.okbclub.com 83 OKB Club Indonesia – http://www.okbclub.com 84


Shaping http://members.xoom.com/JanVee/freeware.htm

m
Banner Maker Pro http://www.bannermakerpro.8m.com/
FilterFX Lite http://homes.arealcity.com/pdblake/
HOME PAGE ALAMAT
Pmacs http://www.asahi-net.or.jp/~gv9k-setg/ Web Background http://cub.kcnet.org/~landrews/graphics/
WebCreator http://www.evgesoft.com/ The Clip Art Connection http://www.acy.digex.net/~infomart/clipart/
WebPainter http://www.totallyhip.com/

co
Barry's Clip Art Server http://www.barrysclipart.com/
Art-O-Matic http://www.3dize.com/ Caboodles Of Clip Art http://www.toltbbs.com/~jhudson/clipart.htm
Filters Unlimited http://www.icnet.de/ Background Factory http://www.dove-ent.com/bfb/index.html
Deca3D http://www.decatomb.com/
Web Site Background http://taotao.de/webb/
BitMorph http://www.people.cornell.edu/pages/dmc27/
Texture Works http://www.spriteworks.com/texworks.html
PhotoFrame http://www.extensis.com/photoframe/
PhotoBevel Solo http://www.extensis.com/FREE_PhotoBevel/

b.
Xara WebStyle http://www.xara.com/webstyle/ 3.5.2 Cara Menampilkan Gambar
imagoWEB http://fabrizio.jth.it/imagoweb.htm
MicroSites http://www.zapamicrosites.com/main.html Lebih dari 90% browser terkenal yang ada saat ini dapat menampilkan
multimedia (suara dan gambar). Netscape dan Mosaic (dan kebanyakan browser
Akhirnya, untuk membantu Anda dalam membuat desain background, penulis lain) awalnya hanya dapat menampilkan gambar dengan format *.GIF dan *.JPG

lu
sarankan untuk men-download program BackGround Tester. Dengan program saja. Namun dalam perkembangannya, setiap browser dapat menampilkan format
ini kita dapat melihat hasil kreasi gambar kita bila dipakai sebagai background lain dengan bantuan software external yang telah terinstal di komputer atau
web dalam sekejap! Program ini dapat di download dari: 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), gambar-

BC
http://kiss.uni-lj.si/~k4fe0043/sw/BGTester.html
gambar JPEG progresif dan juga *.BMP.
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).
Secara mudah gambar dapat ditampilkan kelayar dengan tag <IMG>. Cara
OK
penggunaannya adalah seperti ini:

<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:
w.

<IMG SRC="logo.gif">
Gambar 3.18: Tampilan program BackGround Tester
Tetapi jika file logo.gif berada di sub direktori lain, misalnya di sub
Jika Anda tidak sempat membuat background sendiri, ada ribuan file direktori images, maka Anda harus menulisnya seperti ini :
background dan tool yang dapat Anda download gratis dari internet, berikut
adalah beberapa alamat diantaranya : <IMG SRC="images/logo.gif">
ww

OKB Club Indonesia – http://www.okbclub.com 85 OKB Club Indonesia – http://www.okbclub.com 86


m
co
b.
Gambar 3.19: Logo diatas dibuat dengan program Xara3D dan ditampilkan ke
dalam browser dengan tag <IMG>

lu
Gambar 3.20: Menggunakan gambar sebagai linebar dan bullet list
Sedangkan jika file gambarnya berada di server lain, Anda harus menulis alamat Sebagai contoh, jika Anda memiliki file gambar "background.jpg", "garis.gif"
server-nya secara lengkap seperti ini : dan "bola.gif", maka Anda dapat menggunakannya untuk mempercantik tampilan
list (gambar 3.20) dengan cara seperti ini:

BC
<IMG SRC="http://gratis2000.tripod.com/images/logo.gif">
<BASEFONT FACE="arial">
Selain atribut SRC, tag <IMG> memiliki beberapa atribut lain yang akan <BODY BACKGROUND="background.jpg" TEXT="white">
<H2>DAFTAR SEARCH ENGINE</H2>
dijelaskan pada sub bab berikutnya. Atribut-atribut itu adalah: <IMG SRC="garis.gif"><P>
<IMG SRC="bola.gif"> Alta Vista<BR>
<IMG SRC="bola.gif"> Ask Jeeves<BR>
HEIGHT="tinggi_gambar" - Untuk mengatur tinggi gambar <IMG SRC="bola.gif"> EuroSeek<BR>
<IMG SRC="bola.gif"> Excite<BR>
WIDTH="lebar_gambar" - Untuk mengatur lebar gambar <IMG SRC="bola.gif"> HotBot<BR>
OK
<IMG SRC="bola.gif"> InfoSeek<BR>
BORDER="border_gambar" - Untuk mengatur border gambar <IMG SRC="bola.gif"> Lycos<BR>
<IMG SRC="bola.gif"> Yahoo<BR>
ALT="teks" – Untuk menampilkan teks alternatif jika user mematikan fungsi <IMG SRC="bola.gif"> Web Crawler<BR>
</BODY>
penampil gambar atau file gambarnya gagal di load ke browser.

3.5.4 Mengatur Ukuran Tampilan Gambar


3.5.3 Membuat Linebar & Bullet Dengan Gambar
w.

Ukuran tampilan gambar di browser (tinggi dan lebarnya) dapat diatur sesuai
Gambar dapat dimanfaatkan untuk membuat linebar atau bullet. Jika Anda lay-out halaman yang kita inginkan. Perubahan ukuran hanya terjadi pada
memiliki gambar linebar atau bullet (buatan sendiri, download dari internet atau tampilan browser, tidak pada file yang sebenarnya. Tinggi gambar dapat diatur
dari CD-ROM Web Graphics), Anda dapat menggunakannya untuk mempercantik dengan atribut HEIGHT dan lebar gambar diatur dengan atribut WIDTH. Ukuran
tampilan web Anda. yang digunakan adalah dalam satuan pixel atau persen layar.
ww

OKB Club Indonesia – http://www.okbclub.com 87 OKB Club Indonesia – http://www.okbclub.com 88


Sebagai contoh, jika kita memiliki file gambar dengan ukuran 90x120 pixel, maka Ukuran gambar yang ditampilkan dengan baris diatas akan mengikuti ukuran layar

m
untuk menampilkannya dalam ukuran yang lain kita dapat melakukannya dengan browser relatif terhadap seting ukuran resolusi layar. Jika layar diset pada
cara seperti ini (lihat hasilnya pada Gambar 3.21): resolusi 800x600 pixel dan layar browser dibuat maksimum, maka gambar akan
ditampilkan pada ukuran sekitar 400x300 pixel. Dan jika resolusi layarnya
<BODY> 1024x768 pixel, gambar akan ditampilkan dalam ukuran 512x384 pixel, yakni

co
<IMG SRC="fotoku.jpg"> (ukuran asli = 90x120 pixel)<P> 50% ukuran jendela browser, bukan 50% ukuran gambar!
<IMG SRC="fotoku.jpg" WIDTH="45" HEIGHT="60"> (45x60 pixel)
<IMG SRC="fotoku.jpg" WIDTH="180" HEIGH="240"> (180x240
pixel) Atribut HEIGHT dan WIDTH umumnya digunakan untuk mempercepat tampilnya
<BODY> halaman web, karena kedua atribut ini secara teknis memerintahkan browser
untuk memesan tempat sebelum gambarnya sendiri berhasil di download.
Meskipun dapat menggunakan satuan persen, umumnya satuan ini hanya Caranya adalah dengan mengatur gambar dengan ukuran sama seperti aslinya.
digunakan untuk mengatur lebar gambar, bukan tinggi gambar. Sebab mengatur

b.
Sebagai contoh, jika ukuran gambarnya 90x120 pixel, maka kita harus
tinggi gambar dengan satuan persen akan menghasilkan tampilan yang tidak menampilkannya dengan cara seperi ini :
konsisten karena akan tergantung dari lebar jendela browser serta resolusi
tampilan layar. Karena itu jika Anda mengatur lebar gambar dengan satuan <IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120>
persen, atribut HEIGHT tidak perlu diatur lagi karena ukuran pixelnya secara

lu
otomatis di-skala dengan ukuran yang benar. Lihat contoh berikut: TIPS :
<IMG SRC="fotoku.jpg" WIDTH="50%"> Untuk mengetahui ukuran pixel pada Paint Shop Pro, lihat title bar
disebelah kanan bawah layar saat kursor mouse berada diatas

BC
gambar.

OK
w.

Gambar 3.21: Pengaturan ukuran gambar pada layar tidak mempengaruhi ukuran
asli file gambar
ww

OKB Club Indonesia – http://www.okbclub.com 89 OKB Club Indonesia – http://www.okbclub.com 90


m
3.5.5 Menampilkan Teks Di Area Gambar 3.5.6 Mengatur Border Gambar
Penampilan teks diarea gambar dimaksudkan sebagai antisipasi terhadap user Secara default, setiap gambar yang ditampilkan tidak memiliki border. Tetapi
yang masih menggunakan browser lama (yang tidak dapat menampilkan gambar) jika gambar digunakan dalam fungsi hyperlink, justru default-nya memiliki

co
atau menggunakan browser yang dimatikan fungsi penampilan gambarnya (untuk border.
mempercepat loading halaman web). Untuk menampilkan teks diarea gambar kita
Mengatur border yang mengelilingi sebuah gambar dapat dilakukan dengan
dapat menggunakan atribut ALT.
atribut BORDER. Jika digunakan sendirian, warna border yang dibuat adalah
Contoh : sesuai warna teks disekitarnya atau warna teks yang ditentukan oleh atribut TEXT
dalam <BODY>. Jika digunakan dalam hyperlink, warna border yang digunakan
<BODY>

b.
<IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120 ALT="Gambar adalah warna default hyperlink atau warna yang ditentukan oleh atribut
Fotoku.jpg"> LINK/VLINK dalam <BODY>. Contoh:
<IMG SRC="fotoku.jpg" ALT ="Gambar Fotoku.jpg (tanpa atribut
WIDTH & HEIGHT)"> <BODY>
</BODY> <IMG SRC="fotoku.jpg"> <B> Tanpa BORDER

lu
<IMG SRC="fotoku.jpg" BORDER="7"> BORDER="7"
<IMG SRC="fotoku.jpg" BORDER="15"> BORDER="15"</B>
</BODY>

BC
OK
Gambar 3.22: Menggunakan WIDTH & HEIGHT untuk memesan area gambar

Dari tampilan yang dihasilkan, terlihat lokasi pemesanan area gambar karena
Gambar 3.23: Mengelilingi gambar dengan border
penggunaan atribut WIDTH dan HEIGHT. Seringkali perancang web
w.

memanfaatkan atribut ini untuk memberi informasi mengenai ukuran file gambar.
Hal ini dapat membantu tamu web untuk memperkirakan lama gambar dapat Selain menggunakan atribut BORDER, Anda juga dapat menggunakan tabel untuk
ditampilkan ke layar secara utuh, misalnya: membuat border tiga dimensi (berbayang). Tabel akan dibahas tersendiri pada
sub bab berikutnya. Perhatikan contoh berikut yang menggunaakan fungsi tabel
<IMG SRC="fotoku.gif" WIDTH=90 HEIGHT=120 ALT="fotoku.jpg untuk menampilkan gambar :
(90x120) 30 KB">
ww

<TABLE BORDER="0" WIDTH="100%">


<TR>

OKB Club Indonesia – http://www.okbclub.com 91 OKB Club Indonesia – http://www.okbclub.com 92


<TD>Border = 2 Ukuran file gambar yang kecil membuat cepat waktu download gambar, tetapi

m
<TABLE BORDER="2">
<TR><TD><IMG SRC="fotoku.jpg"></TD></TR> hasilnya mungkin tidak akan memuaskan Anda. Untuk mengatasinya, Anda dapat
</TABLE> menerapkan teknik khusus. Yakni menggunakan gambar seadanya dahulu (resolusi
</TD>
<TD>Border = 8 rendah) sampai seluruh halaman selesai di-load. Setelah selesai, gambar dengan
<TABLE BORDER="8"> resolusi yang sebenarnya (resolusi lebih tinggi) ditampilkan. Caranya adalah

co
<TR><TD><IMG SRC="fotoku.jpg"></TD></TR> menggunakan atribut LOWSRC.
</TABLE>
</TD>
<TD>Border = 15 Penggunaan atribut LOWSRC memungkinkan tag <IMG> menampilkan dua
<TABLE BORDER="15"> gambar sekaligus pada satu lokasi tetapi pada waktu yang berlainan. Gambar
<TR><TD><IMG SRC="fotoku.jpg"></TD></TR>
</TABLE> yang ditampilkan pertama adalah gambar yang ditentukan dengan atribut
</TD> LOWSRC. Sedangkan gambar kedua adalah gambar yang ditampilkan dengan
</TR>
atribut SRC. Gambar kedua akan ditampilkan diatas gambar pertama dan hanya

b.
</TABLE>
akan ditampilkan jika semua halaman web telah selesai di-load.
Berikut adalah cara penggunaannya:

lu
<IMG LOWSRC="gambar_1" SRC="gambar_2">

dimana gambar_1 adalah file gambar dengan resolusi rendah dan gambar_2
adalah file gambar dengan resolusi asli (lebih tinggi).

BC
Contoh:

<IMG LOWSRC="photo_low.gif" SRC="photo_high.gif">

CATATAN :
Gambar 3.24: Memanfaatkan tabel untuk membuat border 3D
OK
Ukuran pixel gambar pertama dan kedua harus sama.
Jika tidak, browser akan men-skala gambar kedua
3.5.7 Trik Mempercepat Gambar Tampil Dilayar menjadi sama dengan ukuran gambar pertama.
Lepas dari kapasitas bandwidth dan jalur yang sibuk, cepat atau lambatnya
gambar ditampilkan dilayar sangat dipengaruhi oleh ukuran file gambarnya 3.5.8 GIF atau JPG ?
sendiri. Ukuran file gambar ditentukan oleh warna, resolusi serta ukuran pixel
gambar. Semakin besar ukuran gambar, semakin banyak warna gambar atau Seperti telah dijelaskan diatas, semua browser berbasis grafik yang beredar saat
w.

semakin tinggi resolusi gambar, akan membuat waktu download gambar menjadi ini secara default dapat menampilkan gambar berformat GIF maupun JPG. Meski
semakin lama karena ukuran file gambarnya juga semakin besar. Jadi, jika Anda sama baiknya, Anda harus pandai-pandai mensiasati penggunaannya.
ingin gambar-gambar yang ada dihalaman web Anda cepat tampil di layar
komputer pengunjung, buatlah gambar dengan ukuran, warna dan resolusi sekecil Format GIF dapat menyimpan informasi warna hingga 8-bit per pixel atau sama
mungkin. dengan 256 warna. Format ini sangat cocok untuk gambar grafik dan clip-art.
Format GIF memiliki sangat sedikit efek kompresi sehingga tidak ada degradasi
ww

OKB Club Indonesia – http://www.okbclub.com 93 OKB Club Indonesia – http://www.okbclub.com 94


(penurunan kualitas) gambar. Karena sedikitnya efek kompresi ini, ukuran file hampir tidak dapat dibedakan dengan gambar aslinya. Program JPEG Optimizer

m
GIF menjadi besar. (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 3.5.9 Menggunakan Gambar Animasi
kemampuannya dalam menyimpan warna tersebut, format JPG sangat bagus untuk

co
gambar-gambar fotografi. 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.

b.
lu
BC
Gambar 3.25: Tampilan program JPEG Optimizer

Format JPG menggunakan teknik kompresi secara intensif sehingga ukuran file
OK
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 Gambar 3.26: Tampilan Animation Shop bawaan Paint Shop Pro 5.0
kompresi disebut "artifacts". Untuk mengatur seberapa besar degradasi yang
masih dapat diterima oleh mata, Anda dapat menggunakan program JPEG
Animasi yang dapat ditampilkan langsung oleh browser (tanpa program tambahan
w.

Optimizer. Selain mempermudah pengaturan resolusi gambar, JPEG Optimizer


juga dapat mengkompres hanya bagian-bagian tertentu dari gambar. Sebagai apapun) saat ini adalah file-file gambar dengan format GIF89a, yakni format
contoh, perhatikan Gambar 3.25. Gambar sebelah kiri adalah gambar asli dengan pengembangan lanjutan dari file format GIF. Format GIF89a adalah format file
ukuran 23087 byte. Sedangkan gambar sebelah kanan adalah hasil gambar setelah yang memungkinkan untuk menyimpan beberapa gambar sekaligus dalam satu file.
dioptimasi pada bagian-bagian tertentu sehingga ukurannya sekarang menjadi Semua gambar kemudian ditampilkan satu persatu secara urut dengan waktu
14460 byte. Meski ukurannya menjadi lebih kecil, tetapi gambar yang dihasilkan tampil yang dapat diatur. Untuk membuat gambar-gambarnya, Anda dapat
ww

menggunakan editor gambar apa saja. Akan tetapi untuk menggabungnya menjadi

OKB Club Indonesia – http://www.okbclub.com 95 OKB Club Indonesia – http://www.okbclub.com 96


satu file dan mengendalikan waktu tayangnya, Anda harus menggunakan program bahwa setiap gambar yang Anda gunakan akan melakukan pemanggilan HTTP ke

m
khusus, misalnya CEL Assembler, GIF Animator atau Animation Shop bawaan server secara terpisah. Ini jelas memakan waktu. Karena itu jika Anda dapat
editor gambar Paint Shop Pro versi 5.0 keatas. menggabung masing-masing gambar menjadi satu, maka Anda hanya perlu
melakukan satu pemanggilan HTTP ke server!
Bagaimanapun, saat ini ada banyak sekali program yang bisa digunakan untuk
membuat gambar animasi. Tetapi kita akan menbahas khusus yang gratis-gratis Untuk menggunakan imagemap, pertama-tama kita harus menambahkan atribut

co
saja. Jadi, mari kita rame-rame memburunya di internet … Berikut adalah USEMAP="nama_map" pada tag <IMG> seperti contoh berikut:
sebagian kecil alamat dimana Anda dapat men-download program-program
animator tersebut: <IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">

NAMA ANIMATOR HOME PAGE / ALAMAT DOWNLOAD Setelah itu kita memerlukan kombinasi antara tag <MAP> dan
3D GIF Designer http://www.pysoft.com/?GIF_Designer_fr.html <AREA> untuk mendefinisikan area serta alamat link-nya. Sintak

b.
Aesop GIF creator http://www.yukudr.com/
Alchemy GIF Animator http://www.alchemy-lab.com/products/agif/ penggunaan untuk <MAP> adalah:
AniMagic Gif Animator http://rtlsoft.com/animagic/index.html
Animato http://www.lakeclear.com/ <MAP MAP="nama_map">
CoffeeCup GIF Animator http://www.coffeecup.com/

lu
COOL 3D http://www.webutilities.com/
CyD GiF Studio Pro http://members.xoom.com/FcyD/GifStudio/ Dan sintak penggunaan untuk <AREA> adalah :
Emotion 3D Web Edition http://www.anarkmedia.com/products/emotion3d.htm
Gif Construction Set Pro http://www.mindworkshop.com/alchemy/gifcon.html
GIF Movie Gear http://www.moviegear.com/ <AREA SHAPE="default|rect|circ|poly"

BC
GIFLine http://www.geocities.com/athens/3683 COORDS="lihat_penjelasan" HREF="link"
GIFLine Pro http://www.diprode.com/
HVS Animator http://www.digfrontiers.com/anim.html ALT="keterangan_link">
JAnimation Tool http://www.janimation.net/
Jator ftp://ftp.simtel.net/pub/simtelnet/win95/java/jator350.zip SHAPE="default" digunakan untuk menyatakan kemana link akan pergi jika link
Jedor Viscosity http://www.jedor.com/ khusus tidak didefinisikan didalam area. Dalam hal ini COORDS tidak digunakan.
Macromedia FireWorks http://www.macromedia.com/software/fireworks/
MagicViewer http://www.crayonsoft.com/ Jika SHAPE="rect", maka COORDS="x,y,w,h". Dimana x,y adalah
OK
Movies Lite http://jansfreeware.com/ koordinat kiri-atas dan w,h adalah koordinat kanan-bawah area link.
Ulead GIF Animator http://www.webutilities.com/
Ulead Particle.Plugin http://www.webutilities.com/ Jika SHAPE="circ", maka COORDS="x,y,r", dimana x,y adalah koordinat
Ulead WebRazor Pro http://www.ulead.com/wrp/runme.htm pusat lingkaran dan r adalah radius lingkarannya.
Jika SHAPE="poly", maka COORDS="x,y,x,y,…" dimana x,y adalah
3.5.10 Menggunakan Gambar Untuk Membuat koordinat setiap titik polygon.
Imagemap Perhatikan contoh penggunaannya dibawah ini:
w.

Imagemap memungkinkan kita untuk memasang beberapa link dalam satu gambar.
Pengeklikan pada area yang berbeda akan membawa kita pada link yang berbeda <BODY BACKGROUND="background.jpg">
pula. <IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">
<MAP NAME="menu">
Jika Anda memiliki sekelompok gambar berdekatan yang masing-masing <AREA SHAPE=RECT COORDS="15,88,256,113"
HREF="html_editor.html" ALT="Daftar HTML Editor Gratis!">
ww

memiliki link, maka sebaiknya Anda menggunakan imagemap. Ingat-ingatlah

OKB Club Indonesia – http://www.okbclub.com 97 OKB Club Indonesia – http://www.okbclub.com 98


<AREA SHAPE=RECT COORDS="15,115,264,139"

m
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!">

co
<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!">

b.
</MAP>
</BODY>

lu
BC
Gambar 3.28: Tampilan imagemap creator – CrossEye

3.5.11 Optimasi Gambar Untuk Situs Web


Salah satu trik untuk mempercepat akses halaman web dengan banyak gambar
OK
adalah dengan mengoptimasi (memperkecil) ukuran file gambar dengan tidak
mengorbankan kualitasnya. Berikut adalah beberapa cara optimasi gambar yang
dapat kita lakukan.
Gambar 3.27: Contoh penggunaan imagemap untuk membuat multi-link Mengurangi Warna:
Membuat imagemap perlu ketelitian dan kesabaran khusus karena angka-angka Setiap pixel gambar dengan kedalaman 16,7 juta warna membutuhkan memori
koordinat yang dipakai agak rumit dan membingungkan, terutama jika 24-bit untuk menyimpan informasi warnanya. Apakah Anda benar-benar
menggunakan koordinat polygon. Untuk mempermudah pembuatan imagemap, membutuhkan 16,7 juta warna dalam gambar Anda? Mungkin ya, tetapi
w.

ada banyak program bantu (disebut imagemap creator) yang dapat di download seringkali tidak! Cobalah untuk mengurangi jumlah warna gambar Anda.
gratis dari internet, diantaranya adalah HotSpot, MapThis! dan CrossEye. Kebanyakan clip-art bahkan hanya menggunakan 16 warna! Ini berarti hanya
Dalam hal ini penulis sarankan pada Anda untuk men-download program 4-bit per pixelnya, atau hanya membutuhkan bandwidth 1/6 kalinya! Tetapi
CrossEye (lihat Gambar 3.28) karena kecanggihan dan kemudahan jika Anda melihat adanya degradasi warna (artifacts) yang payah, cobalah
pemakaiannya. CrossEye dapat di download dari simpan file dalam format JPG dengan kualitas gambar terbaik, atau gunakan
ww

http://www.sausage.com.au (2,8MB). color safe pallete, kurangi jumlah warnanya dan simpan sebagai file GIF.

OKB Club Indonesia – http://www.okbclub.com 99 OKB Club Indonesia – http://www.okbclub.com 100


Menghilangkan Komentar Pada File GIF: Menghilangkan Data Non-Gambar Pada File-File JPG:

m
Setiap file GIF sebenarnya berisi sejumlah informasi struktur file internal. Seperti format GIF, format JPG juga berisi struktur internal yang berisi data
Informasi ini berkaitan dengan bagaimana gambar harus ditampilkan kelayar non-gambar (seperti yang biasanya ditambahkan pada file-file yang dibuat
(transparan terhadap background atau tidak), animasi atau standar, jumlah dengan Adobe Photoshop). Untuk membersihkan data tak berguna ini, Anda

co
looping (menentukan pola animasi), lama waktu tunda (menentukan lama dapat menggunakan program gratis bernama JPG Cleaner (33KB) yang dapat
animasi), komentar (informasi mengenai tanggal pembuatan, pembuat, tool di download dari http://rnbw.tsx.org, atau langsung ke :
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 http://www.pppr.sk/rainbow/download/jpgcln15.zip
diselipkan pada file-file GIF yang dibuat dengan program-program animator

b.
versi shareware atau freeware yang tidak diregistrasi seperti terlihat pada
gambar 3.29. Menurunkan Kualitas Gambar Hingga Batas Yang
Untuk membersihkan berbagai macam informasi sampah tersebut, Anda dapat Masih Dapat Diterima Mata:
menggunakan program GifClean32. Program ini secara otomatis dapat Secara default, editor gambar umumnya menyimpan file JPG pada level

lu
membersihkan file-file GIF dari berbagai informasi tak berguna yang degradasi/kualitas gambar sekitar 15 (0%=terbaik, 100%=terburuk). Padahal
menempel dan menambah ukuran file GIF. Dengan GifClean32, optimasi hingga pada level 75-pun mata kita masih tidak mudah untuk dapat
ukuran file GIF dapat dilakukan dengan sangat mudah. Anda tinggal drag & membedakannya jika ditampilkan dilayar monitor. Karena itu, Anda dapat
drop file GIF atau folder berisi file-file GIF ke jendela program dan menurunkan kualitas gambar JPG untuk memperkecil ukuran file hingga
GifClean32 akan membereskannya untuk Anda. Optimasi ini dapat sekitar sepersepuluhnya! Program yang penulis sarankan Anda download

BC
mengurangi dari 100 byte hingga beberapa kilo byte ukuran file. Program untuk mempermudah pekerjaan ini adalah program WebGraphics Optimizer.
GifClean32 (393KB) dapat di download dari alamat : Dengan program ini Anda dapat membandingkan kualitas gambar asli dengan
5 gambar lain hasil optimasi secara langsung. Jika perlu, WebGraphics
http://members.tripod.com/~mharing/GifClean32.html 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
OK
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/.
w.

Gambar 3.29: Komentar yang disisipkan program GIF Construction Set versi
shareware bisa dihilangkan dengan program GifCkean32
ww

OKB Club Indonesia – http://www.okbclub.com 101 OKB Club Indonesia – http://www.okbclub.com 102
m
co
b.
lu
Gambar 3.30: Tampilan WebGraphics Optimizer Gambar 3.31: File gamani.gif sebelum dioptimasi (17KB)

BC
Memperkecil Area Gerak Gambar Animasi: Perhatikan gambar 3.31. File animasi yang tampak pada gambar tersebut
berukuran 150x50 pixel dengan 256 warna dan terdiri dari 24-frame. Ukuran
Gambar-gambar animasi sangat rakus bandwidth! Ingat-ingatlah bahwa setiap filenya adalah 17 KB. Frame-frame yang ada belum dioptimasi sehingga
frame yang digunakan akan membutuhkan jumlah memori dengan jumlah yang setiap frame akan berukuran 150x50 pixel (area gambar berwarna putih).
sama dengan yang dibutuhkan frame pertama. Sebagai contoh, jika setiap
Setelah dioptimasi, area setiap framenya akan dipotong sesuai isi gambar
frame berukuran 15 KB, maka sebuah animasi dengan 4 frame akan
yang bergerak sehingga ada yang tetap besar (150x50 pixel) dan ada yang
membutuhkan memori 4x15 = 60 KB! Animasi-animasi yang besar
OK menjadi sangat kecil (25x25 pixel) seperti terlihat pada gambar 3.32. Setelah
membutuhkan waktu yang lama untuk loading. Jika Anda ingin halaman web
disimpan, ukuran file animasi hasil optimasinya akan menjadi 10 KB atau
Anda dapat cepat di load, animasi sebisa mungkin dihindari. Tetapi jika
hanya 59 persennya! Program Cel Assembler dapat di download dari :
Anda dengan berbagai alasan tidak dapat meninggalkannya, buatlah animasi
dengan warna dan gerakan sesedikit mungkin!
Saat ini, beberapa program animator telah memungkinkan untuk melakukan http://www.gamani.com/tools
optimasi animasi secara internal. Salah satu diantaranya adalah Cel
Assembler. Optimasi Cell Assembler dilakukan dengan menghilangkan
w.

bagian-bagian gambar yang tidak bergerak. Dengan cara ini, ukuran filenya Mengkompres File GIF Animasi:
akan banyak berkurang.
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
ww

pekerjaan ini, penulis sarankan pada Anda untuk segera mendownload

OKB Club Indonesia – http://www.okbclub.com 103 OKB Club Indonesia – http://www.okbclub.com 104
program A Smaller GIF buatan Pedagoguery Software. Dengan program ini

m
ukuran file GIF animasi dapat dikompres dengan teknik khusus, sekaligus
menghilangkan komentar apapun yang menempel pada file tersebut.

co
b.
lu
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

BC
melakukan link ke server mereka untuk menampilkan gambar dihalaman web
Anda. Mintalah ijin pada WebMaster-nya untuk melakukan download gambar
Gambar 3.32: File gamani.gif setelah dioptimasi (10 KB) tersebut dan kemudian upload-lah ke server Anda sendiri!

Gambar 3.33 adalah contoh tampilan A Smaller GIF saat melakukan 3.6 MANIPULASI DAFTAR ITEM
kompresi pada file gamani_opt.gif (hasil optimasi dengan Cell Assembler).
OK
Perhatikan bahwa ukuran file hasil optimasi Cell Assembler adalah 10.180 Manipulasi list tidak begitu populer secara ekstrim karena ia dapat diganti
byte. Setelah dikompres dengan A Smaller GIF, file tersebut akan berubah dengan gambar bullet. Akan tetapi selain bekerja jauh lebih cepat dari
menjadi 8.615 byte saja (berkurang hingga 15,37%). Program A Smaller GIF penggunaan gambar bullet, ia membuat kesan berbeda antara homepage pemula
dapat di download dari alamat : dengan homepage bagus.
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
Jangan Menjadi Perampok Bandwidth! profesional. Ada beberapa tag khusus yang berhubungan dengan pembuatan
w.

daftar. Beberapa diantaranya adalah <UL>, <OL>, <LI>, <DL>, <DT>, <DD>,
Bagaimanapun, fleksibilitas teknologi HTML memungkinkan Anda untuk <DIR> dan <MENU>.
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
ww

ilegal jika gambar yang dipakai memiliki property right!

OKB Club Indonesia – http://www.okbclub.com 105 OKB Club Indonesia – http://www.okbclub.com 106
m
3.6.1 Membuat Daftar Tak Berurut SERBA GRATIS DARI INTERNET
Daftar tak berurut dapat digunakan untuk membuat daftar item yang isinya tidak • Penyelenggara E-mail Gratis!
berurut. Tag yang digunakan adalah <UL>…</UL>. Setiap item yang ada di
{ DALAM NEGERI :

co
dalam daftar harus didahului dengan tag <LI>.
„ Telkom
Contoh :
„ BolehMail
<B>PENYELENGGARA E-MAIL GRATIS!</B> { LUAR NEGERI :
<UL> „ Yahoo

b.
<LI><a href="http://mail.telkom.net">Telkom</a>
<LI><a href="http://www.satunet.net">Satunet</a> „ Excite
<LI><a href="http://mail.yahoo.com">Yahoo</a>
<LI><a href="http://mail.excite.com">Excite</a> • Penyelenggara Web Space Gratis!
</UL>

lu
Secara default, browser akan menghasilkan gambar bullet berupa bulatan hitam Jika tidak senang dengan tampilan default, Anda dapat memilih tipe bullet
untuk item level pertama, gambar lingkaran untuk item level kedua dan gambar sendiri dengan mengisi atribut TYPE pada tag <UL> dengan format berikut :
kotak hitam untuk item level ketiga. Demikian seterusnya secara berulang.
Perhatikan contoh berikut :
<UL TYPE="kode_bullet" COMPACT="COMPACT">

BC
<BODY>
<B>SERBA GRATIS DARI INTERNET</B> dimana "kode_bullet" dapat berupa salah satu dari :
<UL>
<LI><B>Penyelenggara E-mail Gratis!</B> <!-- level 1 --
>
<UL>
"disc" - menghasilkan gambar bullet •
>
<LI>DALAM NEGERI : <!-- level 2 -- "square" - menghasilkan gambar bullet „
<UL> "circle" - menghasilkan gambar bullet {
OK
<LI><U>Telkom</U> <!-- level 3 --
>

>
<LI><U>BolehMail</U> <!-- level 3 -- Sementara itu atribut COMPACT="COMPACT" dapat digunakan untuk
</UL> mengurangi spasi antar item (hanya berlaku untuk Netscape). Penggunaan tag
<LI>LUAR NEGERI : <!-- level 2 -- <UL> menghasilkan reaksi yang sama dengan penggunakan tag <DIR> dan
>
<UL> <MENU>, kecuali bahwa tag <DIR> didesain untuk daftar dengan item-item
<LI><U>Yahoo</U> <!-- level 3 -- pendek dan tag <MENU> didesain untuk item-item panjang. Contoh :
>
<LI><U>Excite</U> <!-- level 3 --
w.

>
</UL> <DIR>
</UL> <LI>A-H<LI>I-M<LI>N-R<LI>S-Z
<LI><B>Penyelenggara Web Space Gratis!</B> <!-- level 1 -- </DIR>
>
</BODY>
ww

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
Daftar berurut dapat digunakan unruk membuat daftar item dengan nomor urut.
Tag yang dapat digunakan adalah <OL>…</OL>. Setiap item harus diawali

co
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 :

<OL TYPE="tipe_nomor" START="angka">

b.
dimana tipe_nomor digunakan untuk menentukan tipe nomor yang ingin
ditampilkan oleh browser. Dapat berupa salah satu dari :

lu
Tipe_nomor Ditampilkan browser
1 1, 2, 3, …
Gambar 3.34: Tipe penomoran item bisa diatur dengan atribut “TIPE=x”
a a, b, c, …
A A, B, C, …

BC
i i, ii, iii, … 3.6.3 Mengatur Angka Awal Item
I I, II, III, …
Nomor awal item secara default ditentukan oleh isi atribut START=. Tetapi kita
juga dapat mengatur nomor awal sendiri dengan mengatur atribut VALUE= pada
"angka" pada atribut START= adalah angka integer yang dapat digunakan untuk tag <LI>. Sintak penggunaannya adalah :
menentukan angka awal item (akan dijelaskan dibawah). Default tipe angka dan
nomor awal adalah 1. Perhatikan contoh berikut :
<LI TYPE="typeUL|typeOL" VALUE="angka_integer">
<BODY>
OK
<B>SERBA GRATIS DARI INTERNET</B>
<OL TYPE="I"><B>
<LI>Penyelenggara E-mail Gratis!</B> "typeUL|typeOL" adalah kode_bullet untuk tag <UL>…</UL> atau tipe-
<OL TYPE="A">
<LI>DALAM NEGERI : _nomor untuk tag <OL>…</OL>.
<OL>
<LI><a href="http://mail.telkom.net">Telkom</a> "angka_integer" adalah sebuah angka integer untuk menentukan angka awal
<LI><a href="http://www.bolehmail.com">BolehMail</a>
</OL>
item
<LI>LUAR NEGERI :
w.

<OL>
<LI><a href="http://mail.yahoo.com">Yahoo</a> Sebagai contoh, baris-baris html dibawah ini :
<LI><a href="http://mail.excite.com">Excite</a>
</OL>
</OL><B>
<LI>Penyelenggara Web Space Gratis!</B> <OL>
</BODY> <LI>Angka pada item ini adalah 1 (default)
<LI VALUE="15">Angka pada item ini adalah 15
ww

<LI>Angka pada item ini adalah 16 (lanjutan)


<OL START="30">

OKB Club Indonesia – http://www.okbclub.com 109 OKB Club Indonesia – http://www.okbclub.com 110
<LI>Angka pada item ini adalah 30 Perancangan HomePage serta Editor-editor Web yang

m
<LI VALUE="10">Angka pada item ini adalah 10 dapat
<LI>Angka pada item ini adalah 11 (lanjutan) digunakan untuk membuat HomePage.
</OL> <DT><I>BAB II</I>
<LI>Angka pada item ini adalah 17 (lanjutan) <DD><B>Dasar-Dasar Bahasa HTML.</B>menjelaskan mengenai
</OL> mengapa kita menggunakan tag-tagbeserta atribut-
atributnya serta menjelaskan segala sesuatu tentang

co
dasar-dasar HTML yang harus diketahui sebelum membuat
Akan menghasilkan tampilan seperti gambar 3.35 berikut : </DL>
HomePage.

Akan menghasilkan tampilan seperti tampak pada gambar 3.36.

b.
lu
BC
Gambar 3.35: Angka awal item tidak harus selalu 1

3.6.4 Membuat Daftar Definisi


Gambar 3.36: Tampilan definisi dibuat dengan tag <DL>, <DT> dan <DD>
Daftar definisi diperlukan saat kita akan menjelaskan suatu terminologi secara
OK
rapi dan profesional. Secara umum ada dua bagian item didalam sebuah daftar Jika digunakan tanpa tag <DL>, tag <DD> dapat dimanfaatkan untuk membuat
definisi. Bagian pertama adalah bagian label dan bagian kedua adalah bagian baris pertama paragraph lebih masuk kedalam (indent) seperti ini :
penjelasan.
<BODY>
Blok daftar definisi ditentukan dengan tag <DL>…</DL>. Untuk membuat bagian <DD><I>Bank yang tidak masuk dalam daftar likuidasi tetap
berjalan seperti biasa. Jika terdapat selebaran palsu
label, kita memerlukan tag <DT>, sedangkan untuk membuat bagian penjelasan mengenai daftar Bank yang dikatakan bakal dilikuidasi,
atau definisi kita menggunakan tag <DD>. 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
Contoh, penggunaan tag <DL>, <DT> dan <DD> berikut :
w.

Djiwandono di gedung utama sekretariat kabinet, di Jakarta,


Senin (3/11), usai pengumuman paket kebijaksanaan ekonomi 3
Nopember 1997.
<DL> </BODY>
<DT><I>BAB I</I>
<DD><B>Pendahuluan.</B>
Menjelaskan mengenai Evolusi Cyberspace, Word Wide
ww

Web,

OKB Club Indonesia – http://www.okbclub.com 111 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>
3.7 MENGGUNAKAN FORM

lu
3.6.5 Menampilkan Daftar Multi-Colum
Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web,
Spesifikasi HTML asli mengenai penggunaan tag <DIR> sesungguhnya akan misalnya untuk mendapatkan komentar dari pengunjung, untuk melakukan
menghasilkan daftar dalam kolom-kolom (multi-colum listing), akan tetapi tidak pendaftaran suatu keanggotaan tertentu, pemesanan barang dan lain sebagainya.

BC
ada satupun browser populer yang menerapkan spesifikasi ini. Meski demikian, Untuk membentuk sebuah form, tag yang digunakan adalah <FORM>…</FORM>.
Netscape versi 3 beta 5 keatas telah menambahkan kemampuan 'ideal' ini dengan Sedangkan atribut yang paling umum digunakan adalah METHOD= dan
tag <MULTICOL>. ACTION=. Sintak penggunaannya adalah :
<MULTICOL> dapat digunakan untuk membuat daftar dalam
format multi-colum dimana lebar semua item akan dibuat sama. <FORM METHOD="post|get" ACTION="alamat_URL">
Format penggunaannya adalah seperti ini: ....
OK
....
<MULTICOL COLS="kolom" WIDTH="lebar%" GUTTER="spasi"> </FORM>
Form bekerja dengan mengirimkan data yang diketik atau dipilih oleh user ke
dimana kolom adalah jumlah kolom yang diinginkan, default-nya adalah 1.
suatu script program (misalnya CGI Script, php3 atau .pl) yang berada di
lebar% adalah lebar item dalam persen layar dan spasi adalah spasi antar kolom
alamat_URL. Script semacam ini bisa diperoleh gratis dari :
item dalam point, default-nya adalah 10. Setiap item akan memiliki lebar yang
sama sehingga secara keseluruhan lebar lay-out layar multi-colum adalah
http://www.cgi-resources.com/Programs_and_Scripts/
w.

(kolom*lebar)+((kolom-1)*spasi). Jika lebar tidak ditentukan, browser akan


menggunakan lebar default satu layar penuh (100%). Contoh:
Jika Anda tidak memiliki akses ke script CGI manapun yang dapat menangani
<MULTICOL COLS=3 WIDTH=40% GUTTER=50> data dari form Anda, Anda dapat menggunakan alamat e-mail untuk menampung
<LI>A-D<LI>E-H<LI>I-L<LI>M-P<LI>Q-T<LI>U-X<LI>Y-Z data yang masuk sehingga Anda dapat menanganinya sendiri. Metoda post,
ww

</MULTICOL>
digunakan untuk mengirim data yang dimasukkan user dan metoda get untuk

OKB Club Indonesia – http://www.okbclub.com 113 OKB Club Indonesia – http://www.okbclub.com 114
mendapatkan data dari halaman lain. Metoda get hampir tidak pernah

m
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

co
dibutuhkan juga dapat diperoleh dari alamat diatas.
Setelah form didefinisikan, informasi dari pengunjung dapat diperoleh dengan tag
<INPUT>. Tag ini tidak memiliki pasangan tag penutup. Atribut yang dapat
digunakan adalah :

b.
TYPE="text|hidden|checkbox|radio|image|submit|reset" – digunakan untuk Gambar 3.39: Tampilan form untuk mendapatkan data dari pengunjung
memilih tipe informasi yang ingin didapatkan dari pengunjung
NAME="nama" – digunakan untuk memberi nama item informasi NAMA=Arif+Nurcahyo&EMAIL=arif@telkom.net

lu
VALUE="isi_item" – digunakan untuk mengisi item informasi default
Perhatikan bahwa setiap spasi yang diketik oleh user secara otomatis akan
SIZE="angka_integer" – untuk menentukan panjang kolom isian dirubah menjadi tanda plus ("+") dan batas antar informasi diberi tanda dan
("&"). Jika Anda membuka file tersebut dengan Write atau Ms.Word, maka
MAXLENTH="angka_integer" – untuk menentukan panjang isian yang dapat dengan mudah Anda dapat melakukan search & replace tanda "+" dengan [spasi]

BC
diketik oleh pengunjung dan tanda "&" dengan [enter] (kode enter = ^13) sehingga akan didapat data
seperti ini :
3.7.1 Mendapatkan Informasi Dari Pengunjung
NAMA=Arif Nurcahyo
Untuk mendapatkan informasi dari pengunjung, misalnya nama dan alamat e-
mailnya, kita dapat menggunakan tipe input "text". Sedangkan untuk mengirim
EMAIL=arif@telkom.net
datanya kita menggunakan input "submit". Lihat contoh berikut :
OK
Sayangnya, kode yang dikirim kealamat e-mail Anda bisa beragam (tidak hanya
"&" dan "+") sehingga Anda harus banyak melakukan search & replace. Untuk
<CENTER><H1>DATA PENGUNJUNG</H1><B> mengatasi hal ini, Anda dapat menggunakan program WEP Form Formatter
<FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
Nama : <INPUT NAME="NAMA" SIZE="23"> yang akan dijelaskan pada sub bab 3.7.8.
E-mail : <INPUT NAME="EMAIL" SIZE="30"><P>
<INPUT TYPE="submit"> <INPUT TYPE="reset">
</FORM></B></CENTER>
3.7.2 Melakukan Survei Pengunjung
Jika pengunjung menekan tombol Submit Query, maka nama dan alamat e-mail
w.

Untuk melakukan survei pada pengunjung, kita bisa menggunakan tipe input
pengunjung akan segera dikirim kealamat e-mail OKBClub@telkom.net. Kiriman 'radio' untuk mendapatkan satu item pilihan dari sekian item yang kita sediakan,
itu berupa file attachment berformat teks dengan nama file POSTDATA.ATT. atau tipe 'checkbok' untuk mendapatkan data dari beberapa item yang menjadi
Jika file ini dilihat dengan Notepad atau dengan teks editor lainnya, isinya perhatian pengunjung.
adalah seperti ini:
Contoh :
ww

OKB Club Indonesia – http://www.okbclub.com 115 OKB Club Indonesia – http://www.okbclub.com 116
<INPUT> dan tag <LABEL> diantara teks yang digunakan seperti tampak pada

m
contoh berikut.

<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked


ID="Baik"><LABEL FOR="Baik">Baik</LABEL> -

co
Dengan cara diatas, pengunjung dapat mengklik bulatan didepan teks 'Baik' atau
pada teks 'Baik' itu sendiri.

3.7.3 Membuat Menu Drop-Down

b.
Menu drop-down pilihan dapat digunakan untuk menghemat halaman survai jika
item pilihan yang kita tawarkan sangat banyak. Tag yang kita perlukan adalah
Gambar 3.40: Dengan checkbox, pengunjung bisa memilih lebih dari satu pilihan blok tag <SELECT>…</SELECT> dan tag <OPTION> seperti tampak pada
contoh berikut :

lu
<CENTER><H1><U>SURVEI PENGUNJUNG</U></H1><B>
<FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
Penilaian Anda Tentang <I>HomePage</I> ini : <H1><U>SURVEI PENGUNJUNG</U></H1><B>
<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio" DARI MANA ANDA BERASAL :

BC
VALUE="Cukup">Cukup - <SELECT NAME="ASAL" SIZE=1>
<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P> <OPTION SELECTED>Jabotabek
Yang menarik perhatian Anda Dalam Situs Ini :<P> <OPTION>Semarang
<INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" <OPTION>Yogyakarta
checked> E-mail Gratis<BR> <OPTION>Surabaya
<INPUT NAME="INTEREST" TYPE="checkbox" <OPTION>MEDAN
VALUE="WebSpaceGratis"> Web Space gratis<BR> <OPTION>Kalimantan
<INPUT NAME="INTEREST" TYPE="checkbox" <OPTION>Sulawesi
VALUE="ImageEditorGratis"> Image Editor Gratis<P> </SELECT><P>
<INPUT TYPE="submit"> <INPUT TYPE="reset"> <INPUT TYPE="submit"> <INPUT TYPE="reset">
</FORM></B></CENTER> </FORM></B>
OK
Dengan pilihan seperti terlihat pada gambar 3.40, file attachment yang akan
Anda terima melalui e-mail akan berisi data seperti ini:

PENILAIAN=Baik&INTEREST=WebSpaceGratis&INTERE
ST=ImageEditorGratis
w.

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
ww

Gambar 3.41: Tampilan menu drop down yang dibuat dengan form

OKB Club Indonesia – http://www.okbclub.com 117 OKB Club Indonesia – http://www.okbclub.com 118
m
Atribut SIZE= pada tag <SELECT> diatas digunakan untuk mengatur ukuran 3.7.5 Mengganti Label Tombol
tampilan menu drop-downnya. Sebagai contoh, jika pada contoh diatas Anda
menggunakan SIZE=3, maka yang akan ditampilkan kelayar secara default Secara default, tag <INPUT> dengan tipe 'submit' akan menciptakan tombol
adalah kota 'Jabotabek', 'Semarang' dan 'Yogyakarta'. berlabel 'Submit Query' dan input bertipe 'reset' akan menciptakan tombol

co
berlabel 'Reset'. Anda dapat merubah teks label pada tombol-tombol ini dengan
menambah atribut VALUE="label" seperti tampak pada contoh halaman survai
3.7.4 Mendapatkan Komentar Dari Pengunjung lengkap dibawah ini :
Untuk mendapatkan komentar dari pengunjung, kita perlu menyediakan suatu area <BODY>
<CENTER><H1><U>DATA PENGUNJUNG</U></H1>
yang cukup untuk menulis komentar. Untuk itu kita memerlukan blok tag <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"><B>

b.
<TEXTAREA>…</TEXTAREA>. Atribut yang diperlukan adalah ROWS= Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT
NAME="EMAIL" SIZE="30"><P>
(untuk menentukan jumlah baris ruang komentar) dan COLS= (untuk menentukan Penilaian Anda Tentang <I>HomePage</I> ini :
jumlah kolom ruang komentar). Jika diantara tag <TEXTAREA> dan <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik"
checked>Baik -
</TEXTAREA> diisi tulisan, maka tulisan tersebut akan ditampilkan dalam <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup -
kolom teks sebagai teks default. Jika tidak ingin menggunakan teks default, <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P>

lu
Yang Menarik Perhatian Anda Dalam Situs Ini :<BR>
sebaiknya ruang ini dikosongkan saja. Lihat contoh berikut : <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis"
checked> E-mail Gratis<BR>
<INPUT NAME="INTEREST" TYPE="checkbox"
<H1><U>KOMENTAR PENGUNJUNG</U></H1><B> VALUE="WebSpaceGratis"> Web Space gratis<BR>
<FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"> <INPUT NAME="INTEREST" TYPE="checkbox"

BC
KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> VALUE="ImageEditorGratis"> Image Editor Gratis<P>
<TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P> DARI MANA ANDA BERASAL :
<INPUT TYPE="submit"> <INPUT TYPE="reset"> <SELECT NAME="ASAL" SIZE=1>
</FORM></B> <OPTION SELECTED>Jabotabek
<OPTION>Semarang
<OPTION>Yogyakarta
<OPTION>Surabaya
<OPTION>MEDAN
<OPTION>Kalimantan
<OPTION>Sulawesi
</SELECT><P>KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>
OK
<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>

Jika diinginkan, Anda juga dapat menggunakan file gambar sebagai pengganti
tombol "Submit Query". Sayangnya tidak ada cara untuk menggunakan gambar
w.

sebagai pengganti tombol reset. Lihat contoh berikut:


<BODY BGCOLOR="#C0C0C0">
<CENTER><H1><U>KOMENTAR PENGUNJUNG</U></H1><B>
Gambar 3.42: Tampilan form untuk mendapatkan komentar dari pengunjung <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>
<TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P>
ww

<INPUT NAME="TOMBOL" TYPE="image" SRC="kirim.gif">

OKB Club Indonesia – http://www.okbclub.com 119 OKB Club Indonesia – http://www.okbclub.com 120
</FORM></B></CENTER>
3.7.6 Mengirim Data Tersembunyi

m
</BODY>

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

co
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 :

b.
<INPUT NAME="DIKIRIM_DARI" TYPE="hidden"
VALUE="http://serba_gratis.tripod.com">

lu
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.

3.7.7 Membuat Link Dengan Tombol

BC
Gambar 3.43: Tampilan layar survei data pengunjung lengkap
Form dapat dimanfaatkan untuk membuat link berbentuk tombol. Caranya adalah
dengan mengisi atribut TYPE dengan "button". Contoh :
Catat bahwa beberapa browser juga mengirim koordinat lokasi saat user meng-
klik gambar tombol. Dalam hal contoh diatas, jika user mengklik tombol pada
koordinat 159, 15 misalnya, maka tambahan format yang akan Anda terima <B>Tombol-tombol ini dibentuk dengan tag FORM dan
input bertipe "button"</B><P>
melalui e-mail adalah "TOMBOL.x=159&TOMBOL.y=15". <FORM>
<INPUT type="button" value="E-Mail Gratis !"
OK 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>
w.
ww

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
Cara kerja program ini sangat sederhana. Anda tinggal membuka file data dengan

m
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!

co
Anda kemudian dapat menyimpan hasilnya kedalam clipboard dan mem-paste-
nya 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.

3.8 MENGGUNAKAN FRAME

b.
Frame umumnya digunakan untuk menampilkan beberapa halaman html sekaligus
Gambar 3.45: Menggunakan form untuk membuat tombol link 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.

lu
3.7.8 Menggunakan WEB Form Text Formatter Pertama, <FRAMESET>...</FRAMESET> untuk mengatur hal-hal yang
Membaca data kiriman dari suatu web form masih mudah dilakukan jika berhubungan dengan ukuran frame. Atribut yang diperlukan adalah :
informasi yang dikirim tidak banyak. Akan tetapi ini bisa menjadi mimpi buruk
jika informasi yang ingin kita dapatkan cukup banyak. Sebagai contoh, form

BC
survai lengkap yang ada pada sub bab 3.7.5 diatas jika diisi lengkap akan
menghasilkan data seperti ini:

NAMA=Arif+Nurcahyo&EMAIL=arif@telkom.net&PENI
LAIAN=Baik&INTEREST=WebSpaceGratis&INTEREST=I
mageEditorGratis&ASAL=Yogyakarta&Komentar=%0D
OK
%0AWuaahhhh+...+Pokoknya+Huuueeeebaattt+...+D
ach+....+%21%21%21&DIKIRIM_DARI=http%3A%2F%2F
serba_gratis.tripod.com

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"
w.

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:

http://move.to/moose
ww

Gambar 3.46: Tampilan program Web Form Formatter

OKB Club Indonesia – http://www.okbclub.com 123 OKB Club Indonesia – http://www.okbclub.com 124
m
rows="lebar1,lebar2,lebarN,..." – Menentukan lebar tampilan masing-
masing frame dalam pixel atau % (horisontal).
cols="tinggi1,tinggi2,tinggiN,..." - Menentukan tinggi tampilan frame
dalam pixel atau % (vertikal).

co
border="ukuran_border" – Menentukan border pemisah antar frame.
Defaultnya adalah 2 pixel.
bordercolor="kode_warna" – Menentukan warna border jika atribut
border digunakan.

b.
noresize – Jika digunakan, akan membuat pengunjung tidak dapat mengatur
ukuran frame.

Dan yang kedua adalah <FRAME>...</FRAME> untuk mengatur nama dan

lu
alamat file yang ingin ditampilkan dalam frame. Atribut yang digunakan adalah:

src="nama_file.html" – Menentukan file html atau alamat URL yang ingin


ditampilkan dalam frame. Gambar 3.47: Tampilan situs Serba-Gratis dalam mode 2 frame

BC
name="nama_frame" – Memberi nama frame. Digunakan sebagai referensi
tujuan pada frame mana halaman ingin ditampilkan. Perhatikan bahwa dalam contoh ini kita tidak menggunakan tag <BODY> karena
jika kita memasukkan frame kedalam <BODY>, maka hanya Internet Explorer
scrolling="yes|no|auto" – Untuk mengatur apakah pengunjung boleh saja yang mengenalinya sedangkan Netscape tidak. Karena itu catat bahwa
menggulung layar dalam frame atau tidak. Ini bermanfaat jika halaman tujuan jangan sekali-kali memasukkan frame kedalam tag <BODY>.
linknya berukuran kecil. Defaultnya adalah "yes".

<HTML>
OK
3.8.1 Membelah Layar Dalam Frame <HEAD>
<TITLE>Situs Home Page SERBA-GRATIS !!!</TITLE>
</HEAD>
Layar dapat dibelah menjadi frame-frame baik secara vertikal, horisontal atau
keduanya sekaligus. File yang digunakan untuk menampilkan frame terpisah dari <FRAMESET COLS="24%,76%">
<FRAME NAME="menu" SRC="menu.htm">
file yang ingin ditampilkan itu sendiri. Untuk menampilkan 2 halaman web dalam <FRAME NAME="main" SRC="main.htm">
1 layar frame, Anda akan butuh 3 buah file. Dua untuk ditampilkan dan satunya </FRAMESET>
</HTML>
lagi untuk menampilkan kedua file tersebut. Berikut adalah contoh file html
(bernama 2_frame.htm) untuk menampilkan file menu.htm dan main.htm
w.

dalam sebuah layar. 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
ww

menggunakan angka juga, misalnya 490 (untuk desain layar 640x480) maka

OKB Club Indonesia – http://www.okbclub.com 125 OKB Club Indonesia – http://www.okbclub.com 126
pengunjung yang menggunakan resolusi layar 800x600 akan mendapati 160 pixel 3.8.2 Menggunakan Link Dalam Frame

m
sisa layarnya dalam keadaan 'blank'. Contoh :
Secara umum, untuk membuat sebuah link ke suatu file, misalnya ke
<FRAMESET COLS="150,*"> email_gratis.htm, Anda dapat melakukannya seperti ini :
Jika ingin menggunakan 3 frame sekaligus, misalnya untuk menampilkan judul,

co
menu dan halaman utama, maka kita dapat menggunakan frame dalam frame. Satu <A HREF="email_gratis.htm">E-Mail Gratis</A>
frameset untuk membelah layar secara horisontal (dengan atribut ROWS) dan satu
lagi untuk membelah layar secara vertikal (dengan atribut COLS). Akan tetapi jika ini Anda lakukan dari sebuah frame, maka hasil link-nya akan
Gambar 3.48 adalah tampilan hasil implementasi pemakaian 3 buah frame ditampilkan pada halaman yang sama dengan lokasi dimana link berada. Jika
sekaligus menggunakan baris-baris html dibawah ini: Anda ingin menampilkan hasil link-nya pada frame yang lain, Anda harus
menyebutkan nama target frame-nya (yang sebelumnya didefinisikan dengan

b.
<HTML> NAME="nama_frame"). Jika frame tujuannya diberi nama "main" seperti pada
<HEAD>
<TITLE>HomePage SERBA GRATIS !!!</TITLE> contoh diatas, maka untuk membuat hasil link-nya tampil di frame "main" Anda
</HEAD> dapat melakukannya dengan cara seperti ini :
<FRAMESET FRAMESPACING="1" ROWS="97,*">

lu
<FRAME NAME="judul" SCROLLING="no" NORESIZE
SRC="judul.htm"> <A HREF="email_gratis.htm" TARGET="main">E-Mail Gratis</a>
<FRAMESET COLS="180,*">
<FRAME NAME="menu" SRC="menu3.htm" SCROLLING="no">
<FRAME NAME="main" SRC="main3.htm"> Jika Anda ingin menampilkan hasil link-nya dalam satu halaman browser penuh
</FRAMESET>
tanpa frame, Anda harus menggunakan nama target "_top" (misalnya,

BC
</FRAMESET>
</HTML> TARGET="_top"). Sedangkan jika ingin menampilkan hasilnya dalam halaman
browser baru, Anda dapat menggunakan nama target "_blank" (misalnya,
TARGET="_blank").

3.8.3 Cara Mudah Membuat Frame Dengan Frame-It


Frame-It adalah sebuah program shareware yang dapat digunakan untuk
OK
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
w.
ww

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
Format sebuah tabel sebenarnya sederhana, akan tetapi dapat menjadi rumit

m
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

co
tag <TD>…</TD>. Berikut adalah contoh tabel dengan 2 baris dan 2 kolom :

<TABLE BORDER>
<TR>
<TD>Baris #1 Kolom #1</TD>
<TD>Baris #1 Kolom #2</TD>

b.
</TR>
<TR>
<TD>Baris #2 Kolom #1</TD>
<TD>Baris #2 Kolom #2</TD>
</TR>
</TABLE>

lu
Gambar 3.49: Gunakan program Frame-It untuk membuat frame dalam sekejap

BC
3.9 MENGGUNAKAN TABEL Gambar 3.50: Tabel 2 baris 2 kolom

Sebelum tag untuk membuat tabel diciptakan, perancang homepage harus bekerja
keras untuk menampilkan data dalam format-format kolom. Mereka harus secara Atribut BORDER pada tag <TABLE> akan membentuk border disekeliling tabel
hati-hati mendesain tabulator dengan tag <PRE>…</PRE>. Menghitung-hitung seperti tampak pada Gambar 3.50. Default atrribut ini adalah BORDER=0 yang
spasi dan kemudian bolak-balik men-cek hasilnya melalui browser! Sekarang, berarti tidak menggunakan border. Tabel dengan border dimatikan bisa
OK
bab ini akan menjelaskan kepada Anda betapa mudahnya me-layout halaman web dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain BORDER,
dengan tabel. 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 bordercolor="kode_warna" – Mengatur warna border, jika border
profesional, melainkan juga dapat leluasa mengatur layout halaman web! digunakan.
align="left|center|right" – Mengatur posisi tabel dilayar.
w.

3.9.1 Format Dasar Sebuah Tabel cellpadding="angka" – Mengatur jarak antara border dengan isi sel
Tabel memungkinkan perancang web untuk mengorganisasikan data dalam (vertikal dan horisontal) dalam satuan pixel.
struktur tabulator yang rumit. Tabel juga dapat diisi dengan daftar item, cellspacing="angka" – Mengatur tebal frame dalam satuan pixel.
paragraph, form, gambar, teks-teks preformatted dan bahkan tabel-tabel yang
lain (tabel dalam tabel). width="angka" – Mengatur lebar tabel dalam satuan pixel atau persen.
ww

OKB Club Indonesia – http://www.okbclub.com 129 OKB Club Indonesia – http://www.okbclub.com 130
Dan berikut adalah beberapa atribut dalam tag <TD> yang sering 3.9.3 Manipulasi Sel Dalam Tabel

m
digunakan:
Sel adalah kolom-kolom yang berada didalam tabel. Ada 2 hal yang dapat
dimanipulasi dari sebuah sel, yang pertama adalah mengatur jarak antara border
bgcolor="kode_warna" – Mengatur warna latar belakang sel. luar dengan sel dan sekaligus mengatur jarak antar sel. Dengan kata lain kita

co
background="gambar.gif" – Menggunakan gambar sebagai latar belakang sel. dapat mengatur lebar frame tabel. Pengaturan ini dapat dilakukan dengan
align="left|right|center" – Mengatur perataan isi sel (teks, gambar, dll.) secara mengatur atribut CELLSPACING didalam tag <TABLE>. Gambar berikut adalah
horisontal. hasil baris-baris html pada sub bab 3.9.1 dengan tebal frame 10.
valign="top|bottom|middle" – Mengatur perataan isi sel (teks, gambar, dll.)
secara vertikal.
<TABLE BORDER CELLSPACING="10">
colspan="angka" – Untuk menggabung sel kosong. ... ... ...

b.
width="angka" – Mengatur lebar sel dalam satuan pixel atau persen. </TABLE>

TIPS :

lu
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.

BC
Gambar 3.52: Tabel dengan cellspacing="10"

3.9.2 Mengatur Border Selain mengatur lebar frame, Anda juga dapat mengatur jarak antara border
dengan isi sel dalam segala arah (vertikal dan horisontal). Pengaturannya dapat
Border adalah garis yang mengelilingi sebuah tabel. Jika border tidak dipakai, dilakukan dengan atribut CELLPADDING seperti contoh berikut:
browser tidak akan menampilkan border. Gambar berikut adalah hasil baris-
baris contoh html pada sub bab 3.9.1 diatas dengan border=10.
OK <TABLE BORDER CELLPADDING="10">
... ... ...
<TABLE BORDER="10"> </TABLE>
... ... ...
</TABLE>
w.

Gambar 3.53: Tabel dengan cellpadding="10"

Gambar 3.51: Tabel dengan border="10"


ww

OKB Club Indonesia – http://www.okbclub.com 131 OKB Club Indonesia – http://www.okbclub.com 132
Untuk mendapatkan efek tertentu, beberapa atribut dapat digunakan sekaligus

m
menjadi satu dalam <TABLE> seperti ini :
<TABLE BORDER="10" CELLSPACING="10" CELLPADDING="10">
... ... ...
</TABLE>

co
Gambar 3.55: A= sel kosong, B= sel berisi tag <BR>

b.
3.9.5 Menggabung Sel
Dua sel atau lebih dapat digabung menjadi satu untuk membuat judul atau label
dalam sebuah tabel. Penggabungan dapat dilakukan dalam format kolom maupun

lu
Gambar 3.54: Tabel dengan border, cellspacing dan cellpadding = "10" baris. Atribut yang digunakan adalah COLSPAN untuk penggabungan kolom dan
ROWSPAN untuk penggabungan baris. Cara penggunaannya adalah seperti ini:

3.9.4 Menampilkan Sel Kosong


<TD COLSPAN="jumlah_kolom">

BC
Sebuah sel yang tidak berisi data apapun akan ditampilkan dalam kotak tanpa
border. Misalnya jika hanya menggunakan kode <TD></TD> saja tanpa isi dan
seperti contoh berikut yang akan menghasilkan tampilan seperti tampak pada <TD ROWSPAN="jumlah_baris">
gambar 3.55A.

Dimana jumlah_kolom adalah jumlah kolom yang ingin digabung (default-nya


<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
<TR> 1) dan jumlah_baris adalah jumlah baris yang ingin digabung (default-nya juga
OK
<TD></TD> <!-- ini adalah sel kosong --> 1). Perhatikan contoh berikut:
<TD>2</TD>
</TR>
<TR>
<TD>3</TD>
<TD>4</TD> Menggabung kolom: (hasilnya lihat gambar 3.56A)
</TR>
</TABLE>
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
<TR>
<TD COLSPAN=2>1 & 2</TD> <!-- Menggabung kolom -->
Jika Anda ingin untuk menampilkan sel berupa kotak kosong dengan border, </TR>
w.

Anda harus mengisi sesuatu kedalam sel tersebut, misalnya kode ganti baris atau <TR>
<TD>3</TD>
kode spasi. Gambar 3.55B adalah hasil kode sel yang diisi kode ganti baris <TD>4</TD>
(<TD><BR></TD>). </TR>
</TABLE>
ww

OKB Club Indonesia – http://www.okbclub.com 133 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)


Gambar 3.57: Perilaku teks dalam tiap sel bisa diatur sendiri-sendiri

b.
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4"> Pada contoh diatas, pemenggalan kata pada kolom pertama diserahkan
<TR> sepenuhnya kepada browser. Pada kolom kedua, pemenggalannya dilakukan
<TD ROWSPAN="2">1 & 3</TD> <!-- Menggabung baris -->
<TD>2</TD> secara manual dengan menyertakan beberapa buah tag <BR>. Sedangkan pada
</TR> kolom ketiga, atribut NOWRAP membuat kalimat didalam sel tidak dipenggal

lu
<TR>
<TD>4</TD> sama sekali (ditampilkan utuh).
</TR>
</TABLE>
3.9.7 Mengatur Alignment Tabel
3.9.6 Mengatur Perilaku Sel

BC
Posisi tampilan tabel dapat diatur dengan menyertakan atribut ALIGN pada tag
Secara default, perilaku teks dalam sel diatur otomatis oleh browser. Semakin <TABLE>. Lihat sub bab 3.9.1 diatas untuk penjelasan mengenai atribut ini.
kecil ukuran jendela browser, semakin pendek pula penggalan kata dalam Contoh berikut akan mendemonstrasikan penggunaannya :
kalimatnya. Jika ingin memenggal kata-kata yang ada dalam sel pada lokasi-
lokasi tertentu, Anda dapat menggunakan tag <BR>. Tetapi jika Anda tidak ingin
<TABLE BORDER>
kata-kata dalam kalimatnya dipenggal secara otomatis, Anda dapat menggunakan <TR>
atribut NOWRAP pada tag <TD>. Dengan menyertakan atribut NOWRAP, ukuran <TH>Default (ALIGN="left")</TH>
OK <TD>Kolom #2</TD><TD>Kolom #3</TD>
sel akan terpaku pada isi teks yang dimasukkan kedalam sel. Ini berarti bahwa </TR>
mengecilkan ukuran jendela browser tidak membuat kata-kata dalam sel menjadi </TABLE><BR>
terpenggal-penggal. Contoh: <TABLE BORDER ALIGN="center">
<TR>
<TH>ALIGN="center"</TH>
<TD>Kolom #2</TD><TD>Kolom #3</TD>
<TABLE BORDER> </TR>
<TR> </TABLE><BR>
<TD>Kata-kata dalam sel ini diatur otomastis oleh <TABLE BORDER ALIGN="right">
browser</TD> <TR>
w.

<TD>Kata-kata<BR>dalam sel<BR>ini diatur<BR>dengan<BR>tag <TH>ALIGN="right"</TH>


&lt;BR&gt;</TD> <TD>Kolom #2</TD><TD>Kolom #3</TD>
<TD NOWRAP>Kata-kata dalam sel ini diatur dengan atribut </TR>
NOWRAP</TD> </TABLE>
</TR>
</TABLE>
ww

OKB Club Indonesia – http://www.okbclub.com 135 OKB Club Indonesia – http://www.okbclub.com 136
<BR>

m
<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>

co
<TD ALIGN="right" VALIGN="top">Kata-kata dalam sel ini diatur
dengan ALIGN="right" dan VALIGN="top"</TD>
</TR></TABLE>
</BODY>

b.
Gambar 3.58: Beberapa contoh pengaturan alignment tabel

lu
3.9.8 Mengatur Alignment Sel
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

BC
VALIGN.
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 Gambar 3.59: Beberapa contoh pengaturan alignment sel dalam tabel
ini :
OK
<BODY>
<TABLE BORDER="2" CELLSPACING="3" WIDTH="100%"> 3.9.9 Tabel Dalam Tabel
<TR><TD><IMG SRC="logo.gif"></TD>
<TD VALIGN="top">Kata-kata dalam sel ini diatur dengan Seperti telah dijelaskan pada awal bab ini, sebuah tabel dapat diisi dengan tabel
VALIGN="top"</TD>
<TD VALIGN="middle">Kata-kata dalam sel ini diatur dengan yang lain. Teknik ini umumnya digunakan untuk mengelompokkan tabel-tabel atau
VALIGN="middle"</TD> utuk memperindah tampilan halaman web. Perhatikan contoh aplikasi tabel dalam
<TD VALIGN="bottom">Kata-kata dalam sel ini diatur dengan
VALIGN="bottom"</TD> tabel berikut:
w.

</TR></TABLE><BR>
<TABLE BORDER="2" CELLSPACING="3" WIDTH="100%">
<TR> <CENTER>
<TD ALIGN="left">Kata-kata dalam sel ini diatur dengan <TABLE WIDTH=100% BORDER="2" CELLPADDING="4">
ALIGN="left"</TD> <TR>
<TD ALIGN="center">Kata-kata dalam sel ini diatur dengan <TD WIDTH=25%><H3><CENTER>E-MAIL GRATIS</CENTER></H3><P>
ALIGN="center"</TD> <LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB)
<TD ALIGN="right">Kata-kata dalam sel ini diatur dengan <LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB)
ww

ALIGN="right"</TD> <LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB)


</TR></TABLE>

OKB Club Indonesia – http://www.okbclub.com 137 OKB Club Indonesia – http://www.okbclub.com 138
<LI><A HREF=http://mail.excite.com>Excite</A> (5 MB)

m
<LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB)
<LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (&plusmn; 5
MB)</TD>
3.9.10 Mengatur Warna Background Sel
<TD> Untuk lebih memperindah tampilan, Anda dapat memberi warna background sel.
<TABLE BORDER="6" WIDTH="100%"> <!-- TABEL DIDALAM TABEL --> Atribut yang harus digunakan adalah BGCOLOR atau BACKGROUND. Atribut ini

co
<TR>
<TD ALIGN="center"><H1><U>HOT NEWS</U></H1><FONT SIZE="4"> dapat dimasukkan baik pada tag <TABLE>, <TR> maupun <TD>.
<A HREF="7langkah.html"><B>7 Langkah Memiliki HomePage
Gratis!</B></A></FONT><BR> Format penggunaannya adalah seperti ini:
<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 POP- <TABLE BGCOLOR="warna">
UP</B></A></FONT><BR>
<EM>Tip & Trik menghilangkan banner pop-up di server web <TR BGCOLOR="warna">

b.
gratisan!</EM><P></TD> <TD BGCOLOR="warna">
</TR>
</TABLE> <TABLE BACKGROUND="file_gambar">
</TD> <TR BACKGROUND="file_gambar">
<TD WIDTH=25%><H3><CENTER>WEB SPACE GRATIS</CENTER></H3><P> <TD BACKGROUND="file_gambar">

lu
<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)

BC
</TD>
</TR>
</TABLE>
</CENTER>

OK
Gambar 3.61: Contoh pengaturan warna background sel

Dimana warna dapat berupa kode warna atau nama warna sedangkan
w.

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">
Gambar 3.60: Contoh penggunaan tabel didalam tabel <FONT COLOR="white" SIZE="4"><B>E-MAIL
ww

GRATIS</B></FONT></TD>
</TR>

OKB Club Indonesia – http://www.okbclub.com 139 OKB Club Indonesia – http://www.okbclub.com 140
<TR><TD BGCOLOR="#E4C88B" NOWRAP> Berikut adalah contoh penggunaan HomeSite "Table wizard" :

m
<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) 1. Saat pertama diaktifkan, "Table wizard" akan membuat tabel 2 kolom 2
<LI><A HREF=http://mail.excite.com>Excite</A> (5 MB) baris. Kita kemudian dapat menambah kolom atau menambah barisnya
<LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB) dengan mengklik tombol "+" pada 'columns'/'rows'. Atau mengurangi
<LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (&plusmn; 5
kolom/barisnya dengan mengklik tombol '-'.

co
MB)</TD></TR>
</TABLE> 2. Untuk menggabung satu atau beberapa sel sekaligus, klik baris atau kolom
</TD></TR>
</TABLE> 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
3.9.11 Cara Mudah Membuat Tabel Dengan HomeSite
dipilih dengan baris dibawahnya (lihat gambar 3.63).
3. Setelah layout tabel selesai dibuat, klik tombol "Next >". Setelah itu akan

b.
Seperti telah dijelaskan didepan, pembuatan tabel sebenarnya sederhana tetapi
dapat menjadi rumit karena sifat dasarnya. Setelah memahami cara kerja dan cara muncul tampilan setting untuk mengatur layout tabel secara keseluruhan
pembuatannya secara manual dalam sub bab-sub bab diatas, Anda boleh (cell padding, cell spacing dan alignment), lebar tabel, warna background,
melangkah menggunakan fasilitas yang ada pada html editor 1st Page2000 atau border dlsb. Abaikan setting ini jika Anda ingin menggunakan setting
HomeSite (sudah download belum? Jika belum sekaranglah saatnya untuk default. Setelah itu klik tombol "Next >" dan lanjutkan dengan klik tombol

lu
download). Kalau ada sesuatu yang "aneh", Anda dapat membetulkannya sendiri "Finish".
secara manual dengan bekal pengetahuan tadi. 4. SELESAI.

BC
OK
Gambar 3.62: Lokasi tombol Table Wizard didalam editor html HomeSite

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
w.

paling kiri dari sub menu table, lihat gambar 3.62).


"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 Gambar 3.63: Membuat tabel dengan HomeSite Table Wizard
dengan yang lainnya.
ww

OKB Club Indonesia – http://www.okbclub.com 141 OKB Club Indonesia – http://www.okbclub.com 142
Jika Anda membuat tabel seperti tampak pada gambar 3.63 diatas, maka

m
beberapa detik kemudian Anda akan mendapatkan baris-baris html seperti
BAB 4
dibawah ini. Untuk mempermudah pemahaman, didalam tabel ini telah penulis
sisipkan teks angka-angka dari #01 s/d #16 kedalam masing-masing sel. LANGKAH KE-4:
MENDAFTAR KE WEB
<TABLE WIDTH="200" CELLSPACING="2" CELLPADDING="6"

co
BORDER="1">
<TR>
<TD># 01</TD>

</TR>
<TD COLSPAN="2">#02, #03</TD>
<TD># 04</TD> SERVER GRATIS!
<TR>
<TD ROWSPAN="2" COLSPAN="2">#05, #06<BR>#09, #10</TD>

b.
<TD># 07</TD>
<TD ROWSPAN="2"># 08<BR>#12</TD>
</TR>
<TR>
<TD># 11</TD>
</TR>
<TR>

lu
<TD># 13</TD>
<TD># 14</TD>
<TD># 15</TD>
<TD># 16</TD>
</TR>
</TABLE>
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

BC
Jika baris-baris html diatas dilihat dengan browser, ia akan menghasilkan memiliki homepage lokal berupa file-file html yang hanya bisa dilihat oleh Anda
tampilan seperti tampak pada gambar 3.64. 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
OK
hari seminggu. Komputer semacam inilah yang disebut WEB SERVER.
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,
w.

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
Gambar 3.64: Tabel rumit ini dibuat dengan mudah menggunakan HomeSite Table internet dengan mudah Anda dapat menemukan web server gratis yang
Wizard menyediakan spasi 15MB, 20MB, 50MB, 100MB dan bahkan tidak terbatas!
ww

OKB Club Indonesia – http://www.okbclub.com 143 OKB Club Indonesia – http://www.okbclub.com 144
4.1 MEMBURU WEB SERVER GRATIS menyimpan homepage penulis. Padahal alamat URL-nya telah penulis daftarkan

m
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 Bagaimanapun, penulis tidak ingin apriori. Tetapi tidak ada salahnya jika Anda
layanan web server gratis (free webspace). Satu dari Indonesia dan satu lagi dari melakukan pertimbangan berulang-ulang jika ingin menitipkan homepage Anda
luar negeri. Namun sebelum itu, kita akan membahas dahulu beberapa situs yang ke web server gratis dari Indonesia. Pada umumnya pendaftaran ke penyedia

co
menyediakan spasi gratis sebagai perbandingan. Baik situs yang berasal dari layanan webspace gratis dari Indonesia memang cukup mudah (disamping karena
Indonesia maupun dari luar negeri. Pembahasan meliputi nama alamat yang akan berbahasa Indonesia tentunya). Akan tetapi dari 5 situs penyedia layanan
kita peroleh, fasilitas yang mereka tawarkan, kapasitas ruang simpannya, webspace gratis dari Indonesia yang pernah penulis daftari, 2 situs lenyap dalam
kemudahan akses filenya, syarat-syaratnya dan lain sebagainya. 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 Berikut adalah review singkat mengenai beberapa penyedia layanan web server

b.
gratis adalah bahwa dunia gratis di internet adalah dunia yang selalu berubah gratis dari Indonesia, yang mudah-mudahan masih ada saat buku ini berada
dan akan terus berubah. Situs-situs penyelenggara webspace gratis terus ditangan Anda! Sebelumnya jangan salah, meski penyelenggaranya dari
bermunculan setiap hari, akan tetapi ada pula beberapa yang kolaps dan akhirnya Indonesia, akan tetapi situs-situs ini tetap bisa diakses dari seluruh dunia!
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

lu
datanglah lain waktu. Jika spasi yang ditawarkan suatu situs kurang besar untuk Rileks Free Homepage
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 Rileks Free Homepage (http://mypage.rileks.com/) menyediakan
internet menjadi TIDAK TERBATAS! 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

BC
Hal lain yang perlu Anda perhatikan saat mendaftar adalah untuk mengisi nama,
yang tepat dan mengirimkan permintaan Anda ke web-master Rileks.com.
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" !
OK
4.1.1 WEB SERVER GRATIS DARI INDONESIA
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.
w.

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
Gambar 4.1: Situs Rileks Free Homepage, menyediakan spasi gratis 20 MB!
www.NetKiosk.org. Penulis telah beberapa kali dibuat kecewa dengan hilangnya
Alamat homepage yang akan Anda miliki setelah mendaftar di situs ini adalah :
ww

situs-situs penyedia free webspace dari Indonesia yang penulis pakai untuk

OKB Club Indonesia – http://www.okbclub.com 145 OKB Club Indonesia – http://www.okbclub.com 146
m
http://mypage.rileks.com/terserah_anda
Sementara itu alamat e-mail berbasis web yang akan Anda terima adalah
terserah_anda@rileks.com dengan spasi tak terbatas!

co
Untuk membuka dan mengirim e-mail, akses bisa dilakukan dari alamat
http://mail.rileks.com.
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.

b.
Syarat keanggotaan dalam situs ini adalah:
1. Tidak boleh menggunakannya untuk kegiatan atau usaha bisnis yang
bertentangan dengan hukum yang berlaku di wilayah Republik Indonesia. Gambar 4.2 : Situs SSNet menyediakan spasi gratis 2 MB.
2. Menyimpan, menaruh, meletakkan dan mempublikasikan gambar atau cerita

lu
porno, dan segala macam lainnya yang berbau pornografi. Upload file ke SSNet dapat dilakukan baik melalui utilitas file manager yang
telah disediakan atau menggunakan program FTP (dengan host address
3. Menyimpan file MP3, software bajakan, program hacking atau phreaking
202.155.18.2 dan nomor port 21). Sementara itu e-mail dapat Anda buka baik
dan segala sesuatu yang yang melanggar hak cipta dan/atau hak paten
dengan browser maupun e-mail client seperti Microsoft Outlook atau Eudora
lainnya.
(dengan host name www.s-s-net.com dan nomor port 25). Satu hal yang perlu

BC
Anda perhatikan adalah bahwa SSNet menggunakan file default bernama
default.htm, bukan index.htm atau index.html seperti situs-situs yang lain.
SSNet
SSNet (http://www.s-s-net.com/) adalah situs internet yang
didedikasikan untuk dunia pendidikan Indonesia. SSNet menyediakan spasi gratis Capella.co.id
sebesar 2 MB plus layanan e-mail berbasis web dan POP3 yang meski Capella Web Hosting menyediakan spasi gratis sebesar 15 MB. Berbeda dengan
sebenarnya ditujukan untuk pelajar dan mahasiswa Indonesia, tetapi pada
OK
sebelumnya, jika situs-situs web gratis yang telah disebutkan diatas melarang
prakteknya siapapun dapat mendaftar disini. Anda untuk mengisi spasi web personal Anda dengan materi bisnis atau segala
Cara pendaftarannya sangat mudah dan cepat. Ketik alamat berikut kedalam bentuk penawaran yang bersifat profit oriented, maka Capella justru
browser Anda: http://www.s-s-net.com/asp/register.asp. menawarkan spasi khusus untuk keperluan bisnis atau e-commerce untuk
Setelah itu Anda hanya perlu mengisi ID (terserah_anda), Nama Anda dan perusahaan atau instansi berbadan hukum.
kode password yang Anda inginkan (lihat gambar 4.2). Lalu …. abakadabra … Capella juga menyediakan dukungan teknis atas layanan yang diberikan selama
dalam waktu kurang dari satu menit Anda akan memiliki almaat e-mail baru jam dan hari kerja melalui e-mail, telepon, atau kunjungan pelanggan. Pelanggan
dengan alamat: terserah_anda@s-s-net.com
w.

menggunakan server yang disediakan Capella agar dapat diakses dari internet
Dan sebuah webspace yang bisa diisi file-file homepage dengan alamat : 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 :
http://www.s-s-net.com/terserah_anda
http://www.capella.co.id/e-commerce/free/formulir.html
ww

OKB Club Indonesia – http://www.okbclub.com 147 OKB Club Indonesia – http://www.okbclub.com 148
Bayangkan! 500 MB gratis untuk Anda yang gemar cerita-cerita ngeres! Alamat

m
yang akan Anda peroleh jika Anda mendaftar dan disetujui adalah :
http://www.ceritaseru.org/members/terserah_an
da

co
b.
lu
Gambar 4.3: Capella.co.id menyediakan spasi gratis khusus untuk bisnis

Setelah mendaftar dan disetujui, selain spasi gratis sebesar 15 MB, Anda juga

BC
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 Gambar 4.4: CeritaSeru.Org menyediakan spasi gratis 500 MB!
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 Jika Anda berminat, Anda dapat segera mengirimkan file-file homepage Anda
sejumlah uang tertentu. Akan tetapi dengan trik khusus, Anda juga bisa dalam bentuk file ZIP. Kirimkan file tersebut melalui e-mail ke alamat
wiro@radiolink.net. Jangan lupa untuk menyertakan nama direktori yang
OK
mendapatkan nama domain sendiri dengan gratis (lihat bagian TIP & TRIK
dibelakang). anda inginkan dan mengisi subject e-mail dengan "SITUS WEB BARU".

CeritaSeru.org 4.1.2 WEB SERVER GRATIS DARI LUAR NEGERI

Sesuai dengan nama host-nya, situs CeritaSeru yang beralamat di Berbeda dengan jumlah penyedia layanan webspace gratis dari Indonesia yang
http://www.ceritaseru.org ini menyediakan spasi gratis khusus untuk masih bisa dihitung dengan jari, penyedia layanan webspace gratis dari luar
negeri jumlahnya sudah tidak terhitung lagi. Sub bab ini akan kita pakai untuk
w.

diisi dengan materi-materi khusus dewasa (baik cerita maupun gambar).


membahas beberapa diantaranya yang paling hebat, kecil iklannya (kalau bisa
Syaratnya adalah tidak vulgar, tidak berisi materi yang melanggar hukum (MP3,
yang tanpa iklan), cepat aksesnya, pendek alamat domainnya dan lengkap
crackz, dan sejenisnya), bukan berupa situs yang menjadi saingan CeritaSeru,
fasilitasnya dibanding ribuan lagi yang lain.
tidak mengandung link ke situs kompentitor CeritaSeru, dan maksimal ukuran file
(HTML dan gambar GIF/JPG) adalah 500 Mb. Satu hal yang perlu dicatat adalah bahwa meskipun pembahasan telah diusahakan
se-uptodate mungkin, akan tetapi perubahan bisa saja terjadi setiap saat.
ww

OKB Club Indonesia – http://www.okbclub.com 149 OKB Club Indonesia – http://www.okbclub.com 150
Biasanya ini terjadi pada ukuran spasi yang disediakan (umumnya semakin besar,

m
bukan sebaliknya), fasilitas upload file (tambahan pada fungsi FTP/browser), 50Megs - http://www.50megs.com/
cara penampilan iklan (banner atau pop-up) dan layanan tambahan seperti e-
mail, counter, guest book atau message board. Sesuai dengan namanya, 50Megs menyediakan spasi gratis untuk keperluan
Sangat berbeda dengan penyedia layanan webspace gratis dari Indonesia, personal sebesar 50 MB dengan iklan banner disebelah atas layar halaman web.

co
pondasi keberadaan situs-situs free webspace dari luar negeri amat sangat kuat. Selain itu, Anda juga akan mendapatkan alamat e-mail dan juga counter. Upload
Dari 4 situs webspace gratis yang pernah penulis daftari 7-8 tahun yang lalu, file bisa dilakukan baik melalui browser maupun FTP.
keempat-empatnya masih aktif hingga sekarang! 50Megs menyediakan file manager yang bagus serta site builder yang mudah
Pembahasan situs web gratis dari luar negeri ini disusun berdasarkan abjad. digunakan oleh pemula. Alamat yang akan Anda terima jika mendaftar di situs ini
adalah :

b.
http://terserah_anda.50megs.com
20m - http://www.20m.com/
Sesuai dengan namanya 20m menyediakan spasi gratis sebesar 20 MB untuk situs AcmeCity - http://www.acmecity.com/
personal dengan iklan banner disebelah atas halaman web. Selain itu, mereka

lu
juga menyediakan e-mail, chat dan instant messaging. Upload file bisa AcmeCity menyediakan spasi gratis sebesar 20 MB untuk keperluan personal.
dilakukan baik melalui browser menggunakan file management tool yang Anda tidak diijinkan memasang link komersial dalam situs ini. Sementara iklan
disediakan atau melelui FTP. dari penyelenggara ditampilan berupa banner disebelah atas tiap halaman web.
20m adalah salah satu situs penyedia layanan webspace gratis yang tumbuh Fasilitas yang diberikan selain spasi gratis adalah e-mail, chat dan bulletin

BC
sangat cepat. Meski spasi yang disediakan hanya 20 MB, akan tetapi ini sudah board. Upload file ke AcmeCity bisa dilakukan baik melalui browser maupun
cukup untuk menampung sekitar 2000 halaman teks atau 500 lembar foto. Alamat melalui FTP.
yang akan Anda peroleh setelah mendaftar di situs ini adalah : AcmeCity cocok bagi Anda yang ingin membangun situs entertainment. Anda
http://terserah_anda.20m.com 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
4Office.net - http://www.4office.net/ membangun situs web menarik dalam waktu kurang dari satu jam. Sementara bagi
OK
yang sudah berpengalaman, mereka juga menyediakan site management tools
4Office Net menyediakan spasi gratis tidak terbatas khusus untuk kalangan atau FTP untuk melakukan upload. Alamat yang akan diperoleh dari situs ini
bisnis dengan iklan banner disebelah atas halaman web. Selain spasi gratis tak adalah :
terbatas, mereka juga menyediakan program-program afiliasi dan berbagai http://www.acmecity.com/terserah_anda
macam resource bisnis.
Tampaknya, 4Office disediakan khusus untuk kalangan bisnis. Tetapi sayangnya,
akses ke 4Office agak lambat. 4Office Mendukung script CGI dan e-mail Angelfire - http://www.angelfire.com/
w.

forwarding, sementara itu upload file hanya dapat dilakukan melalui FTP.
Alamat yang akan diperoleh setelah mendaftar adalah : Saat pertama kali penulis mendaftar di Angelfire sekitar tahun 1994 yang lalu,
penulis mendapatkan spasi gratis sebesar 0.5 MB. Akan tetapi sekarang, Anda
http://terserah_anda.4office.net 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.
ww

OKB Club Indonesia – http://www.okbclub.com 151 OKB Club Indonesia – http://www.okbclub.com 152
Angelfire, yang sekarang dikuasai oleh raksasa LYCOS, termasuk situs penyedia http://terserah_anda.bigstep.com

m
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 Bizland – http://www.bizland.com
inginkan. Kemudian memilih nama direktori (misalnya 'id') atau topik (misalnya
Bizland menyediakan spasi gratis untuk bisnis sebesar 35 MB dengan banner

co
'music') dan diikuti dengan memasukkan nama belakang homepage (misalnya
terserah_anda). Secara keseluruhan, alamat homepage yang akan Anda miliki iklan disebelah atas halaman web. Selain itu mereka menyediakan juga alamat e-
dari Angelfire bisa seperti ini : mail, storefront, chat, shoping chart dan counter. Upload file ke Bizland bisa
dilakukan baik melalui browser maupun FTP.
http://www.angelfire.com/id/terserah_anda
Bizland adalah salah satu web hosting gratis populer untuk kalangan pebisnis
kecil. Berdiri tahun 1999 lalu dan sekarang telah memiliki lebih dari 800.000

b.
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

lu
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 :
http://terserah_anda.bizland.com

BC
BootBox.net - http://www.bootbox.net/
BootBox memberikan spasi gratis sebesar 10 MB untuk keperluan personal
maupun bisnis. Jika Anda hanya menggunakan BootBox hanya sebagai server dan
Gambar 4.5 : Angelfire sekarang menyediakan spasi gratis 50 MB! memiliki nama domain sendiri, maka banner iklan pop-upnya akan hilang dengan
OK
sendirinya. Selain spasi gratis sebesar 10 MB, yang rencananya akan dinaikkan
menjadi 35 MB pada kuartal pertama tahun 2001, mereka juga menyediakan free
Big Step – http://www.bigstep.com
e-commerce (atau b-commerce) lengkap dengan merchant account, free account
BigStep menyediakan spasi gratis sebesar 11 MB untuk keperluan personal atau e-mail tak terbatas dan akses internet gratis khusus untuk USA dan Canada
bisnis kecil. Meski spasi yang diberikan agak kecil akan tetapi kekuatan utama (seperti LinkNet kalau di Jakarta).
web ini adalah pada orientasi bisnisnya. Mereka menyediakan fasilitas transaksi Upload file ke BootBox hanya bisa dilakukan melalui FTP. Tetapi ini adalah
on-line, database kustomer terintegrasi, katalog on-line plus promosi web serta solusi terbaik untuk Anda yang telah memiliki alamat domain resmi dan ingin
reporting tools. Kemudahan akses yang diberikan membuat siapapun bisa menyimpan isi homepage di server gratis. Alamat yang akan Anda terima adalah
w.

membuat homepage disini. http://www.terserah_anda.com (untuk yang telah memiliki nama


BigStep menyediakan Site Building Tools yang sangat mudah digunakan, juga domain) atau jika belum punya, adalah seperti ini :
untuk urusan upload file dengan browser. Setelah situs Anda selesai dibangun, http://terserah_anda.bootbox.net
Anda dapat segera mempublikasikannya dan melakukan promosi hanya dengan
beberapa kali klik saja! Alamat yang akan Anda peroleh adalah :
ww

OKB Club Indonesia – http://www.okbclub.com 153 OKB Club Indonesia – http://www.okbclub.com 154
Crosswinds - http://home.crosswinds.net/ utamanya ada pada penggunaan personal karena pada kenyataanya, meskipun

m
mereka mengijinkan untuk keperluan bisnis, tetapi Anda tidak boleh memasang
CrossWinds menyediakan spasi gratis tak terbatas baik untuk keperluan banner komersial Anda sendiri atau link-linknya.
personal maupun bisnis dengan tanpa iklan. Selain itu saat ini mereka juga Upload file ke DenCity bisa dilakukan baik melalui browser maupun melalui
menyediakan e-mail gratis. Upload file hanya bisa dilakukan melalui FTP FTP. Alamat yang akan Anda peroleh dari situs ini adalah :

co
sehingga mungkin tidak sesuai untuk pemakai pemula.
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 Domain Valet - http://www.domainvalet.com/
masalah yang terjadi pada server mereka segera ditangani secara profesional.
Domain Valet menyediakan spasi gratis sebesar 20 MB untuk keperluan personal

b.
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 :

lu
http://www.domainvalet/terserah_anda

Dreamwater - http://www.dreamwater.com/

BC
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.
Meskipun spasi default yang disediakan Dreamwater adalah 50 MB, akan tetapi
OK
Gambar 4.6: Crosswinds.net menyediakan spasi gratis tak terbatas! 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
Jika Anda adalah seorang webmaster yang berkompeten, maka CrossWinds dan dapat diakses dengan menyebut sub domainnya saja seperti ini :
mungkin adalah pilihan terbaik bagi Anda, akan tetapi bagi pemula, Anda tidak
akan mendapatkan apa-apa disini. Alamat yang akan Anda terima setelah http://terserah_anda.dreamwater.net/ atau
mendaftar di situs ini adalah : http://terserah_anda.1freespace.com/
http://www.Crosswinds.net/terserah_anda
w.

Envy - http://www.envy.nu/
DenCity - http://www.dencity.com/ Envy menyediakan spasi gratis sebesar 20 MB (lebih besar dari sebelumnya)
untuk keperluan personal. Sayangnya, mereka juga merubah feature dari situs
DenCity memberikan spasi gratis sebesar 25 MB untuk keperluan personal tanpa iklan menjadi situs beriklan banner pop-up. Upload file ke Envy harus
ww

maupun bisnis dengan iklan berupa tombol. Akan tetapi sebenarnya orientasi dilakukan melalui browser. Alamat yang akan diperoleh adalah :

OKB Club Indonesia – http://www.okbclub.com 155 OKB Club Indonesia – http://www.okbclub.com 156
http://www.envy.nu/terserah_anda Freedom2Surf - http://www.f2s.com/

m
Fredom2Surf menyediakan spasi gratis 20 MB baik untuk personal maupun
EWebCity - http://www.ewebcity.com/ bisnis dengan dukungan penuh terhadap teknologi PHP, CGI, SSI, Perl Script
serta front page extension. Mereka juga menyediakan search option, web
EwebCity menyediakan spasi gratis sebesar 30 MB untuk keperluan personal

co
statistic, counter dan web board gratis. Selain fasilitas tersebut, Anda juga
maupun bisnis dengan halaman-halaman web tanpa iklan! Pendaftarannya sangat mendapat alamat e-mail dengan spasi tak terbatas. Hebatnya lagi, freedom2suf
cepat dan mudah. Meskipun tidak mendukung CGI dan frontpage extension, tetapi bebas iklan! Satu-satunya yang menjadi kekurangan adalah bahwa semua transfer
EwebCity mendukung ASP dan SQL. Upload file dilakukan dengan browser file harus dilakukan melalui FTP ke www.terserah_anda.f2s.com (yang
melalui file manager yang mudah digunakan. EwebCity memiliki banyak web mungkin agak menyulitkan bagi yang tidak biasa melakukannya). Alamat yang
tutorial on-line. Alamat homepage yang akan Anda peroleh setelah mendaftar akan Anda peroleh adalah :
adalah :

b.
http://terserah_anda.f2s.com
http://www.eWebCity.com/terserah_anda

Freeservers - http://www.freeservers.com/
Fortune City - http://www.fortunecity.com/

lu
Freeservers menyediakan spasi gratis 20 MB untuk keperluan personal web
Fortune City dulu menyediakan spasi gratis sebesar 25 MB, tetapi sekarang dengan banner iklan disebelah atas halaman web. Upload file bisa dilakukan
mereka memperbesarnya hingga menjadi 100 MB. Sebuah spasi yang cukup baik melalui browser maupun FTP. Fasilitas yang disediakan termasuk instant
besar untuk sekedar membuat homepage pribadi! Fasilitas yang disediakan messaging, guest book, counter, shopbot search engine dan e-mail dengan

BC
termasuk alamat e-mail, chat, search box dll. Upload file bisa dilakukan baik spasi tak terbatas!
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
Penulis tidak dapat membayangkan, berapa besar harddisk yang mereka sediakan
OK
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).
w.

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 :
http://www.fortunecity.com/nama_area/nomor_alamat
Gambar 4.7: Freeservers.com menyediakan spasi gratis 20 MB!
ww

OKB Club Indonesia – http://www.okbclub.com 157 OKB Club Indonesia – http://www.okbclub.com 158
Geocities - http://www.geocities.com/

m
Freeserver adalah salah satu pelopor penyedia layanan webspace gratis dengan
jumlah member saat ini lebih dari 1.500.000 user! Mereka juga menyediakan Geocities adalah penyedia layanan internet yang sudah sangat tua. Dulu, mereka
fasilitas "Site Copier" untuk memindah situs yang telah Anda miliki ke hanya menyediakan spasi gratis sebesar 5 MB, lalu naik menjadi 11 MB dan
Freeservers, juga file manager yang sangat baik dan 'user friendly'. Seperti situs sekarang sudah ditambah lagi hingga menjadi 15 MB. Iklan yang ditampilkan

co
PengenPunyaSitus.Com dari Indonesia (sewaktu masih hidup), Freeservers adalah banner berupa watermark kotak disebelah kanan atas layar web.
menyediakan 16 pilihan nama sub domain unik. Keenambelas nama sub domain Sedangkan fasilitas yang disediakan selain spasi gratis adalah alamat e-mail
tersebut adalah : (terserah_anda@geocities.com), 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
http://terserah_anda.freeservers.com akan Anda terima setelah mendaftar adalah :

b.
http://terserah_anda.4t.com http://www.geocities.com/terserah_anda
http://terserah_anda.4mg.com
http://terserah_anda.8m.com
http://terserah_anda.8k.com Go Network - http://homepages.go.com/

lu
http://terserah_anda.s5.com Go Network menyediakan spasi gratis dengan tanpa iklan sama sekali, baik
http://terserah_anda.bizhosting.com banner maupun pop-up. Upload file dilakukan melalui browser dengan file
http://terserah_anda.faithweb.com manager yang disediakan. Selain spasi gratis, mereka juga menyediakan guest
http://terserah_anda.freehosting.net book, chat room dan e-mail. Alamat homepage yang akan Anda terima jika

BC
http://terserah_anda.gq.nu mendaftar di situs ini adalah :
http://terserah_anda.htmlplanet.com http://homepage.go.com/~terserah_anda
http://terserah_anda.itgo.com
http://terserah_anda.iwarp.com
Homepage - http://www.homepage.com/
http://terserah_anda.scriptmania.com
http://terserah_anda.theshoppe.com Homepage menyediakan spasi gratis sebesar 10 MB untuk keperluan personal
OK
http://terserah_anda.tvheaven.com 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 nama-
FreeYellow - http://www.freeyellow.com/ nama besar lainnya.
FreeYellow menyediakan spasi gratis sebesar 12 MB baik untuk personal Secara definitif, homepage termasuk salah satu dari penyedia web hosting gratis
maupun untuk bisnis dengan sebuah iklan banner. Selain itu, mereka juga dengan antarmuka paling bersih di internet, tetapi tidak menawarkan tool
menyediakan counter, pustaka gambar, form yang bisa di cut & paste, seting pembantu yang biasanya disediakan untuk pemakai pemula. Anda akan lebih baik
chat serta WebWizard site builder yang mudah digunakan.
w.

jika membuat situs dilain homepage dan setelah itu melakukan migrasi kesini.
Upload file ke FreeYellow bisa dilakukan baik melalui browser maupun FTP. Homepage adalah pilihan bagus untuk keperluan bisnis, akan tetapi jika Anda
Alamat homepage yang akan Anda peroleh adalah : seorang pemula, masih banyak pilihan lain yang mungkin lebih baik. Alamat yang
akan diperoleh jika mendaftar di situs ini adalah :
http://www.freeyellow.com/members/area/terserah_anda
http://terserah_anda.homepage.com
ww

OKB Club Indonesia – http://www.okbclub.com 159 OKB Club Indonesia – http://www.okbclub.com 160
Homestead - http://www.homestead.com/

m
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

co
browser. Sementara fasilitas yang diberikan sangat banyak, diantaranya alamat e-
mail, kalender, guest book, chat room, counter, web poll, promosi situs, teks
animasi plus koleksi ribuan clip-art dan suara.
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

b.
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!

lu
Jika Anda telah memiliki homepage lain, mereka juga menyediakan sebuah
utility canggih yang disebut "Site Mover" untuk mempermudah kepindahan Anda! Gambar 4.8: Hypermart.net menyediakan spasi gratis 20 MB!
Sebelum mencoba mendaftar ke Homestead, catat bahwa situs ini juga
bekerjasama dengan Spedia, pencetak uang dolar gratis yang terkenal itu! Jika Saat buku ini ditulis, hypermart telah memiliki lebih dari 1.000.000 member,
termasuk beberapa program pengeruk uang gratis dari internet seperti iklan mini

BC
Anda telah terdaftar di Spedia (lihat bagian BONUS: TIP & TRIK - Gunakan
Situs Anda untuk mencari uang dari internet!), maka pendaftaran ke Bonanza (http://uangiklan.cjb.net) dan organizer program Pensiun Muda
Homestead akan memberikan 70 tambahan point (setara dengan akses inernet 1 (http://pensiun.cjb.net) dan masih akan terus bertambah! Jika Anda mendaftar,
jam 10 menit). Enak khan? Alamat yang akan Anda peroleh jika mendaftar di alamat yang akan Anda peroleh adalah :
situs ini adalah : http://terserah_anda.hypermart.net
http://www.homestead.com/terserah_anda
iXprss - http://www.xprss.com
OK
Hypermart - http://www.hypermart.net/ iXprss memberi spasi gratis sebesar 100 MB untuk keperluan bisnis dengan
iklan berbentuk banner dibagian bawah halaman web. Fasilitas yang disediakan
Hypermart memberikan spasi gratis sebesar 20 MB yang bisa Anda gunakan
selain spasi gratis dan setup yang mudah adalah e-mail, kalender, news page dan
untuk keperluan personal maupun bisnis kecil dengan tampilan iklan yang bisa
link page. Upload file ke iXprss dilakukan melalui browser.
dipilih antara banner biasa atau pop-up banner. Upload file bisa dilakukan baik
melalui browser maupun melalui FTP. Anda bisa secara cepat melakukan setup on-line store dan mengatur suatu
database untuk men-set halaman-halaman produk lengkap dengan gambar-
Selain spasi gratis yang disediakan, Anda juga bisa memanfaatkan program-
w.

gambarnya. iXprss bahkan menyediakan shoping cart gratis untuk keperluan e-


program afiliasi yang ada atau memanfaatkan bussines resources yang banyak
commerce Anda. Selain itu, Anda juga dapat menggunakan lebih dari 100
tersedia di situs ini. Akan tetapi jika Anda ingin memanfaatkan shopping cart
template bisnis untuk keperluan lay-out halaman web Anda! Alamat yang akan
atau e-services yang lain, Anda harus melakukan upgrade keanggotaan dengan
Anda dapatkan jika mendaftar di situs ini adalah :
membayar sejumlah uang.
http://www.xprss.com/kategori/terserah_anda
ww

OKB Club Indonesia – http://www.okbclub.com 161 OKB Club Indonesia – http://www.okbclub.com 162
LiveUniverse - http://www.liveuniverse.com/ Upload file ke situs ini bisa dilakukan melalui FTP. Selain file-file html,

m
PortLand juga mempersilahkan Anda untuk meng-upload script-script CGI yang
LiveUniverse menyediakan spasi gratis 10 MB baik untuk personal maupun Anda miliki.
bisnis dengan iklan disebelah atas layar. Selain itu mereka juga menyediakan
Penyedia layanan free webspace dari Indonesia, pengenpunyasotus.com (dulu),
message board, chat, mailing list, text ticker, auction catalog dan masih
juga menggunakan portland sebagai web hosting untuk semua member yang

co
banyak lagi plus site builder sederhana yang mudah digunakan.
mendaftar ke pengenpunyasitus.com. Alamat homepage yang akan Anda terima
Jika Anda adalah seorang pemula, Anda bisa menggunakan "wizard" site builder jika mendaftar di situs ini adalah:
untuk memulai membuat homepage. Mereka akan menuntun Anda langkah demi
http://www.portland.co.uk/terserah_anda atau
langkah sambil menawarkan berbagai fasilitas yang bisa meningkatkan kualitas
http://terserah_anda.portland.co.uk atau
homepage Anda. Semua ini bisa dilakukan hanya dalam waktu 3 menit!
http://terserah_anda.port5.com

b.
Satu-satunya kekurangan situs ini hanyalah pada ukuran spasi yang disediakan
yang tampaknya sudah tidak sesuai untuk standar saat ini. Akan tetapi selama
Rebondir - http://www.rebondir.com/
Anda tidak menggunakan banyak grafik, ruang sebesar ini sebenarnya masih
cukup untuk kebanyakan situs web. Alamat yang akan diperoleh jika mendaftar di Rebondir menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
situs ini adalah : dengan tampilan banner iklan. Selain itu Rebondir juga menyediakan e-mail

lu
http://www.LiveUniverse.com/terserah_anda 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
NetColony - http://www.netcolony.com/ sederhana dengan banyak template desain halaman dan desain grafik yang

BC
mudah. Utiliti "Site Copier" yang disediakan juga dapat mempermudah
NetColony menyediakan spasi gratis 100 MB dengan iklan banner disebelah atas
kepindahan Anda dari situs yang sudah ada ke situs baru di Rebondir, dan file
halaman web Anda. Selain itu mereka juga menyediakan e-mail gratis, guest
manager berbasis web yang disediakan mempermudah editing dan upload file.
book, message board dan banyak tutorial mengenai html dan homepage. Upload
Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah :
file dilakukan dengan browser melalui utiliti file manager yang disediakan. Jika
ingin melakukan editing langsung, Anda juga bisa menggunakan EZ homebuilder http://terserah_anda.rebondir.com
yang disediakan.
OK
Pada saat buku ini ditulis, NetColony telah memiliki 175.000 member yang
Stas - http://www.stas.net/
tersebar di seluruh dunia. Selain nama belakang, Anda juga harus memilih jenis
kategori isi dari homepage Anda (misalnya 'internet' atau 'games') sehingga Stas memberikan spasi gartis tak terbatas yang bisa Anda gunakan untuk
alamat homepage yang akan Anda terima adalah: keperluan personal dengan tanpa iklan! Selain itu mereka juga menyediakan
http://www.netcolony.com/kategori/terserah_anda 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
w.

PortLand - http://www.portland.co.uk/ multimedia, Stas adalah pilihan tepat mengingat spasi 'unlimited' yang
disediakan, meskipun janji dan klaim mereka yang 'tanpa iklan' itu tampak terlalu
PortLand menyediakan spasi gratis sebesar 15 MB dengan tanpa iklan sama
muluk mengingat iklan adalah satu-satunya sumber dana yang masuk akal. Tapi
sekali, baik banner maupun pop-up. Selain itu mereka juga menyediakan fasilitas
… kita lihat saja nanti. Alamat yang akan Anda dapat jika mendaftar di situs ini
statistik dan alamat multi e-mail. Jika Anda telah memiliki nama domain, Anda
adalah :
dapat menggunakan PortLand sebagai web hosting gratis dan menggunakan
ww

domain Anda sendiri. http://www.stas.net/terserah_anda/

OKB Club Indonesia – http://www.okbclub.com 163 OKB Club Indonesia – http://www.okbclub.com 164
Stormloader - http://www.stormloader.com/

m
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, Virtual Avenue menyediakan spasi gratis sebesar 20 MB untuk keperluan
Stormloader telah memiliki sekitar 30.000 member. Fasilitas yang diberikan personal maupun bisnis dengan banner iklan kecil dan pop-up. Metoda upload

co
selain spasi gratis adalah alamat e-mail. Upload file dapat dilakukan dengan file yang bisa dilakukan adalah melalui FTP dengan batasan ukuran file maksimal
browser dan editing file dapat dilakukan dengan html editor berbasis web yang 1.2 MB. Virtual Avenue sangat populer dikalangan pebisnis kecil dengan jumlah
disediakan. Alamat yang akan Anda dapatkan adalah: member sekitar 500.000 user. Mereka menyukai Virtual Avenue karena
http://terserah_anda.stormloader.com 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.
TheBurgh - http://www.tbns.net/ Virtual Avenue mendukung penggunaan Script CGI, Perl dan frontpage
extension. Setelah mendapatkan spasi dari Virtual Avenue, Anda bisa
TheBurgh menyediakan webspace gratis sebesar 30 MB. Selain cepat, TheBurgh menggunakan nama domain yang telah Anda miliki atau menggunakan alamat sub
juga menyediakan e-mail gratis, forum diskusi dan chat. Upload file dilakukan domain yang telah disediakan, yaitu :
melalui browser. Tbns adalah singkatan dari The Burgh Network Solution.

lu
Setelah mendaftar, Anda akan mendapat alamat seperti ini: http://terserah_anda.virtualave.net
http://www.tbns.net/terserah_anda
WebHostMe - http://www.webhostme.com/

BC
Tripod - http://www.tripod.com/ WebHostMe menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
maupun bisnis. Mereka mendukung penggunaan Script CGI, frontpage extension,
Setahun atau dua tahun yang lalu, Tripod hanya menyediakan spasi gratis sebesar
Active Server Page (ASP) dan bahkan database MS-Access.
11 MB, akan tetapi sekarang Tripod memberikan spasi yang cukup besar untuk
Anda, yakni 50 MB! Anda bisa menggunakannya baik untuk personal maupun Account Anda akan aktif sekitar 10 menit setelah Anda mendaftar. Jika Anda
untuk bisnis. Sementara iklan yang ditampilkan pada layar web bisa dipilih telah memiliki alamat domain, Anda dapat menggunakan WebHostMe sebagai
apakah berbentuk banner atau pop-up. web server gratis dengan nama domain Anda sendiri. Jika belum punya, alamat
OK
yang akan Anda peroleh dari situs ini adalah :
Akses file di Tripod bisa dilakukan dengan semua cara yang mungkin bisa
dilakukan, misalnya melalui browser (menggunakan file manager canggih yang http://terserah_anda.webhostme.com
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 Xoom (NBCi) - http://www.xoom.com/
mendukung frontpage extension. Menurut penulis, disamping karena kecepatan
aksesnya, kemudahan atas hampir semua hal yang berhubungan dengan proses Xoom, yang saat ini telah dicaplok oleh perusahaan besar NBCi, menyediakan
spasi gratis tidak terbatas untuk Anda. Sayangnya, Xoom menempatkan iklan bar
w.

penciptaan situs web di Tripod menjadikannya awal yang baik untuk memulai
memiliki homepage sendiri. Alamat yang akan Anda peroleh setelah mendaftar NBCi yang diletakkan disebelah atas layar web dan bekerja sebagai portal.
adalah : Tentunya ini cukup mengganggu, disamping aksesnya menjadi sangat lambat.
Sebagai ganti segala kekurangan ini, disamping spasi web yang tidak terbatas
http://terserah_anda.tripod.com mereka juga memberikan alamat e-mail, fasilitas chat, search box dan lain
sebagainya. Upload file dapat dilakukan baik melalui browser maupun FTP.
ww

OKB Club Indonesia – http://www.okbclub.com 165 OKB Club Indonesia – http://www.okbclub.com 166
Umumnya, user lebih suka menggunakan Xoom sebagai server arsip untuk

m
menyimpan file-file program (.exe atau .zip) dan me-link-nya dari server web NightSites - http://www.nightsites.com/
gratis yang lain karena akses file .zip atau .exe di Xoom tidak memunculkan
iklan! Meski demikian, hati-hatilah dengan peraturan yang mereka buat. Jika NightSites menyediakan spasi gratis untuk homepage dewasa, pornografi, seks
Anda melanggarnya, mereka akan langsung mengapus account Anda tanpa dan semacamnya. Saat buku ini ditulis, NightSites telah memiliki 29.000 member

co
pemberitahuan apa-apa. Satu-satunya tanda bahwa keanggotaan Anda telah on-line.
dicoret adalah jika tiba-tiba saja password FTP Anda dianggap salah (invalid)
atau browser yang Anda gunakan menampilkan kode "404 Error" saat mengakses Selain spasi gratis, NightSites juga menyediakan chatroom dan feedback form
homepage Anda. Lebih jauh lagi, Anda tidak akan dapat mendaftar ulang dengan untuk komunikasi dengan pengunjung situs web Anda. Setelah mendaftar, Anda
nama atau alamat e-mail yang sama lagi. Berikut adalah alamat homepage yang akan dikirimi e-mail pemberitahuan yang berisi nama dan kode password yang
akan Anda terima jika mendaftar di situs ini : bisa Anda gunakan untuk login ke NightSites dan mulai membangun adult site
baru Anda!

b.
http://www.xoom.com/terserah_anda
Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah :
http://terserah_anda.nightsites.com
4.1.3 WEB SERVER GRATIS UNTUK YANG PUNYA

lu
'MINAT KHUSUS'
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,

BC
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.

Anzwers - http://www.anzwers.net/
Anzwers menyediakan spasi gratis dengan ukuran tak terbatas serta bandwidth
OK
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 :
http://www.anzwers.net/hot/terserah_anda
w.

Gambar 4.9: www.nightsites.com, free webspace untuk komunitas dewasa dengan


member lebih dari 30.000 user
ww

OKB Club Indonesia – http://www.okbclub.com 167 OKB Club Indonesia – http://www.okbclub.com 168
m
co
b.
lu
Gambar 4.10: Sexplosion.com, free webspace khusus untuk dewasa Gambar 4.11: InternetTrash.com, free webspace khusus untuk gila-gilaan!

BC
Sexplosion - http://sexplosion.com/ 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
Sexplosion (gambar 4.10) menyediakan 9 halaman web yang bisa diisi dengan forum gratis dan lain sebagainya. Transfer file bisa dilakukan melalui FTP.
materi-materi pornografi, seks dan semacamnya. Jika dirasa kurang, Anda bisa Pendaftaran cukup dilakukan dengan mengirim nama dan password yang Anda
mendaftar lagi untuk mendapatkan 9 halaman yang lain. Alamat yang akan inginkan ke alamat e-mail posttrash@internettrash.com tanpa data-
diperoleh adalah :
data pribadi sama sekali!
OK
http://sexplosion.com/terserah_anda
Alamat yang akan didapat setelah mendaftar di situs ini dapat berupa :
http://internettrash.com/users/nama_email_anda atau
Internet Trash - http://internettrash.com/ http://internettrash.com/users/nama_alias
Anda mungkin tidak mengira bahwa ada situs penyedia webspace gratis yang Nama_alias bisa Anda ganti-ganti kapan saja sepanjang belum ada yang
menyediakan dukungan untuk hal-hal yang tidak masuk akal seperti materi-materi menggunakannya. Selain nama domain internettrash.com, Anda juga dapat
yang berhubungan dengan penyerangan, penghinaan, materi tak berguna, tak memilih domain lain seperti internetjunk.com, internetgarbage.com,
w.

senonoh, tak berperasaan, sampah, kasar, primitif, tak sopan, asusila, cabul, internettoilet.com, nettrash.com, netjunk.com, netgarbage.com atau
kotor, porno, jorok, gila, hal-hal bodoh, tak bermutu, menjengkelkan, buruk, nettoilet.com. Hhmm….mmm…mmmm…... (baca sambil geleng-geleng kepala).
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.
ww

OKB Club Indonesia – http://www.okbclub.com 169 OKB Club Indonesia – http://www.okbclub.com 170
5. Setelah semua kolom diisi, klik tombol "Daftar Sekarang". Maka Anda

m
akan mendapatkan tampilan seperti tampak pada gambar 4.12, kecuali jika
4.2 MENDAFTAR KE WEB SERVER GRATIS nama yang Anda inginkan sudah dipakai orang lain (mereka akan meminta
Anda untuk memasukkan nama yang lain).
Setelah membaca semua review mengenai penyedia layanan free webspace pada
sub bab diatas dan telah menentukan kemana kita akan menitipkan homepage kita,

co
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.

4.2.1 Mendaftar Ke Rileks.Com

b.
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.

lu
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 (nama_anda@rileks.com). Karena
itu jika Anda belum memilikinya, Anda harus mendaftar terlebih dahulu (gratis).

BC
Pendaftaran e-mail ini bisa dilakukan dari alamat http://mail.rileks.com.
Berikut adalah urutan pendaftaran homepage gratis di rileks.com dari awal Gambar 4.12: Tampilan setelah pendaftaran di Rileks.Com selesai
dengan asumsi Anda telah memiliki alamat e-mail di rileks.com :
1. Arahkan browser Anda ke http://mypage.rileks.com. 6. SELESAI. Karena penulis mendaftar dengan 'username' OKBClub, maka
2. Klik link bertuliskan "Sign Up !!! Easy And Free" yang berada disebelah saat Anda membaca buku ini, alamat http://mypage.rileks.com/OKBClub
kiri atas layar browser (lihat gambar 4.1). telah bisa diakses dari internet!
OK
3. Anda akan masuk kelayar pemilihan area homepage. Area yang bisa Anda
pilih diantaranya adalah 'Anime', 'Boutique', 'Café', 'Games', 'Hiburan', Pada titik ini, alamat homepage Anda telah aktif. Tetapi isinya masih kosong.
'Komputer', 'Movie', 'Musik', 'Organisasi', 'Pendidikan', 'Personal', Untuk mengirim file-file html dari hardisk Anda ke server rileks.com, Anda bisa
'Restoran', 'Romance', 'Selebritis', 'Seni-budaya' dan 'Warnet'. Gulung layar menggunakan file manager yang disediakan oleh rileks.com. Caranya, arahkan
browser Anda hingga keposisi paling bawah, lalu dibawah kolom "Select browser Anda ke http://mypage.rileks.com/cgi-bin/manager.cgi/indonesia. Isi
the that best fits your future web site" pilih area yang sesuai dengan isi kolom Account Name, Password, pilih area, tampilan file dan klik tombol
homepage Anda. Setelah itu klik tombol "Continue". "Login ke account anda" (gambar 4.13). Setelah itu Anda akan dapat mengedit
w.

4. Isilah kolom-kolom form pendaftaran dengan teliti dan benar. Satu hal yang file, meng-upload file, mengaktifkan webboard, mengaktifkan guestbook,
harus Anda perhatikan adalah kolom 'Username:'. Username ini akan membuat dan menghapus direktori dan lain sebagainya. Sebagai catatan,
dipakai sebagai bagian dari alamat homepage Anda. Boleh diisi apa saja rileks.com menggunakan nama file default "index.html".
asal sopan dan pantas. Sebagai contoh, jika diisi "hobbyku", maka alamat
homepage yang akan diperoleh nantinya adalah
http://mypage.rileks.com/hobbyku.
ww

OKB Club Indonesia – http://www.okbclub.com 171 OKB Club Indonesia – http://www.okbclub.com 172
mengupdate homepage Anda. Jika Anda inginkan, Anda juga bisa mengisi

m
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

co
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.

b.
lu
Gambar 4.13: Tampilan layar Login ke Rileks.Com

4.2.2 Mendaftar Ke Tripod.Com

BC
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!
Gambar 4.14: Tampilan situs Tripod.Com
Pada sub bab ini kita akan mencoba mendaftar ke tripod dengan nama serba-
OK
gratis sehingga alamat yang akan kita peroleh nantinya adalah
3. Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!" yang ada
http://serba-gratis.tripod.com. dibagian bawah layar.
Berikut adalah langkah-langkah yang harus kita lakukan :
4. Setelah tombol "Sign Me Up!" Anda klik, dalam beberapa detik kemudian
1. Buka browser dan masukkan alamat http://www.tripod.com. Klik akan muncul ucapan selamat datang dari Tripod serta pemberitahuan bahwa
tombol "Sign Up" atau klik link dengan teks "Sign Up now for 50 MB of sebelum account Anda bisa diaktifkan, Tripod harus mengesahkan paspor
FREE space!". Anda ke Lycos Network sebagai pemilik Tripod. Lalu ada radio check yang
w.

berisi beberapa penawaran dari pihak Tripod, diantaranya apakah Anda


2. Setelah itu akan muncul form isian yang harus Anda isi dengan hati-hati.
ingin berlangganan semacam mailing list dwi-mingguan yang berisi segala
Isilah kolom "Member name" dengan nama depan sub domain yang Anda
hal yang berhubungan dengan teknik pembuatan homepage, tip & triknya, dan
inginkan. Dalam contoh ini karena kita menginginkan nama domain serba- juga penawaran tambahan spasi untuk menyimpan file-file Anda di
gratis.tripod.com, maka kolom ini kita isi dengan "serba-gratis". Isi kolom Driveway sebesar 25 MB. Dalam hal ini, Anda boleh memilih atau tidak
"Password" dengan kode password yang ingin Anda gunakan nanti saat akan
ww

memilih sama sekali. Setelah itu klik tombol "Complete Sign Up!".

OKB Club Indonesia – http://www.okbclub.com 173 OKB Club Indonesia – http://www.okbclub.com 174
m
co
b.
lu
Gambar 4.15: Form pendaftaran di Tripod.Com
Gambar 4.16: Tampilan setelah pendaftaran di Tripod.Com selesai

5. SELAMAT! Dalam beberapa detik kemudian, Anda akan langsung masuk ke


Mengganti Mode Iklan di Tripod

BC
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
Secara default, tipe iklan di situs web Tripod.com ditampilkan dalam bentuk
meng-klik FileManager untuk meng-upload file-file yang sebelumnya sudah
banner pada setiap halaman web. Iklan banner ini diletakkan diposisi sebelah
Anda buat atau langsung membuatnya pada saat itu juga menggunakan
atas layar seperti tampak pada gambar 4.17.
FreeForm (Anda harus mengerti HTML) atau menggunakan SiteBuilder
(Anda tidak harus mengerti HTML). 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
OK
6. Jika Anda telah memiliki homepage offline yang berada didalam harddisk, 'bersahabat', 'menjengkelkan' dan merusak tampilan homepage kita. Untuk
Anda bisa mulai meng-upload-nya dengan program client FTP ke alamat mengatasi masalah ini, Anda dapat mengganti tipe iklan yang ada dari mode iklan
server ftp.tripod.com. Catat bahwa pada detik itu juga Anda telah banner menjadi iklan pop-up (gambar 4.18).
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!
w.
ww

OKB Club Indonesia – http://www.okbclub.com 175 OKB Club Indonesia – http://www.okbclub.com 176
dengan trik khusus yang disebut "Auto Reminder", seperti yang akan dijelaskan

m
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.

co
Berikut adalah cara setting iklan dari mode banner menjadi mode pop-up di
Tripod.com :

1. Login-lah ke server Tripod seperti biasa.


2. Setelah itu klik sub menu "My Account". Sebentar kemudian akan

b.
ditampilkan beberapa seting internal situs homepage Anda.

lu
Gambar 4.17: Secara default, iklan banner di Tripod ditampilkan pada setiap
halaman web

BC
Gambar 4.19: Klik tab My Account untuk setting preference homepage di Tripod

OK
w.

Gambar 4.18: Jenis iklan pop-up di Tripod

Dengan tampilnya iklan yang terpisah seperti ini, pengunjung situs Anda dapat Gambar 4.20: Anda bisa memilih iklan banner atau iklan pop-up
ww

dengan mudah mematikan jendela pop-up iklannya jika ia tidak suka. Bahkan

OKB Club Indonesia – http://www.okbclub.com 177 OKB Club Indonesia – http://www.okbclub.com 178
FrontPage-enabled.", yang berarti bahwa situs web Anda sekarang telah

m
3. Klik link dengan label "Change ads type" yang berada dibawah sub mendukung frontpage extension.
menu "ADVERTISING". Dibawah teks ini terdapat tulisan "Your site 5. Keluarlah dari server dengan meng-klik link berlabel "Log Out" dan coba
serves auto-embedded ads." yang menandakan bahwa pada saat ini buka halaman web Anda yang mengandung komponen 'WebBot', seperti
situs Anda menggunakan mode iklan banner. Setelah link Anda klik, akan counter, guestbook atau yang lainnya.

co
muncul konfirmasi mengenai pemilihan mode iklan.
4. 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

b.
di situs web Anda telah beralih menjadi mode pop-up!
5. Keluarlah dari server dengan menekan link berlabel "Log Out" dan cobalah
kunjungi situs Anda sendiri untuk melihat hasilnya.

lu
Mengaktifkan FrontPage Server Extension di Tripod
Dalam keadaan normal, situs web Anda di Tripod tidak mendukung frontpage
extension. Frotpage extension berguna untuk membuat fungsi-fungsi tambahan

BC
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 Gambar 4.21: Selamat! Situs Anda kini telah mendukung Ms. FrontPage!
book ini tidak akan bekerja jika file html-nya di upload ke server-server yang
tidak mendukung frontpage extension.
Berikut adalah cara setting agar situs web Anda di Tripod.com dapat mendukung 4.3 MENGAKTIFKAN HOMEPAGE DI
frontpage extension: GEOCITIES
OK
1. Login-lah ke server Tripod seperti biasa. Anda memiliki account e-mail di yahoo? Jika ya, maka sesungguhnya Anda telah
memiliki sebuah homepage kosong di Geocities! Anda tinggal mengaktifkannya
2. Setelah berada didalam, klik sub menu "My Account". Sebentar kemudian saja dengan beberapa kali klik.
akan ditampilkan beberapa seting internal situs homepage Anda.
Berikut adalah langkah-langkah yang diperlukan untuk mengaktifkan homepage
3. Klik link dengan label "Enable my site" yang berada dibawah sub menu Anda di Geocities yang selama ini tidur nyenyak :
"PREFERENCES". Dibawah teks ini terdapat tulisan "Your site is not
w.

FrontPage-enabled." yang menandakan bahwa pada saat ini situs Anda 1. Arahkan browser Anda ke http://geocities.yahoo.com/home/ (atau ke
tidak mendukung FrontPage Extension. Setelah link "Enable my site" http://www.geocities.com). Isilah kolom Yahoo! ID dan kolom Password
Anda klik, maka sebentar kemudian akan muncul ucapan selamat bahwa dengan nama alamat e-mail dan password e-mail Anda, sama seperti jika
server Anda saat ini telah mendukung FrontPage Server Extension! Anda ingin membuka e-mail di YahooMail. (dalam contoh ini, penulis
menggunakan nama serba_gratis karena penulis memiliki acoount e-mail
4. Kembalilah ke layar "My Account" dan Anda akan melihat teks dibawah sub
ww

dengan nama serba_gratis@yahoo.com.


menu "PREFERENCES" sekarang telah menjadi "Your site is

OKB Club Indonesia – http://www.okbclub.com 179 OKB Club Indonesia – http://www.okbclub.com 180
2. Setelah menekan tombol "Sign In", dilayar akan ditampilkan syarat dan 3. Langkah berikutnya, Anda harus memilih salah satu dari 30 ketegori yang

m
ketentuan yang harus Anda perhatikan dalam mengelola situs Anda di kira-kira cocok dengan isi homepage Anda, misalnya 'Autos', 'Business &
geocities, misalnya ketentuan untuk tidak boleh mengisi homepage Anda Finance', 'Celebrities', 'Computers & Internet', 'Family', 'Fashion & Beauty',
dengan ini itu dan lain-lain. Klik tombol "I Accept". 'Friends', 'Games', 'Hobbies & Crafts', 'Home', 'Movies', 'Music', 'Pets',
'Romance', 'Science', 'Sports', 'Teen', 'Travel', 'Women' dll. Setelah itu klik

co
tombol "Submit".
4. 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 e-
mail yang berisi cara-cara mengisi homepage Anda dan penjelasan-

b.
penjelasan penting lainnya.
5. 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

lu
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

BC
"Upload File". Penjelasan lebih lengkap mengenai cara upload file ke
Gambar 4.22: Jika memiliki account di YahooMail, Anda juga memiliki homepage server Geocities bisa dilihat pada langkah 5 (bab 5).
di Geocities!

OK
w.

Gambar 4.24: Setelah homepage aktif, Anda bisa melakukan upload file melalui file
ww

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
Rp. 80.000,- sampai Rp. 150.000,- setahun. Jika mau, Anda juga bisa membeli

m
(atau juga menjual) nama domain yang sudah dipesan oleh orang lain dengan
4.4 MENDAPATKAN NAMA DOMAIN SENDIRI harga mulai Rp. 300.000,- sampai Rp. 500.000.000,-. Alamat yang perlu Anda
kunjungi untuk itu adalah http://www.bursadomain.com.
Maaf, bab ini mungkin adalah satu-satunya pembahasan mengenai hal yang tidak
gratis, tetapi ini mungkin diperlukan sebagai pengetahuan jika Anda mulai ingin

co
bertindak profesional, yaitu memiliki nama domain sendiri.
4.4.2 Anda Harus Punya Tempat Parkir
Nama domain sebenarnya adalah nama alias bagi alamat sebuah server. Untuk
dapat diakses dari seluruh dunia, setiap server memiliki alamat IP (Internet InterNIC atau Network Solutions tidak akan menerima pendaftaran nama domain
Protocol) sendiri dengan kode angka, misalnya 202.46.246.6. Server dengan jika tidak ada satu DNS (Domain Name System) serverpun yang dapat dirujuk
alamat seperti itu dapat dihubungi dengan mengetik http://202.46.246.6 didalam oleh nama domain Anda, atau jika nama domain provider webspace yang Anda
gunakan tidak terkoneksi ke jaringan internet. Karena itu, sebelum mendaftar

b.
browser. Akan tetapi ini tidak representatif dan tidak mudah diingat orang.
Karena itu dipakailah nama alias atau nama domain untuk mempermudah orang untuk mendapatkan nama domain, Anda harus sudah memiliki akses server
mengingatnya. Sebagai contoh, jika Anda memiliki perusahaan dengan nama PT. dimana ia bisa dihubungi saat nama domain yang Anda daftarkan diakses
SURYA, maka Anda dapat mendaftarkan nama domain surya.com sehingga orang/pengunjung.
homepage Anda bisa diakses dengan mengetik http://www.surya.com. Untuk keperluan ini, Anda tidak harus memiliki server sendiri, melainkan bisa

lu
menyewa ke web hosting dengan membayar iuran bulanan atau tahunan. Tetapi
sebelum benar-benar memiliki materi isi homepagenya sendiri, Anda bisa
4.4.1 Tentang InterNIC menggunakan tempat parkir domain (yang hanya terdiri dari satu halaman web)
untuk memberitahuan pada pengunjung bahwa situs Anda sedang dibangun atau
Penamaan nama domain diurusi oleh sebuah badan khusus yang bernama

BC
sedang direnovasi. Halaman inilah yang akan ditampilkan saat ada orang
InterNIC (International Network Information Service). Mereka mendaftar alamat
mengetikkan alamat domain Anda di browser mereka.
IP dan nama domain semua server di seluruh dunia. Sejumlah negara
menyediakan layanan pendaftaran sendiri; Anda dapat menghubungi InterNIC Tempat parkir semacam ini bisa disewa atau didapatkan gratis dari intenet.
untuk menanyakan siapa yang harus Anda hubungi. Anda perlu mengisi formulir Berikut adalah beberapa alamat dimana Anda bisa mendapatkan tempat parkir
pendaftaran untuk mengajukan permintaan nomor IP dan nama domain, kemudian gratis sebelum Anda selesai membangun situs web Anda :
mengirimkannya ke InterNIC. Berikut adalah alamat dimana sumber daya dan
informasi tentang InterNIC bisa diperoleh.
OK
Nama Penyelenggara
Alamat Homepage/Alamat Mendaftar
Domain Parking Gratis!
Nomor telepon bebas pulsa InterNIC: 1-800-444-4345
Nomor telepon langsung InterNIC: 619-455-4600 NetAvenue http://www.9netave.com/cgi-
bin/parkdomain.cgi?formdesign=webhost_park
E-mail: info@internic.net
Web: http://www.internic.net
Prohosting ParkPage http://www.parkpage.com/

Archive Internet: Client Ghoper: gopher.internic.net atau ketik Hostway Domain http://hostway.com/freedomain/index.htm
telnet gopher.internic.net dan login sebagai gopher Parking
w.

Domain Avenue http://www.domainavenue.com/


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
ww

pendaftaran melalui http://www.namadomain.com dengan biaya sekitar

OKB Club Indonesia – http://www.okbclub.com 183 OKB Club Indonesia – http://www.okbclub.com 184
m
4.4.3 Cara Memperoleh Nama Domain Gratis http://bebas.terserah_anda.com atau
Oke. Terus terang saja ini adalah sub bab tambahan yang penulis tambahkan
http://bebas.terserah_anda.net atau
setelah buku ini selesai ditulis! http://bebas.terserah_anda.org

co
Anda ngotot ingin punya alamat domain sendiri secara gratis? Meskipun penulis
sudah mengatakan bahwa sub bab ini adalah satu-satunya sub pokok bahasan Hebatnya lagi, semuanya itu GRATIS! Sekali lagi, GRATIIISSSS !!! Anda harus
yang tidak gratis? mencobanya sekarang, sebelum alamat yang Anda inginkan dimiliki oleh orang
lain!
Well, Anda beruntung, …… karena penulis baru saja menemukan jawabannya.
Bukalah langkah BONUS: Tip & Trik pada sub bab 8.7. Dijamin Anda akan

b.
bisa memperoleh salah satu alamat domain dibawah ini, dengan catatan alamat 4.4.3 Jualan Nama Domain? Mengapa Tidak?
yang Anda inginkan belum ada yang memakai sebelumya :
Beberapa bulan yang lalu, sebelum situs namedemo.com dan trik untuk
memiliki nama domain gratis bisa dilakukan, Anda harus membayar uang
http://www.terserah_anda.com dan

lu
registrasi sekitar Rp. 150 ribu untuk mendapatkan nama domain sendiri.
http://terserah_anda.com 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
atau Anda.

BC
Mulai sekarang, pasang mata dan telinga Anda baik-baik untuk mencari tahu akan
http://www.terserah_anda.net dan adanya perusahaan-perusahaan yang baru berdiri, koran atau tabloid yang baru
http://terserah_anda.net terbit, toko-toko baru, usaha-usaha baru atau apa saja yang baru. Catat nama
perusahaannya, nama tokonya, nama tabloidnya, nama usahanya dan lain
atau 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
OK
http://www.terserah_anda.org dan memperoleh jutaan bahkan mungkin puluhan juta rupiah dengan modal dengkul !
http://terserah_anda.org
Sebagai contoh, Anda mengetahui adanya sebuah tabloid baru yang baru saja
terbit, katakanlah namanya tabloid "POLITIK". Maka Anda bisa membuat situs
Plus web based e-mail dengan alamat seperti ini : 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
bebas@terserah_anda.com atau juga alamat e-mail, nomor telepon atau apa saja sebagai sarana untuk
w.

bebas@terserah_anda.net atau menghubungi Anda jika ada yang berminat.


bebas@terserah_anda.org
Sekarang, Anda bisa mulai menghubungi redaksi atau siapa saja yang
bertanggung jawab pada tabloid baru tersebut dan tawarkan nama domain ini
Selain itu, Anda juga bisa membuat banyak alamat sub domain sendiri dengan dengan harga tertentu. Tidak masalah jika mereka tidak mau membelinya, toh
alamat seperti ini : untuk mendapatkan nama domain tersebut Anda tidak dipungut biaya sepeserpun!
ww

OKB Club Indonesia – http://www.okbclub.com 185 OKB Club Indonesia – http://www.okbclub.com 186
Catat bahwa masa berlakunya nama domain adalah setahun. Jika Anda kebetulan

m
mendapatkan nama domain "cantik" yang menurut perkiraan Anda akan laku
BAB 5
dijual dimasa yang akan datang, Anda bisa memperpanjang masa keanggotaannya
dengan membayar sejumlah uang tertentu! LANGKAH KE-5:
MEMASANG HOMEPAGE
Alternatif lain untuk penyedia layanan nama domain gratis yang bisa Anda coba

co
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
KE WEB SERVER
ada dalam disket yang menyertai buku ini (dalam folder semuagratis.cjb.net).
(UPLOAD FILE)

b.
lu


BC
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.
Pada bab ini kita akan membahas dan mencoba semua cara upload file dari
OK
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),
w.

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
ww

"main.htm", maka apabila ada user yang mengetikkan alamat homepage Anda

OKB Club Indonesia – http://www.okbclub.com 187 OKB Club Indonesia – http://www.okbclub.com 188
(misalnya "http://serba-gratis.tripod.com"), maka file yang akan ditampilkan

m
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 meng-
upload-nya ke server Geocities (ftp.geocities.com). Jika tidak, maka

co
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.

5.1 UPLOAD FILE DENGAN FILE MANAGER

b.
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 masing- Gambar 5.1: Tampilan saat akan login ke Tripod

lu
masing situs penyelenggara free webspace. Tetapi perlu diperhatikan pula bahwa
tidak semua penyelenggara free webspace menyediakan file manager sehingga 3. Setelah itu akan muncul lagi kolom isian untuk Login ke File Manager.
untuk upload file ke situs-situs seperti ini, kita HARUS menggunakan program Ketik nama members dan password Anda sekali lagi, maka Anda akan
FTP, misalnya ke portland.co.uk atau ke bootbox.net. langsung masuk kedalam file manager. Untuk membuat folder baru, klik

BC
Pada sub bab ini kita akan mencoba melakukan upload file ke 2 situs free tombol "New Directory", kemudian ketik nama folder-nya pada kolom yang
webspace yang menyediakan file manager. Catat bahwa kedua situs ini memiliki disediakan dan akhiri dengan menekan tombol "Create".
layout file manager sendiri-sendiri sehingga berbeda satu dari yang lainnya.
Demikian pula dengan situs-situs yang lain.

5.1.1 Upload file ke TRIPOD


OK
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:

1. Arahkan browser Anda ke http://www.tripod.com dan klik link


w.

'File Manager' dibawah sub judul "New tools and services".


2. Setelah muncul pop-up pertanyaan, isilah kolom User Name dan Password Gambar 5.2: Tampilan File manager di Tripod
dengan nama dan password Anda. Setelah itu klik tombol "Ok".
4. Untuk upload file, klik label "Upload-Via" yang berada disebelah kanan
tombol "New Directory" dan pilih "single files (8)". Setelah itu akan
ww

muncul tampilan kolom-kolom dimana Anda bisa memasukkan nama-nama

OKB Club Indonesia – http://www.okbclub.com 189 OKB Club Indonesia – http://www.okbclub.com 190
file yang ingin di upload ke Tripod. Untuk mempermudah pencarian file

m
(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).

co
b.
Gambar 5.4: Laporan nama-nama file yang berhasil di upload ke Tripod

lu
8. Untuk melakukan uji coba, bukalah jendela browser yang lain dengan meng-
klik 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

BC
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

5. 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
OK
"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.
w.

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
ww

Manager. Gambar 5.5: Tampilan homepage yang selesai upload

OKB Club Indonesia – http://www.okbclub.com 191 OKB Club Indonesia – http://www.okbclub.com 192
5.1.2 Upload file ke GEOCITIES 2. Untuk masuk ke File Manager, klik link berlabel "File Manager" dibawah

m
sub titel "Advanced Tools". Setelah muncul tampilan baru, klik link dengan
Proses upload file ke Geocities hampir sama dengan proses upload file ke label "Open File Manager". Beberapa saat kemudian akan ditampilkan
Tripod. Berikut adalah urut-urutan yang bisa Anda lakukan : tombol-tombol menu untuk membuat file baru, menyalin (copy) file,
mengganti nama file, mengedit file, menghapus file dll.

co
1. Arahkan browser Anda ke Geocities (http://www.geocities.com) dan
masukkan nama user (atau Yahoo ID Anda) serta kode password-nya 3. Untuk membuat folder baru, klik tombol [New] yang berada dibawah label
dengan benar. Jika nama dan password yang Anda masukkan benar, akan "Subdirectories", masukkan nama folder yang diinginkan dan klik OK.
muncul tampilan seperti gambar 5.6. Jika salah, ulangi lagi. 4. 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

b.
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

lu
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
Gambar 5.6: Tampilan setelah berhasil Login ke Geocities
OK
w.

Gambar 5.8: Upload file ke Geocities menggunakan File Manager

5. 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
ww

Gambar 5.7 : Tampilan File Manager Geocities gambar 5.9.

OKB Club Indonesia – http://www.okbclub.com 193 OKB Club Indonesia – http://www.okbclub.com 194
5.2 UPLOAD FILE MENGGUNAKAN BROWSER

m
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

co
'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.

b.
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.
Gambar 5.9: Laporan tentang file yang berhasil di upload ke Geocities. Sementara itu alamat FTP untuk melakukan upload file ke situs ini bukannya

lu
ftp://ftp.port5.com, melainkan harus menggunakan alamat FTP
6. Secara default, Anda hanya dapat meng-upload 5 buah file sekali upload. ftp://ftp.portland.co.uk. Alamat FTP akan diberitahukan kepada
Akan tetapi ini dapat diperbanyak hingga maksimal 20 file dengan mengklik Anda secara langsung saat Anda mendaftar atau bisa juga melalui e-mail.
angka 5 disebelah label "Number of Files to Upload:" dan menggantinya Pada sub bab ini kita akan mencoba melakukan upload file ke TRIPOD

BC
dengan 20 dan lanjutkan dengan mengklik tombol "Display". menggunakan browser Ms. Internet Explorer versi 5.0. Berikut adalah langkah-
7. Untuk melakukan uji coba hasil upload, bukalah jendela browser lain langkahnya:
dengan meng-klik berturut-turut menu Æ File Æ New Æ Windows dari
dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda 1. Bukalah browser dan masukkan alamat ftp://ftp.tripod.com
kedalam browser baru tersebut, misalnya kedalamnya. Anda akan mendapatkan pesan kesalahan karena secara umum
http://www.geocities.tripod.com/serba_gratis. Jika semuanya tampak Anda tidak memiliki otoritas untuk masuk ke server ftp di Tripod.
beres, selesailah tugas Anda! Jika tidak, Anda dapat melakukan editing
OK
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.

CATATAN :
w.

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".
ww

Gambar 5.10: Tampilan Login FTP ke Tripod.Com melalui Browser

OKB Club Indonesia – http://www.okbclub.com 195 OKB Club Indonesia – http://www.okbclub.com 196
2. Klik menu File, lalu pilih Login As… dan setelah itu akan muncul kolom 4. Kecilkan jendela browser dan jalankan Windows Explorer (klik tombol

m
isian untuk mengisi nama members dan kode password. Masukkan nama dan Start Æ Programs Æ Windows Explorer). Cari lokasi dimana file-file
password Anda di Tripod dan klik "OK". 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

co
sementara ini tidak dilepas, geser file-file tersebut kedalam jendela browser
dan lepaskan tombol mouse untuk melakukan aksi "drag & drop" (lihat
gambar 5.12).
5. Beberapa saat kemudian semua file yang dipilih akan ditransfer ke server
satu persatu. Tunggulah hingga selesai. Proses ini bisa memakan waktu dari

b.
satu menit hingga beberapa puluh menit tergantung dari seberapa banyak dan
seberapa besar ukuran file yang Anda upload.

lu
Gambar 5.11: Tampilan isi server FTP Tripod jika dilihat melalui browser

BC
3. 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.

OK
Gambar 5.13: Proses transfer file dari hardisk ke server Tripod.Com

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
w.

jendela Windows Explorer!


7. Setelah semuanya selesai di upload, lakukan uji coba dengan mengetik
alamat homepage Anda pada kolom addres browser.
8. SELESAI.
ww

Gambar 5.12: Upload file dengan cara 'drag & drop' kedalam browser

OKB Club Indonesia – http://www.okbclub.com 197 OKB Club Indonesia – http://www.okbclub.com 198
5.3 UPLOAD FILE DENGAN PROGRAM FTP peroleh dari penyelenggara free webspace (lihat bab 4.2) saat Anda

m
mendaftar, dan isi kolom 'Password:' dengan kode password Anda.
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

co
beberapa diantaranya yang terbaik:

NAMA PROGRAM ALAMAT HOMEPAGE /


DOWNLOAD

b.
Leap FTP http://www.leapware.com
BulletProof FTP http://www.bpftp.com
Cute FTP http://www.cuteftp.com
WS_FTP http://www.ipswitch.com

lu
Transoft FTP http://www.transoft.com
Control
FTP Voyager http://www.ftpvoyager.com Gambar 5.14: Setup koneksi upload FTP ke server Portland

BC
Pada sub bab ini kita akan mencoba melakukan upload file ke server 3. Klik Check box 'Save Pwd' agar kita tidak perlu mengisi password lagi
ftp.portland.co.uk untuk mengisi situs web UANG GRATIS di alamat setiap kali ingin melakukan upload file. Biarkan kolom sisanya dalam
http://uang.port5.com menggunakan WS_FTP Pro, yakni sebuah keadaan kosong, lalu klik tombol 'Apply' untuk menambahkan account baru
program client FTP yang paling mudah digunakan. kita kedalam program dan lanjutkan dengan menekan tombol 'OK' untuk
mulai mengadakan koneksi ke server portland.
Saat pertama kali dijalankan (setelah instalasi), WS_FTP Pro secara default
telah memiliki alamat-alamat ftp seperti ftp.microsoft.com, ftp.mcafee.com, 4. Beberapa saat kemudian akan ditampilkan jendela utama program WS_FTP.
OK
ftp.idsoftware.com dan masih banyak lagi. Akan tetapi alamat server portland Jendela sebelah kiri dibawah label "Local System" adalah file-file dan
belum ada, karena itu kita harus membuat yang baru untuk dapat melakukan akses folder yang ada di komputer lokal (harddisk) Anda. Sedangkan jendela
ke server portland. Berikut adalah langkah demi langkah dari mulai membuat sebelah kanan dibawah label "Remote System" adalah file dan folder yang
account baru sampai upload file ke server ftp.portland.co.uk. ada di server remote (ftp.portland.co.uk).
5. Untuk mengganti direktori yang ada ke direktori lain, misalnya ke direktori
1. Jalankan program WS_FTP Pro. Klik tombol 'New' pada jendela "Session dimana file-file html Anda berada, klik tombol "ChgDir" yang sebelah kiri
dan ketik nama direktorinya, misalnya "d:\serba-gratis.tripod.com" dan klik
Properties", maka semua kolom akan menjadi kosong.
w.

"OK". Untuk membuat folder baru di server remote (ftp.portland.co.uk),


2. Isi kolom 'Profile Name:' dengan nama domain homepage Anda, misalnya klik tombol "MkDir" yang sebelah kanan. Sedangkan untuk membuat folder
kusayang.com atau yang lain. Isi kolom 'Host Name/Address:' dengan baru di harddisk lokal, klik tombol "MkDir" yang sebelah kiri.
'ftp.portland.co.uk'. Biarkan kolom 'Host Type:' berisi
'Automatic Detect'. Isi kolom 'User ID:' dengan kode user ID yang Anda
ww

OKB Club Indonesia – http://www.okbclub.com 199 OKB Club Indonesia – http://www.okbclub.com 200
8. Untuk melakukan uji coba hasil upload, bukalah browser Anda dan ketik

m
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
5.4 UPLOAD FILE DENGAN FRONTPAGE 2000
Upload dengan FrontPage mungkin adalah satu-satunya cara upload file yang
tidak gratis. Sebab program FrontPage-nya sendiri tidak gratis, meski Anda

b.
membeli yang 'bajakan' sekalipun! Kecuali jika Anda mendapatkannya dari teman
Anda, atau didalam komputer yang Anda pakai memang sudah ada program
FrontPage-nya.
Upload file dengan FrontPage sangat efektif jika Anda memang mendesain

lu
homepage menggunakan FrontPage. Prosesnya sendiri sangat sederhana dan
Gambar 5.15: Tampilan isi server FTP Portland jika dilihat melalui WS_FTP Pro mudah. Pada sub bab ini kita akan mencoba melakukan upload file menggunakan
FrontPage 2000.
6. Untuk mulai melakukan upload, pilihlah file di harddisk yang ingin di
upload dan kemudian klik tombol "-->" (berada ditengah layar). Anda juga

BC
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
OK
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.

Gambar 5.16: Transfer File dengan FTP adalah transfer yang paling cepat Gambar 5.17: Tampilan server web lokal dilihat dengan FrontPage 2000
ww

OKB Club Indonesia – http://www.okbclub.com 201 OKB Club Indonesia – http://www.okbclub.com 202
5.4.1 Upload file dari server FrontPage

m
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 :

co
1. Jalankan FrontPage 2000 dan buka web yang ingin Anda upload.
2. Klik sub menu "File" dan pilih "Publish Web …" .
3. Setelah muncul jendela "Publish Web", ketik alamat server tujuan kedalam
kolom yang berada dibawah label "Specify the location to publish Gambar 5.19: Tampilan Login FTP ke Tripod menggunakan FrontPage 2000

b.
your web to:", misalnya ftp.tripod.com.
4. Klik tombol "Options" untuk memunculkan opsi tambahan, lalu klik check 6. Sesaat kemudian, semua file akan mulai di transfer ke server satu persatu
dengan lama transfer bervariasi, tergantung dari berapa banyak file, berapa
box berlabel "Include Subwebs" jika Anda juga ingin meng-upload sub-
besar masing-masing file yang ditransfer dan seberapa besar kecepatan
sub folder sekaligus. Kemudian klik tombol "Publish". koneksi Anda ke Internet.

lu
BC
OK
Gambar 5.18: Setup koneksi ke server FTP Tripod melalui FrontPage 2000
Gambar 5.20: Proses transfer file ke server menggunakan FrontPage 2000

5. Setelah tombol "Publish" ditekan, beberapa saat kemudian FrontPage akan


mencoba melakukan koneksi ke server ftp. Karena server yang dihubungi 7. Setelah semua file selesai ditransfer, FrontPage akan memunculkan sebuah
bukan server publik, maka FrontPage akan memunculkan jendela konfirmasi pop-up pemberitahuan bahwa publikasi telah dilakukan dengan sukses. Jika
w.

username dan password yang diperlukan untuk masuk ke server tersebut. Anda ingin melihat hasil upload-nya, tidak usah repot-repot, Anda tinggal
Masukkan username dan kode password Anda di server bersangkutan. mengklik link berwarna biru didalam jendela pop-up dengan label "Click
Setelah itu klik "OK". 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
ww

kejendela FrontPage dan klik tombol "Done". Jika tidak, coba lihat lagi,

OKB Club Indonesia – http://www.okbclub.com 203 OKB Club Indonesia – http://www.okbclub.com 204
apakah Anda telah meng-upload salah satu file default homepage Anda?

m
(default.htm, index.htm atau index.html).

co
b.
Gambar 5.21: Pemberitahuan bahwa transfer file telah dilakukan dengan sukses

5.4.2 Upload File Dari Folder Hard Disk


Gambar 5.22: Pembuatan web baru di harddisk dengan FrontPage 2000

lu
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

BC
untuk melakukan upload dengan FrontPage 2000 dari awal.
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. Gambar 5.23: Proses pembuatan web baru di harddisk lokal
3. Pada kolom dibawah label "Specify the location of the new web" isilah
OK
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".
4. 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
w.

computer or network".
ww

Gambar 5.24

OKB Club Indonesia – http://www.okbclub.com 205 OKB Club Indonesia – http://www.okbclub.com 206
5. Pada kolom "Location:", isilah dengan lokasi dimana file-file html Anda

m
BAB 6
disimpan. Untuk mempermudah melokasikan file-file Anda, gunakan tombol

6.
"Browse".
Jika didalam sub direktorinya terdapat folder lain dan ingin juga di import, LANGKAH KE-6:
misalnya folder "images", klik check box didepan "Include subfolders",
MEMASANG COUNTER

co
setelah itu klik tombol "Next".
7. 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 GUESTBOOK GRATIS!
dan lanjutkan dengan menekan tombol "Finish" yang muncul setelah itu.

b.
lu
Setelah memiliki homepage, maka memiliki hit counter dalam situs web hampir
menjadi keharusan. Dengan hit counter yang dilengkapi fungsi tracker, Anda

BC
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
Gambar 5.25: Dengan File List Editor FrontPage 2000, Anda bisa dengan mudah didapatkan dengan gratis!
memilih file-file yang tidak ingin di transfer ke server
Selain hit counter, fasilitas lain yang tidak kalah penting adalah buku tamu
OK
8. Tunggulah sampai proses import-nya selesai. (guestbook). Adanya buku tamu dalam situs web memungkinkan dilakukannya
9. Setelah proses import selesai, mulailah melakukan transfer file (upload) ke interaksi antara Anda dengan pengunjung situs web Anda. Mereka bisa
server yang Anda inginkan dengan cara yang persis sama dengan cara menumpahkan uneg-uneg dan menuliskan kesan mereka tentang situs web Anda.
upload file dari server FrontPage diatas (sub bab 5.4.1 mulai langkah Isinya bisa pujian, ungkapan rasa puas, kritik atau bisa juga hujatan!
nomor 2). Bagaimanapun, pemuatan buku tamu kedalam homepage selalu menghadirkan
8. SELESAI. banyak manfaat. Komentar pengunjung seringkali sedemikian membanggakan
9. Lakukan pengecekan dengan mengunjungi situs web Anda. Jika ada yang sehingga memacu untuk selalu menjaga citra dan terus meningkatkan kualitas isi
tidak beres, coba pastikan bahwa Anda telah meng-upload salah satu file
w.

serta tampilan homepage kita. Demikian juga dengan kritik-kritik tajam dan
default homepage Anda (default.htm, index.htm atau pedas yang memungkinkan kita untuk lebih mengenali kekurangan yang ada pada
index.html). homepage kita.
Dua atau tiga tahun yang lalu, penyedia layanan counter dan guestbook gratis
yang baik mungkin hanya ada puluhan. Akan tetapi sekarang, jumlahnya sudah tak

ww

terhitung lagi. Cobalah kunjungi situs-situs mesin pencari seperti

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 Situs ini telah dikunjungi <img SRC="/bin/counter/serba-

m
gratis?ff0000" ALIGN="BOTTOM"> orang sejak Desember 2000.
kunci "free counter" atau "free guestbook", maka hanya dalam hitungan detik
Anda akan dihadapkan pada ribuan bahkan puluhan ribu link ke situs-situs yang
Akan menghasilkan tampilan seperti ini (counter akan berwarna merah):
Anda cari!
Counter dan guestbook tidak bisa dibuat hanya dengan kode html saja, karena itu

co
materi ini tidak dimasukkan kedalam langkah 3 (saat mempelajari html). Anda
harus melakukan pendaftaran ke suatu penyedia layanan counter/guestbook untuk Situs ini telah dikunjungi 234 orang sejak Desember 2000.
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 Peletakan kode penampil counter bisa dimana saja selama masih berada diantara

b.
penambahan angka counter-nya hanya terjadi pada mesin client, bukan pada tag <BODY>…</BODY>. Untuk mencobanya, upload-lah file html yang telah
server. Akibatnya, angka counter yang tampak pada masing-masing komputer ditambahi baris penampil counter diatas ke server Tripod. Setelah itu buka file
dapat berbeda-beda. tersebut dengan browser dalam keadaan Anda on-line ke internet. Ingatlah
bahwa counter tidak akan bisa aktif dalam keadaan internet offline. Jika counter

lu
Anda bekerja, maka setiap klik pada tombol "Reload" atau "Refresh" di browser
6.1 MEMASANG COUNTER akan membuat angka counter bertambah satu.

Jika Anda kebetulan mendaftar pada situs penyelenggara free webspace yang
sekaligus juga menyediakan fasilitas counter seperti Geocities atau Tripod, CATATAN :

BC
Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Kekurangannya
hanyalah pada tampilan counter yang umumnya tampak kurang menarik. Pada Jika dilokasi counter yang muncul adalah teks "a lot of", bukan
langkah ke-6 ini, kita akan membahas cara memanfaatkan counter dari Tripod angka, ini berarti bahwa server counter di Tripod tengah sibuk. Ini
dan Geocities. Kemudian kita juga akan memburu situs-situs penyedia layanan bisa diatasi dengan meng-klik "Reload" atau "Refresh". Tetapi
counter dan guestbook gratis dari internet, lalu mencoba mendaftar pada jika counter sama sekali tidak muncul dihalaman web (ini yang
beberapa diantaranya. seringkali terjadi pada pemula), kemungkinan besar warna
counter yang dipilih sama dengan warna latar belakang halaman
OK
6.1.1 Memasang Counter Di Tripod web Anda. Coba cek lagi pilihan warna counter Anda !
Jika Anda memiliki account di Tripod.com, Anda dapat menggunakan counter
dengan menambahkan baris berikut kedalam file html Anda. 6.1.2 Memasang Counter Di Geocities
Geocities memiliki tampilan counter yang lebih bagus dari pada Tripod. Akan
<img SRC="/bin/counter/NamaMember?WarnaCounter" ALIGN="BOTTOM"> tetapi untuk menggunakannya diperlukan setup counter yang lebih panjang.
Berikut adalah cara pengaktifannya:
w.

NamaMember pada kode html diatas adalah nama keanggotaan Anda di Tripod
dan WarnaCounter adalah kode warna counter yang Anda inginkan. Anda 1. Buka file manager di geocities (http://geocities.yahoo.com/home/).
dapat menambahkan teks apa saja disekeliling baris diatas untuk memperjelas
keberadaan counter Anda. Lihat contoh berikut ini: 2. Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Counter'.
ww

3. Pilih file yang akan diberi counter, lalu klik "Continue".

OKB Club Indonesia – http://www.okbclub.com 209 OKB Club Indonesia – http://www.okbclub.com 210
dimasukkan langsung kedalam halaman web menggunakan editor HTML yang

m
ada di Geocities (klik link berlabel 'Use One-Line Advanced Editor'), atau
dengan editor lain dan kemudian baru meng-upload-nya ke Geocities.

co
b.
lu
Gambar 6.1: Pemilihan warna, style dan nomor awal counter di Geocities

BC
4. Sekarang Anda dapat mengatur tampilan counter yang diinginkan (mereset
nomor counter, mengganti warna, mengganti tipe/style counter dll). Jika Gambar 6.2: Ucapan selamat setelah Anda berhasil memasang counter di Geocities
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). 9. Lakukan uji coba dengan membuka file yang telah diberi counter tersebut
melalui browser dalam keadaan internet on-line. Cobalah klik tombol
5. Berikutnya akan muncul pertanyaan apakah Anda sudah pernah menginstal "Reload" atau "Refresh" pada browser Anda. Counter akan selalu
counter sebelumnya atau ini yang pertama kalinya. Pilih "No, I am installing bertambah 1 setiap kali Anda meng-klik tombol ini. Jika tidak puas dengan
OK
this counter …….". Setelah itu klik tombol "Continue". tampilan yang ada, Anda dapat mengulang lagi langkah-langkah diatas.
6. Anda akan mendapatkan kode html untuk menampilkan counter seperti Tetapi pada langkah ke-5, pilih "Yes, I have already ……" dan kemudian
dibawah ini : klik "Continue".

<IMG SRC=http://visit.geocities.com/counter.gif> 6.1.3 Memburu Counter Gratis Di Internet


Jika Anda memiliki situs web gratis yang kebetulan tidak menyediakan counter,
w.

7. Copy kode html penampil counter diatas kedalam clip board. Yaitu dengan maka Anda terpaksa harus memburunya di internet. Saat pertama kali mencari
mem-blok teks kode html (ada dilayar monitor Anda) dan kemudian tekan situs penyedia counter gratis di internet, mungkin Anda akan bingung karena
tombol [Ctrl]+C di keyboard Anda. Setelah itu klik "Continue". Anda akan menemukan sedemikian banyak penyedianya.
8. Pada titik ini, setup counter sebenarnya telah selesai. Akan tetapi kodenya Cara terbaik dan tercepat saat memilih situs penyedia counter gratis dari mesin
ww

belum masuk kedalam halaman web Anda. Kode penampil counter ini dapat pencari (search engine) adalah dengan membaca secara hati-hati setiap

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 counter direset. Catatan: EasyCounter Menampilkan iklan banner agak

m
gratis tanpa iklan, sebab umumya counter gratis ditawarkan plus iklan. Counter besar.
dengan iklan adalah counter yang disekelilingnya terdapat tambahan gambar
banner tau teks lain yang akan membuat tampilan situs web kita menjadi kurang FastCounter (http://www.fastcounter.com/) - Menyediakan counter gratis
menarik. yang mudah disetup dengan respon cepat. Tipe-tipe counter bisa dipilih
sendiri. Uniknya, laporan statistik pengunjung bisa dikirim melalui alamat e-

co
Berikut adalah sebagian kecil daftar situs web penyedia layanan counter gratis mail.
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
Aaddzz (http://www.aaddzz.com/pages/counters) - Menyediakan counter dan
Indonesia

b.
tracker berupa laporan pengunjung.
TheCounter (http://www.thecounter.com/new.html) - Counter dan Statistik
Aid4 (http://www.y4i.com/counters.html) - Menyediakan counter halaman dan
seperti yang digunakan PengenPunyaSitus.com
counter situs serta berbagai materi gratis lainnya.
Superstats (http://www.superstats.com/) - Menyediakan layanan pencatat
Cameron's Free Counter (http://counter.bloke.com/register.html) -

lu
statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web
Menyediakan counter gratis dengan pendaftaran mudah. Anda hanya perlu
Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang
mengirim alamat e-mail Anda dan beberapa detik kemudian sebuah e-mail
digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya.
pemberitahuan untuk mengaktifkan counter akan Anda terima. Anda juga
SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung
dapat men-download applet counter disini.
mendapatkan link ke situs web Anda.

BC
CashFreeCounters (http://www.cashfree.net/freecounters.html) - Counter
Freestats (http://www.freestats.com/) - Menampilkan berapa banyak
gratis dari CashFree
pengunjung situs Anda, berapa banyak pengunjung unik (pengunjung baru) tiap
hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web DIGIWEB.COM (http://counter.digiweb.com/main.shtml) - Counter gratis dari
mana mereka datang. Digiweb. Disini Abda bisa mendapatkan lebih dari 100 tipe counter.
Informasi yang diperoleh termasuk ukuran layar pengunjung dan negara asal
NedStat (http://www.nedstat.com) atau (http://usa.nedstat.net/) - Layanan
pengunjung.
statistik untuk situs non-komersial dengan pengunjung maksimal 10.000 setiap
OK
hari. Statistik yang dicatat adalah jumlah pengunjung hari ini, minggu ini, CountZ.com (http://countz.com/) - Counter gratis dengan instalasi mudah dari
bulan ini, tanggal dan bulan pengunjung terbanyak serta jumlah total CountZone
pengunjung sejak Anda mendaftar di NedStat. Selain itu juga ada laporan
mengenai asal negara pengunjung, alamat IP-nya serta grafik pengunjung FreeCounter.nu (http://www.freecounter.f2s.com/) - Counter gratis tanpa
bulanan. Selain itu, NedStat juga menyediakan data mengenai dari halaman iklan! Pendaftaran cepat, hanya 1 menit!
web mana 25 user terakhir yang mengunjungi situs web Anda. Site Meter (http://www.sitemeter.com/) - Counter gratis dengan style yang
BetterCounter (http://www.better-counter.com/) - Menyediakan counter dapat dipilih sendiri. Mereka menyediakan grafik chart yang
w.

sampai 20 halaman dengan pengunjung maksimal 500 perhari. Struktur merepresentasikan jumlah pengunjung, halaman yang dilihat, peta kota dan
analisisnya bisa diatur sendiri. lain sebagainya dalam modus 3D chart.

EasyCounter (http://www.easycounter.com/) - Menawarkan beberapa counter FreeSiteX (http://freesitex.com/counter.html) - Daftar counter dan tracker
sekaligus, seting angka awal counter, melihat counter pada semua halaman gratis dari seluruh jaringan internet!
secara simultan, fasilitas reset counter untuk penghitungan pengunjung sejak
ww

OKB Club Indonesia – http://www.okbclub.com 213 OKB Club Indonesia – http://www.okbclub.com 214
Freebay (http://www.freebay.com/track.html) – Menyediakan fasilitas counter harian dan bulanan. Juga statistik yang mendata 20 pengunjung terakhir plus

m
dan tracker gratis dari Freebay. 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

co
NorthLINK (http://users.northlink.net/NorthLink/counters.htm) - Counter gratis, Berikut adalah cara pendaftaran dan cara pemasangannya kedalam halaman
terpusat dan otomatis tanpa script apapun. Anda hanya perlu menambahkan homepage kita:
sedikit kode dan mengganti nama file data tertentu dan setelah itu Anda akan
memiliki counter! 1. Kunjungi situs AddFreeCounter dengan alamat seperti diatas. Klik link
'Click here to get your own AddFreeCounter account.' Setelah itu pilih tipe
TotallyFREECounters (http://www.onlyfreestuff.com/counters.htm) - angka counter-nya dengan meng-klik salah satu gambar angka counter yang

b.
Layanan Statistik dan Counter gratis dari OnlyFree. ada disebelah kanan layar (tipe-tipe counter yang dapat dipilih bisa dilihat
WebmasterFreeManiac (http://www.freemania.net/counter.htm) - pada Gambar 6.6). Untuk memilih tipe angka selain yang ada dilayar, klik
Menyediakan fasilitas tracking untuk memonitor banyak pengunjung, berapa link 'Next Page' yang ada dibagian bawah layar.
lama mereka tinggal dan apa yang mereka lakukan! Semuanya gratis!

lu
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.
TheCounter.com (http://www.thecounter.com/) - TheCounter.com

BC
menyediakan counter gratis plus tracking untuk memonitor jumlah
pengunjung, referer-nya, browser yang digunakan, operating sistim yang
digunakan dan lain sebagainya.
WebPageCounters! (http://www.merlet.com/counterlinks.htm) - Koleksi
counter dan statistik gratis dari seluruh dunia (lebih dari 130 counter).
OK
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".
Gambar 6.3: Proses pemilihan tipe/style counter di AddFreeCounter

6.1.4 Mendapatkan Counter dari AddFreeCounter


w.

2. Setelah memilih tipe counter, langkah kedua adalah mengisi form


AddFreeCounter adalah salah satu penyedia layanan counter gratis yang pendaftaran. Isian yang harus Anda isi diantaranya adalah Nama, alamat e-
menyediakan counter tanpa iklan. Selain itu, ada banyak fitur lain seperti; mail (tulis alamat e-mail Anda dengan benar karena kode aktifasinya akan
pendaftarannya cepat dan mudah, tanpa logo pada counter, instalasi di halaman dikirim melalui alamat e-mail ini), kode password yang Anda inginkan untuk
web mudah, ada seting Time Zone, ada fasilitas 'help' untuk setiap tabel, meng-kustomisasi counter dilain waktu, nama situs Anda beserta alamat
ww

mendukung Y2K, ada statistik prosentasi dan grafik yang memonitor pengunjung URL-nya, pemilihan zona waktu (pilih Gmt +7 untuk Indonesia) dan nomor

OKB Club Indonesia – http://www.okbclub.com 215 OKB Club Indonesia – http://www.okbclub.com 216
awal counter yang Anda inginkan (Anda bisa mengisi berapa saja, maksimal

m
99999999).
3. Setelah semua kolom isian terisi dengan baik, klik tombol "Submit".

co
b.
lu
Gambar 6.5: Tanda bahwa proses pendaftaran counter selesai dengan baik

BC
Gambar 6.4: Formulir pendaftaran di AddFreeCounter

4. 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.
OK
w.

Gambar 6.6: Tipe-tipe style counter yang ditawarkan AddFreeCounter

5. Sekarang bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan
menerima surat yang isinya kira-kira seperti berikut:
ww

OKB Club Indonesia – http://www.okbclub.com 217 OKB Club Indonesia – http://www.okbclub.com 218
m
Hello OKB Club Indonesia

Number of your account : 00006864


Your Password : kancil
Name of your site : Serba Gratis Homepage

co
Url of your site : http://serba-gratis.tripod.com/

Please add this code on your index page site

<!-- BEGIN ADDFREECOUNTER STATS -->


<center>
<a href="http://www.addfreecounter.com/cgi-
bin/cptmain.cgi?usr=00006864" target="_top">

b.
<img alt="AddFreeCounter"
src="http://www.addfreecounter.com/cgi-
bin/cptconnect.cgi?usr=00006864" border=0></A>
</center>
<!-- END ADDFREECOUNTER CODE -->

lu
To see your stats push the counter button on your site
or go to :
http://www.addFreeCounter.com/cgi-bin/main.cgi?usr=00006864
Gambar 6.7: Counter Anda sekaligus berfungsi sebagai pencatat statistik
6. Untuk memasang counter dihalaman web Anda, Anda tinggal menambahkan pengunjung

BC
baris-baris yang dicetak tebal diatas kedalam halaman html Anda (misalnya
dalam index.htm). Jika ingin cepat, sorot dan blok baris-baris yang
6.1.5 Mendapatkan Counter Dari Admo.net
dicetak tebal diatas dari dalam e-mail Anda, "Copy" kedalam clip board,
(biasanya dengan menekan Ctrl+C) lalu "Paste" kedalam file html Anda Kali ini kita akan mendaftar untuk mendapatkan counter gratis dari Admo.net.
(biasanya Ctrl+V). Perhatikan bahwa Anda akan mendapatkan kode sendiri Seperti AddFreeCounter, Admo.net juga menawarkan counter gratis tanpa iklan
setelah mendaftar, karena itu jangan menggunakan baris-baris html counter sama sekali. Kelebihannya adalah bahwa Admo.net menyediakan lebih banyak
yang ada pada contoh diatas! variasi tipe counter (lihat Gambar 6.13).
OK
7. Untuk melakukan uji coba counter, bukalah file html Anda dengan browser Berikut adalah proses pendaftaran yang bisa dilakukan untuk mendapatkan
dalam keadaan internet on-line. Anda akan melihat angka counter tertentu counter dari Admo.net:
seperti yang Anda set saat mendaftar, misalnya 00001001. Klik tombol
"Reload" atau "Refresh" dalam browser dan lihat kembali Angka counter-
nya. Jika sekarang angkanya telah bertambah satu (menjadi 00001002 1. Kunjungi situs Admo.net (http://admo.net/counter/) dan klik
misalnya), maka counter Anda telah bekerja normal! Anda tinggal meng- menu "Signup".
upload file html tersebut ke server. 2. Setelah itu akan muncul formulir isian untuk mendaftar. Beberapa kolom
w.

8. Setelah counter Anda aktif, Anda akan dapat melihat statistik pengunjung yang harus Anda isi adalah Nama, alamat e-mail (harus diisi dengan benar
situs web Anda dengan meng-klik gambar counter Anda sendiri. Statistik karena kode pengaktifannya akan dikirim melalui alamat e-mail ini), usia,
yang akan ditampilkan adalah berapa banyak pengunjung hari ini, jumlah jenis kelamin, alamat homepage Anda dan user name serta password yang
pengunjung kemarin, jumlah pengunjung bulan ini dan total jumlah Anda inginkan untuk login ke Admo.net. Login diperlukan untuk melakukan
pengunjung selama ini. Selain itu Anda juga akan mengetahui asal nama host seting angka awal, memilih tipe/style counter dan lain sebagainya. Setelah
semuanya terisi lengkap dan benar, klik tombol "Register".
ww

server dari 20 orang penunjung terakhir situs Anda. Lihat gambar 6.7.

OKB Club Indonesia – http://www.okbclub.com 219 OKB Club Indonesia – http://www.okbclub.com 220
selesai, akan tetapi masih ada satu proses lagi untuk mengaktifkan counter-

m
nya.

co
b.
lu
Gambar 6.8: Tampilan Admo.Net Free Counter Gambar 6.10: Konfirmasi profile user setelah mendaftar

4. Bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima

BC
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 : Serba Gratis


Email : serba_gratis@yahoo.com
OK
Age : 18
Sex : Male
Website : http://serba-gratis.tripod.com/
Username : gratis
Password : kancil

You need to confirm the account by pointing your


browser at :
w.

http://admo.net/counter/auth/confirm.php?hash=17a0efjh4
Gambar 6.9: Form pendaftaran di Admo.Net 890kj34329386f6hj34j2h3df6f12&username=gratis
3. Beberapa saat kemudian akan muncul pemberitahuan bahwa Anda telah If you did not apply for the account please ignore this
didaftar dan akan segera menerima e-mail yang berisi link dan kode untuk message. Please do not respond to this message.
mengaktifkan counter Anda. Pada titik ini, proses pendaftarannya telah
ww

OKB Club Indonesia – http://www.okbclub.com 221 OKB Club Indonesia – http://www.okbclub.com 222
5. Klik link yang ada dibawah teks "You need to confirm the account by 6. Seperti yang akan Anda lihat setelah login ke Admo.net, Anda dapat mulai

m
pointing your browser at :" didalam e-mail Anda untuk mengaktifkan menggunakan counter dengan memasukkan baris-baris seperti dibawah ini
counter. Setelah itu jendela browser akan terbuka dan muncul kedalam halaman html Anda.
pemberitahuan bahwa pendaftaran Anda telah dikonfirmasi dan telah aktif.
Klik link berlabel "Login" untuk melihat apa yang harus Anda lakukan untuk
<A HREF="http://www.admo.net/counter">

co
menggunakan counter dari Admo.net ini. Didalamnya Anda juga dapat <IMG SRC="http://c1.admo.net/cgi-bin/counter/1.cgi?gratis"
melakukan seting nomor awal counter, memilih tipe/style counter dan lain BORDER="0"></A>
sebagainya.
Perhatikan bagian kode "1.cgi?gratis" diatas. Angka 1
adalah kode tipe counter yang diinginkan (lihat Gambar 6.13

b.
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

lu
mengganti baris-baris diatas menjadi seperti ini:
<A HREF="http://www.admo.net/counter">
<IMG SRC="http://c1.admo.net/cgi-bin/counter/24.cgi?Arifin"
BORDER="0"></A>

BC
Gambar 6.11: Tanda bahwa keanggotaan Anda di Admo.net telah sah!

Peletakan kode bisa dilakukan dimana saja didalam file html


Anda, yang penting harus berada diantara tag
<BODY>…</BODY>.
7. Lakukan uji coba counter dengan membuka file html Anda dengan browser
dalam keadaan internet on-line. Anda akan melihat angka counter dalam
OK
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.

Gambar 6.12: Tampilan setelah Login ke Admo.net


ww

OKB Club Indonesia – http://www.okbclub.com 223 OKB Club Indonesia – http://www.okbclub.com 224
2. Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Guestbook'

m
(http://us.geocities.yahoo.com/gb/).
3. Klik link berlabel 'Guestbook Setup'. Setelah itu akan ditampilkan form
setup guestbook yang berisi delapan langkah setup.

co
b.
lu
Gambar 6.13: Admo.net menawarkan lebih banyak tipe/style counter

BC
6.2 MEMASANG GUESTBOOK
Gambar 6.14: Tampilan setup GuestBook di Geocities
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 4. Isilah kolom-kolom yang ada sesuai keinginan Anda. Misalnya pada kolom
menggunakannya tanpa perlu mendaftar lagi. Yang perlu Anda lakukan hanyalah Guestbook name (Step 1), isilah dengan judul buku tamu yang Anda
OK
melakukan beberapa seting tertentu. Pada sub bab ini kita akan membahas cara inginkan. Lalu pada kolom Introduction (Step 3), Anda bisa mengisinya
mengaktifkan guestbook dari Geocities. Selain itu kita juga akan memburu situs- dengan komentar pendek tentang buku tamu Anda tersebut. Pada kolom
situs penyedia layanan guestbook gratis dari internet, kemudian kita juga akan Questions (Step 4), isi kolom-kolom yang ada dengan pertanyaan-pertanyaan
mencoba mendaftar pada beberapa diantaranya. yang ingin Anda tampilkan dalam buku tamu, misalnya; "Asal Kota", "E-
mail", "Usia" dll. Anda juga bisa mengganti 3 baris pertanyaan dalam
bahasa inggris yang sudah ada sebelumnya ("First Name", "URL" dan
6.2.1 Memasang Guestbook di Geocities "Comment") dengan pertanyaan Anda sendiri (misalnya "Nama", "Alamat
homepage" dan "Komentar"). Satu hal yang perlu dicatat adalah bahwa
w.

Jika Anda memiliki account di Geocities, Anda tidak perlu repot-repot mencari sebaiknya Anda tidak menanyakan sesuatu yang hampir pasti tidak akan diisi
guestbook ditempat lain. Sub bab ini akan menjelaskan pada Anda bagaimana oleh pengunjung situs Anda dengan benar, misalnya "Alamat" atau "Nomor
cara mengaktifkan guestbook di Geocities. Berikut adalah cara pengaktifannya Telepon". Percuma khan? Anda juga dapat melakukan seting agar buku tamu
langkah demi langkah: Anda mengirim pemberitahuan melalui e-mail jika ada pengunjung yang
mengisi buku tamu. Seting bisa dilakukan dengan meng-klik check box
ww

1. Masuklah ke file manager (http://geocities.yahoo.com/home/). berlabel 'Send notification email' pada kolom Options (Step 7).

OKB Club Indonesia – http://www.okbclub.com 225 OKB Club Indonesia – http://www.okbclub.com 226
5. Klik tombol "Preview" untuk melihat tampilan buku tamu Anda. Jika masih member Anda adalah Arifin dan Anda ingin mengganti keterangan link-nya

m
ada yang perlu diperbaiki, kembalilah ke jendela setup. Jika sudah puas, klik dengan "Isi Buku Tamu" dan "Lihat Buku Tamu", maka kode-kode htmlnya
tombol "Finished". akan menjadi seperti ini :
6. Setelah itu akan ditampilkan kode-kode html yang diperlukan untuk
melakukan link ke pengisian buku tamu dan link untuk melihat isi buku tamu

co
tersebut.

b.
lu
BC
Gambar 6.16: Tampilan form isian Buku Tamu dari Geocities

Gambar 6.15 : Kode html akan dihasilkan setelah selesai setup


<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">
7. "Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin <b>Lihat Buku Tamu</b></a>
dipasangi link ke buku tamu. Anda dapat melakukannya menggunakan editor
OK
HTML yang ada di Geocities (klik link berlabel 'Go To File Manager') atau
menggunakan editor lain dan kemudian baru meng-upload-nya ke Geocities.
Isi Buku Tamu – Lihat Buku Tamu
8. Secara default, kode tersebut akan menghasilkan tampilan seperti ini :

Sign Guestbook View Guestbook


w.

9. 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
ww

mengganti keterangan link-nya dengan apa saja. Sebagai contoh, jika nama

OKB Club Indonesia – http://www.okbclub.com 227 OKB Club Indonesia – http://www.okbclub.com 228
GlobalGuest (http://globalguest.com/) - Guestbook gratis yang bisa diatur

m
sendiri melalui opsi pemilihan background wallpaper, warna latar belakang,
link, musik midi, warna teks, pemberitahuan lewat e-mail dan lain
sebagainya.
DiamondLife Guestbook! (http://guestbook.diamondlife.net/) - Guestbook

co
profesional gratis selamanya untuk keperluan bisnis maupun personal.
ALX Guestbook (http://www.alxbook.com/) - Menyediakan guestbook gratis
untuk homepage Anda.
Escati Free Guestbook (http://www.escati.com/guestbook/

b.
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.
Gambar 6.17: Tampilan Buku Tamu dari Geocities Da-Book (http://www.da-book.com/index.html) - Menyediakan buku tamu yang

lu
bisa mengirim e-mail jika ada pengisi baru. Anda dapat mengganti warna
latarbelakang, warna teks dan warna link.
6.2.2 Memburu GuestBook Gratis
FreeGuestBooks (http://www.freeguestbooks.com/) - Buku tamu gratis 100%
Sebagaimana dengan counter, jika situs homepage Anda tidak menyediakan dari FreeGuestBooks.

BC
guestbook, maka Anda harus mencarinya sendiri di internet. Beberapa tahun
yang lalu jumlah penyedia layanan guestbook gratis diseluruh dunia masih bisa Gbook.nu (http://gbook.nu/) - Buku tamu gratis dari gbook.nu.
dihitung dengan mudah. Akan tetapi jika Anda mencarinya sekarang, Anda akan MikesWebFreeGuestbook (http://www.web.mikesweb.com/free-stuff/
menemukan ribuan bahkan puluhan ribu situs penyelenggara guestbook gratis dari guestbook/) - Buku tamu gratis dari MikesWeb. Menyediakan utiliti lengkap
seluruh dunia! untuk mengatur guestbook sendiri.
Untuk mempermudah pencarian Anda, berikut adalah sebagian sangat kecil daftar
Ostry (http://www.ostry.com/solutions/guestbook/) - Buku tamu gratis dari
penyedia layanan guestbook gratis yang ada:
OK
Ostry Internet Solusions.
Free Guestbook (http://guestbook.dkd.ot.lt/) - Guestbook gratis dari Itali.
Dreambook (http://www.dreambook.com/) - Menyediakan guestbook gratis
untuk keperluan personal yang bisa diatur sendiri. htmlGEAR (http://htmlgear.lycos.com/specs/book.html) - Penyedia layanan
buku tamu gratis dan fasilitas on-line lain dari Lycos.
TheGuestBook.com (http://www.theguestbook.com/) - Guestbook gratis dari
TheGuestBook.com GuestBook Depot (http://www.guestbookdepot.com/) - Buku tamu gratis dari
Guestbook Depot.
w.

Bloke.com (http://guestbook.bloke.com/) - Guestbook gratis dengan teknologi


Java. Cara pemasangannya mudah dengan antar-muka yang menarik. Mybook.net (http://www.mybook.net/) - Buku tamu interaktif dari mybook.net.
Pendaftarannya cepat, mudah dan gratis!
GuestPage.com (http://www.guestpage.com/) - Menyediakan guestbook
dengan spasi tak terbatas! Fasilitas yang diberikan termasuk message Indonesian Free Guestbook Server (http://www.indoguest.com/) -
detection, auto-reply dan lain sebagainya. Anda dapat memilih salah satu Guestbook Server Gratis dengan berbagai pilihan bahasa, akses cepat dan
ww

dari 20 tampilan yang berbeda.

OKB Club Indonesia – http://www.okbclub.com 229 OKB Club Indonesia – http://www.okbclub.com 230
feature yang menarik. Sayangnya, servernya lebih banyak matinya dari pada GuestPoint (http://www.guestpoint.com/) - Menyediakan buku tamu dan

m
hidupnya! counter gratis yang bisa diatur sendiri.
Lpage GuestBook (http://www.lpage.com/) - Buku tamu dari Lpage Free Center (http://www.freecenter.com/guestbook.html) - Daftar menyedia
GuestBook. layanan buku tamu gratis!

co
Dreambook (http://www.dreambook.com/) - Salah satu penyedia layanan buku
tamu gratis yang bebas iklan! 6.2.3 Mendapatkan GuestBook Gratis Dari Admo.net
OneCenter.com (http://guest.onecenter.com/) - Buku tamu gratis dari
Selain counter, Admo.Net juga meyediakan guestbook gratis. Fitur yang ada
OneCenter.
pada guestbook dari Admo.net adalah; bisa menambah item pertanyaan, bisa
Free-CGI: Guestbook (http://www.fido7.com/free-cgi/guestbook/) - menghapus database pengunjung tertentu (ini sangat bermanfaat jika ada

b.
Disinilah tempat untuk mendapatkan buku tamu CGI gratis. Anda tidak perlu pengunjung yang mengisi buku tamu Anda dengan 'sampah!' atau kata-kata tak
menyimpan script CGI dalam host, yang perlu Anda lakukan hanyalan pantas lainnya), dapat menghapus semua isi buku tamu sekaligus, bisa mengganti
menambah satu baris html kedalam halaman web Anda. Anda dapat mengatur warna, ukuran font, tipe font dan judul buku tamu dengan mudah, dapat mengirim
font, warna dan banyak lagi yang lain. e-mail pada semua pengisi buku tamu dan lain sebagainya. Alamat situsnya

lu
adalah:
Guestcities Guestbooks (http://www.guestcities.com/) - Buku tamu gratis
dari GuestCities.
Web-Authoring.com (http://www.websiteresources.net/guestbook/) - Disini
http://admo.net/freegb/
Anda akan mendapatkan lebih dari 1000 web development resources gratis,

BC
termasuk Perl, CGI, Script, HTML, Java, JavaScript, Design, dan tentu saja Berikut adalah cara melakukan pendaftaran di Admo.net untuk
Guestbook. mendapatkan guestbook gratis serta cara pengaktifannya :
Freegbook.nu (http://www.freegbook.nu/) - Buku tamu gratis dari
FreeGbook.nu untuk webmaster dan keperluan pribadi. Buku tamu dapat 1. Kunjungi situs Admo.net Free GuestBook di alamat diatas. Klik link
dikonfigurasi sendiri! dengan label 'Get your free guestbook now!'. Isi formulir pendaftaran dengan
benar, terutama alamat e-mail-nya karena kode pengaktifan guestbook-nya
GuestbooksForFree (http://www.guestbooksforfree.com/) - Buku tamu gratis akan dikirim melalui alamat e-mail ini.
OK
untuk program afiliasi. Anda akan mendapatkan komisi dengan memberikan
buku tamu ini ke orang lain dan mendaftar sebagai pihak afiliasi (buku tamu 2. Untuk menambah kolom pertanyaan, misalnya 'Asal' atau 'HomePage', isilah
untuk buku tamu gratis). Anda hanya perlu mengisi formulir dan setelah itu kolom "Optional Field 1" s/d "Optional Field 4" dengan judul-judul
akan menerima kode html untuk mengaktifkan software buku tamu. pertanyaan yang ingin Anda tanyakan. Jika semuanya telah terisi dengan
benar, klik tombol "Create My Guestbook!".
Guestbook4free.com (http://www.guestbook4free.com/guestbook.htm) -
Buku tamu gratis dari guestbook4free dengan berbagai fasilitas menarik. 3. Setelah tombol "Create My Guestbook!" diklik, akan muncul ucapan
terima kasih dan pemberitahuan bahwa data Anda telah masuk kedalam
w.

Free Guestbooks providers database Admo.net dan disarankan pada Anda untuk segera membuka e-mail
(http://www.absolutelyfreebies.com/guestbooks.html) - Daftar penyedia Anda untuk melakukan langkah terakhir untuk mendapatkan guestbook di
layanan buku tamu gratis. Silahkan pilih yang Anda suka! Admo.net.
NiElS' FREE Guestbook Service (http://guestbook.carota.net/) -
Menawarkan buku tamu gratis yang bisa di kustomisasi melalui CSS
ww

stylesheet.

OKB Club Indonesia – http://www.okbclub.com 231 OKB Club Indonesia – http://www.okbclub.com 232
http://admo.net/freegb/cgi-

m
bin/register.db?action=verify&userid=4567&email=serba_g
ratis@yahoo.com

Thank You,
Adam.

co
5. 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.
<!-- START ADMONET GUESTBOOK CODE -->
<center> <p>[<a href="http://admo.net/freegb/cgi-
bin/guestbook.db?action=form&user=gratis"> <b>Sign My
Gambar 6.18: Form pendafaran untuk mendapatkan buku tamu di Admo.net

lu
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/cgi-
bin/guestbook.db?action=view&user=gratis"> <b>View My
Guestbook</b></a>]</p> </center>
<!-- END ADMONET GUESTBOOK CODE -->

BC
OK
Gambar 6.19: Proses pendaftaran selesai, tetapi Anda harus mengaktifkannya
w.

4. Bukalah e-mail yang Anda gunakan saat mengisi formulir pendaftaran. Anda
akan menerima surat yang isinya kira-kira seperti dibawah ini:
Gambar 6.20: Kode html yang diberikan setelah konfirmasi ke Admo.Net
Thank you for your submission for an Admo.net Free
Guestbooks account. To compelete your membership
process, please click on the link below:
6. Tambahkan baris-baris html diatas kedalam halaman web Anda pada posisi
ww

dimana saja, asal masih berada diantara tag <BODY>...</BODY>. Catat

OKB Club Indonesia – http://www.okbclub.com 233 OKB Club Indonesia – http://www.okbclub.com 234
bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, jadi jangan 6.2.4 Mendapatkan GuestBook Gratis dari htmlGEAR

m
secara langsung menyalin kode html diatas kedalam halaman web Anda
(kecuali Anda telah mengganti teks "gratis" pada baris-baris html diatas htmlGEAR adalah penyedia layanan Add-On gratis yang cukup populer di
dengan teks Anda sendiri sesuai isi kolom "Desired Username:" saat internet. Situs ini menyediakan berbagai fasilitas Add-On bagus yang bisa
mendaftar. digabung kedalam situs web kita. Add-On yang ditawarkan diantaranya adalah

co
7. Untuk melakukan uji coba, buka halaman web Anda yang sudah disisipi guestGEAR (buku tamu), linkGEAR (link manager dan validasi link di
kode-kode html diatas dengan browser saat internet Anda on-line. Anda homepage), pollGEAR (fasilitas untuk membuat polling pada pengunjung), pass-
akan melihat tambahan tampilan seperti gambar 6.21. it-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).
Pada sub bab ini kita akan mendaftar ke htmlGEAR dan mengaktifkan

b.
guestGEAR untuk mendapatkan buku tamu. Berikut adalah langkah-langkah
pendaftaran dan cara aktifasinya :

Gambar 6.21: Tampilan link untuk mengisi dan melihat buku tamu Admo.Net

lu
1. Kunjungi situs htmlGEAR dengan alamat :

8. Cobalah klik link dengan label "View My Guestbook". Maka Anda akan http://htmlgear.lycos.com/specs/book.html
melihat tampilan guestbook yang masih kosong. Sekarang, coba klik link
"Sign My Guestbook" dan isi form yang ada. Setelah itu jika Anda mencoba 2. Klik link 'Sign up Now!'. Setelah itu isi formulir pendaftaran yang ada.

BC
melihat isi guestbook Anda kembali, disana akan ada satu orang yang telah Beberapa kolom yang harus diisi diantaranya adalah nama member dan
mengisi buku tamu Anda, yaitu Anda sendiri. 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!".
OK
w.

Gambar 6.22: Tampilan buku tamu Admo.Net


Gambar 6.23: Tampilan form pendaftaran di htmlGEAR
ww

OKB Club Indonesia – http://www.okbclub.com 235 OKB Club Indonesia – http://www.okbclub.com 236
3. Langkah berikutnya adalah melakukan aktifasi keanggotaan. Pada tahap ini pilihlah Bangkok (GMT +7) karena Indonesia juga menggunakan zona waktu

m
Anda akan diberi tawaran untuk menerima mailing list pemberitahuan jika ini. Setelah itu klik tombol "Save & Create".
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

co
yang ada jika Anda memang tidak menginginkannya. Selain itu, baca
penjelasan mengenai servis yang diberikan htmlGEAR. Setelah selesai, klik
tombol "Agree".
4. 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

b.
guestGEAR (Add-On paling atas).
5. Anda akan masuk ke setup pembuatan buku tamu guestGEAR.

lu
Gambar 6.25: Tampilan form setup buku tamu guestGEAR

BC
7. 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
OK
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

6. Isilah judul guestbook Anda, alamat homepage-nya (Anda harus menuliskan


w.

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

OKB Club Indonesia – http://www.okbclub.com 237 OKB Club Indonesia – http://www.okbclub.com 238
m
co
Gambar 6.26: Beberapa ikon guestbook yang bisa dipilih dari guestGEAR

b.
8. Setelah tombol "Create & Save" di klik, browser akan menampilkan kode-
kode html yang harus Anda masukkan kedalam halaman web Anda seperti
dibawah ini:
<!--start of code-->
<!-- Guestbook by http://www.htmlgear.com -->

lu
<a href="http://htmlgear.lycos.com/specs/guest.html">
<img border=0 ismap src="http://htmlgear.lycos.com/img/ Gambar 6.27: Kode yang dihasilkan diakhir setup guestGEAR
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

BC
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—

9. "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
OK
Gambar 6.28: Tampilan link untuk mengisi dan melihat buku tamu guestGEAR
dengan 'Lihat Buku Tamu' dan 'Sign My Guestbook" diganti dengan 'Isi Buku
Tamu'. Catat bahwa Anda tidak bisa langsung menggunakan kode html diatas 11. Klik link 'Sign My Guestbook' untuk mencoba mengisi buku tamu baru Anda.
kecuali mengganti teks 'serba_gratis' pada kode tersebut dengan nama Anda dapat mengisinya dengan apa saja, toh nantinya bisa kita hapus lagi.
member Anda sendiri. Gunakan editor apa saja untuk melakukan ini dan Klik tombol "Continue" jika telah selesai dan lanjutkan dengan menekan
kemudian upload ke server. Klik tombol "Done" dan kemudian klik "log out" tombol "Add to Guestbook" pada konfirmasi entry.
untuk keluar dari htmlGEAR.
12. Setelah itu akan muncul pemberitahuan bahwa pengisian buku tamu Anda
10. Untuk melakukan uji coba, buka halaman web yang sudah disisipi kode html telah direkam kedalam database buku tamu. Untuk melihat hasilnya, Anda
w.

tambahan untuk link ke buku tamu Anda dalam keadaan internet on-line. dapat menekan tombol "View" yang muncul setelah Anda meng-klik tombol
Anda akan melihat tampilan tambahan seperti gambar 6.28. "Add to Guestbook" atau bisa juga dengan meng-klik link 'View My
Guestbook' dari halaman homepage Anda.
ww

OKB Club Indonesia – http://www.okbclub.com 239 OKB Club Indonesia – http://www.okbclub.com 240
m
BAB 7
LANGKAH KE-7:
UMUMKAN HOMEPAGE

co
BARU ANDA KESELURUH
DUNIA!

b.
lu
Gambar 6.29: Tampilan form isian bukutamu guestGEAR

BC
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?
Langkah pertama adalah melalui kartu nama. Setahun atau dua tahun yang lalu,
OK
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
w.

gratis yang tersebar diseluruh jagad internet, mendaftarkannya ke portal-portal


Gambar 6.30: Tampilan buku tamu dari guestGEAR web, ke search engine, mengikuti program pertukaran link (link exchange) atau
pertukaran banner (banner exchange) dan akhirnya, Anda juga dapat
13. Selamat! Anda telah memiliki BUKU TAMU! mengumumkannya pada teman-teman Anda saat melakukan chating atau mem-
posting-nya ke berbagai mailing-list yang Anda ikuti. Jika Anda belum terdaftar
 pada satupun keanggotaan mailing-list, coba kunjungi http://www.egroups.com
ww

dan cari topik-topik mailing-list yang sesuai dengan situs homepage Anda. Jika

OKB Club Indonesia – http://www.okbclub.com 241 OKB Club Indonesia – http://www.okbclub.com 242
situs Anda ditujukan untuk konsumsi internasional, cobalah mendaftar ke E-klan.Net (http://www.e-klan.net/) - Iklan baris internet gratis, mudah

m
http://www.flashbase.com/forms/freetrial, yaitu sebuah layanan promosi gratis 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.
7.1 MEMBURU PENYEDIA LAYANAN IKLAN

co
Iklan Baris DotCom (http://www.iklanbaris.com/) - Situs ini memberikan
GRATIS penawaran kepada Anda yang ingin memasang iklan mini/singkat.
Wisma IndoProducts (http://www.wisma.com/Indoproducts) - Tempat
Saat ini, jumlah situs penyedian layanan gratis sangat melimpah ruah. Anda
pemasangan iklan gratis di Internet. Ada fasilitas chatting sehingga sesama
bahkan akan kesulitan mengingatnya satu persatu kecuali yang mudah diingat saja.
anggota bisa saling berkomunikasi masalah bisnis atau apa saja.
Dibawah ini adalah daftar sebagian kecil penyedia layanan iklan gratis yang bisa

b.
Anda coba. 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
99V (http://www.99venus.net/classifieds) - Pasang Iklan Baris gratis tanpa lebih tersebar. Buat yang mau pasang dan cari iklan untuk keluarga, teman,
harus jadi member. Anda bisa memasang iklan sepuasnya.

lu
pacar, barang-2 elektronik, mobil dll., datang saja ke sini.
AdHOO! (http://www.adhoo.i-p.com/) - Layanan iklan mini gratis yang mudah Iklan-Gratis (http://www.iklan-gratis.com/ atau http://iklan-gratis.com/) - Iklan
dan sederhana. Lebih dari 150 kategori. gratis, media yang pas pasang dan cari iklan di internet, segala macam
AdMatters (http://www.admatters.com/) - Pasang iklan baris dan banner kategori.

BC
GRATIS!!! IklanKota.com (http://iklankota.com/) - Iklan Kota adalah sarana tepat untuk
Bursa Iklan (http://www.bursaiklan.com/) – Penyedia layanan iklan gratis, memasang iklan dengan cuma-cuma untuk semua jenis kriteria, yang dikelola
termasuk foto. secara profesional.

BiroIklan (http://www.biroiklan.net/) - Situs iklan gratis internet Indonesia IklanBaris.co.id (http://www.iklanbaris.co.id/) – Fasilitas iklan gratis yang
dengan 60 kategori, tanpa registrasi dan dapat di modifikasi atau dihapus dikembangkan oleh PT Bitnet Komunikasindo.
sendiri oleh pemasang iklan. IklanIklan (http://www.iklaniklan.com/) - Bosan dengan iklan baris yang biasa
OK
Bursa Iklanbaris (http://iklanbaris.fsn.net/) - Situs iklan bebas dengan kategori saja? Cobalah iklaniklan.com. Iklan baris yang paling user friendly,
yang lengkap. dilengkapi dengan fitur canggih seperti auto-notify. Anda bahkan dapat
upload file multimedia (foto, suara, film) pada iklan anda.
Cabe Merah (http://www.cabe-merah.com/) - Iklan Baris Gratis.
Iklanklik dot com (http://www.iklanklik.com/) - Media iklan mini gratis
Cabinet (http://iklan.cabi.net.id/) - Pasang iklan anda disini, gratis.
IklanInternet DotCom (http://www.iklaninternet.com/) - Situs iklan baris gratis
Café Gado-Gado (http://caprius.or.id/cafegado2) - Situs iklan baris gratis dan promosi di internet. Iklan mini, iklan baris, iklan gratis, gampang pasang
w.

yang full music. iklannya, cepat cari iklannya !!! Anda diberi fasilitas untuk menempatkan,
memperbarui dan menghapus iklan yang Anda posting ke situs ini.
Iklan Doea Lima (http://www.iklan-25.co.id/) - Layanan Pemasangan Iklan
Baris Gratis dengan lebih dari 10 Kategori, sistem aktifasi iklan baris yg IklanMedan.com (http://www.iklanmedan.com/) - Memberikan layanan iklan
cepat (tanpa perlu konfirmasi melalui e-mail) dan juga menerima pemasangan gratis di Internet. Tempat menampung informasi barang bekas maupun baru,
Online Advertising. mempertemukan antara penjual dan pembeli, serta membuka peluang dan
ww

kesempatan baru. Iklanmedan.com digunakan sebagai sarana iklan gratis bagi

OKB Club Indonesia – http://www.okbclub.com 243 OKB Club Indonesia – http://www.okbclub.com 244
pengguna internet. Sasaran utama iklanmedan.com adalah untuk menampung MediaIklan.com (http://www.mediaiklan.com/) - Artistik website yang

m
iklan masyarakat internet kota Medan. Tapi tidak tertutup kemungkinan untuk dirancang khusus bagi pengguna internet yang ingin memasang iklan gratis di
digunakan oleh masyarakat internet kota lain sepanjang digunakan dengan internet. Sederhana, user friendly dan mudah dalam pengoperasian.
baik/benar.
Kulakan (http://www.kulakan.com/) - Iklan baris gratis di Kulakan serta
IklanMini DotCom (http://www.iklanmini.com/) - Tempat gratis pasang iklan fasilitas-fasilitas lainnya.

co
mini di internet
Makelar Saiber TM (http://makelar.center.co.id/) - Situs Iklan Gratis dan
IklanMini.co.id (http://www.iklanmini.co.id/) - Iklan Mini Gratis Centrin bebas anda bisa apa saja semua serba gratis
IklanPlus.com (http://iklanplus.com/) - Cari barang bekas? murah? Media Iklan Mini Gratis (http://www.i-klik.com/) - Layanan iklan mini gratis
handphone? komputer? Semua serba ada. Mau pasang iklan? Pasang di Internet.

b.
LANGSUNG tampil, serba cepat dan mudah, dan tentunya ...GRATIS !
Media Jual & Beli (http://www.jubelindo.co.id/) - Iklan Baris Gratis Pertama
iklanwap.com (http://www.iklanwap.com/index.htm) - Pasang iklan gratis dan Terlengkap di Indonesia
yang dapat ditampilkan pada ponsel WAP
Pro-Infocom (http://www.pro-infocom.com/) - Media pemasaran produk dan
IndoAds (http://indoads.cjb.net/) - Situs Indoads merupakan jaringan iklan situs Anda di internet, Gratis untuk Webmaster lewat e-mail, banner, trafik,

lu
Indonesia yang merupakan pusat iklan gratis dalam berbagai kategori. cgi, website, search engine, cgi-bin, perl, mailing list dll.
IndoFocus DotCom (http://www.indofocus.com/) - Media promosi, Semua Gratis (http://www.semua-gratis.com/) - Portal situs gratis, iklan baris
Lowongan Kerja, Cari Jodoh, Iklan Gratis dll. gratis dan masih banyak lagi.

BC
IndoIklan (http://www.indoiklan.com/) - Pasang iklan baris gratis dengan Iklan.co.id (http://www.iklan.co.id/) – Ingin pasang iklan di internet? Gratis,
gambar atau suara (audio). Dengan berbagai kemudahan untuk mengedit, men- kategori lengkap.
delete, dll-nya. Anda boleh pasang iklan gratis dengan foto sebanyak Anda
mampu. SOLOCITY.com (http://www.solocity.com/) - Komunitas Internetnya Wong
Solo dengan Iklan Gratis, E-mail, Fax, dll.
Media iklan online (http://www.mediaiklan.com/) - Memberi layanan jasa
pada pengguna internet Indonesia serta membantu mengembangkan berbagai Uang-Iklan (http://uangiklan.cjb.net) – Iklan Anda DIJAMIN akan dibaca oleh
sektor usaha melalui pelayanan gratis iklan baris di internet. 1000 orang + Rp. 25 Juta BONUS CASH untuk Anda + Auto Submit iklan
OK
Anda ke 3856 Classified Ads Sites (lihat BAB 8 untuk penjelasan lebih
Jogjapromo (http://www.jogjapromo.com/) - Ajang iklan gratis khusus DIY - lanjut).
Solo dan Jateng Iklan gratis via Internet khusus DIY-Jawa Tengah
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/) - Situs Memasang iklan di situs penyedia layanan iklan gratis umumnya sangat mudah.
pencari untuk keluarga indonesia, ada free E-mail dan iklan gratis. Anda tinggal mengunjungi situsnya, memilih kategorinya, mengisi beberapa kata
w.

yang berhubungan dengan apa yang ingin Anda iklankan, meng-klik tombol
Pratama.com (http://www.pratama.com/iklan/default.asp) - Pasang iklan mini "submit", "daftar", "setuju", "agree" atau semacamnya dan beberapa detik
gratis, langsung ditampilkan, mau jual komputer, elektronik, rumah, tanah, kemudian iklan Anda sudah bisa dibaca dari seluruh dunia. Jika mau, Anda bisa
hobbi, kenalan, hand phone, atau apa saja. mencari situs penyedia layanan iklan yang lain dan melakukan pendaftaran lagi
dengan harapan akan lebih banyak orang lagi yang membaca iklan Anda. Berikut
ww

adalah contoh pendaftaran iklan ke BiroIklan.Net:

OKB Club Indonesia – http://www.okbclub.com 245 OKB Club Indonesia – http://www.okbclub.com 246
Kunjungi situs BiroIklan di http://www.biroiklan.net. Jangan heran jika Anda menghapus iklan kita. Catat bahwa untuk mengiklankan homepage, Anda

m
malah akan melihat alamat www.IKLAN-INTERNET.com. Mungkin ini mungkin tidak perlu mencantumkan nomor telepon Anda. Pada kolom 'Judul
adalah nama baru mereka. Iklan', Anda bisa memasukkan kata "Telah Hadir Situs Baru …. Nama
homepage Anda ….." Pada pemilihan kategori, pilihlah "Rupa-rupa" karena
Klik link 'click here' untuk mulai memasang iklan.
kategori yang berhubungan dengan iklan homepage memang tidak ada. Pada

co
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!".
Setelah itu akan muncul pop-up klarifikasi untuk memastikan bahwa semua yang

b.
Anda masukkan telah sesuai dengan keinginan Anda. Klik "OK" jika
semuanya sudah benar dan klik "Cancel" jika masih ada yang salah.

lu
BC
Gambar 7.1: Salah satu situs penyedia layanan iklan langsung jadi

Gambar 7.3: Tampilan klarifikasi isi iklan di BiroIklan.Net

Anda akan menerima ucapan terima kasih. Dan pada titik ini, proses
OK
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
w.

Anda bisa ditemukan pada banyak kategori. Misalnya jika isi homepage
Anda berhubungan dengan mobil, maka Anda bisa memasukkannya ke dalam
Gambar 7.2: Form pendafatan iklan di BiroIklan.Net kategori mobil dst.

Isi form yang ada sesuai iklan yang ingin Anda tayangkan. Isi password
ww

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
7.3 PROMOSI SITUS WEB MELALUI SITUS
PORTAL

co
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.

b.
Dibawah ini adalah sebagian daftar portal Indonesia yang bisa ditemukan di
internet saat buku ini ditulis. Pada umumnya, mereka menyediakan fasilitas "Add
Gambar 7.4: Setelah daftar, Anda bisa langsung melihat iklan Anda sendiri URL" gratis yang bisa kita gunakan untuk memasukkan/mendaftarkan alamat URL
homepage kita kedalam mesin pencari mereka. Fasilitas inilah yang kita

lu
manfaatkan untuk memasang pengumuman tentang homepage baru kita.
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

BC
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).

17Tahun.com (http://www.17tahun.com/) - Situs portal dewasa Indonesia


yang dikelola secara profesional, berisi cerita, e-mail gratis, forum diskusi
dan chat.
OK
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,
Gambar 7.5: Tampilan hasil pemasangan iklan di BiroIklan.Net update setiap saat, ribuan foto bintang sepak bola, 6 MB e-mail gratis!
w.

Distorsi.com (http://www.distorsi.com/) - Situs portal Info musik, review, e-


mail 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,
ww

dan masih banyak lagi lainya.

OKB Club Indonesia – http://www.okbclub.com 249 OKB Club Indonesia – http://www.okbclub.com 250
Griya2000.com (http://www.griya2000.com/) - Portal properti (perumahan) menarik tentang perkembangan anak, kesehatan keluarga, kelainan jiwa,

m
pertama di Indonesia, dengan virtual photo. Bila anda mencari hunian narkoba, dsb.
disinilah tempatnya. Bukan hanya jual beli properti ... kunjungi kami untuk
Jengger.com (http://www.jengger.com/) - Portal Jengger.com - Katalog
lebih jelasnya.
website, agenda dan e-mail gratis.
Islamic Portal (http://www.hidayatullah.com/) - Hidayatullah.com - Situs

co
Kemana.Com (http://www.kemana.com/) - Go futher!! Paling besar, paling
berita dan portal khusus tentang Islam.
asyik, paling berguna dan paling menghibur.
Hobbies-Auto (http://www.hobbies-auto.com/) - Hobbies-Auto adalah situs
Metrokom (http://www.metrokom.com/) - IT portal pertama, terlengkap dan
portal yang memberikan banyak fasilitas kepada semua penggemar automotif,
terbesar di Indonesia, sumber informasi tentang berita IT, komputer,
khususnya anggota klub-klub mobil di Jakarta dan Indonesia. Diantaranya
hardware, software, Internet. Menyediakan fasilitas e-mail gratis, chat,
berupa informasi yang dapat dilakukan dengan searching (bengkel, pusat

b.
bookmark, kalender, agenda dan forum.
penjualan onderdil, emergency, info terbaru dunia otomotif dll), e-mail gratis
dan konsultasi. Salah satu layanan andalannya adalah Tip & Trik perawatan MadCodes (http://www.madcodes.com/) - Portal untuk semua informasi
mobil. Layanan lainnya adalah fasilitas transaksi e-commerce. komputer dari hardware sampai programming, bahkan ada juga situs
underground-nya.
IndoProperty (http://www.indoproperty.com/) - Portal properti & multilisting

lu
on-line pertama di Indonesia yang bisa anda dapatkan.... Jual/Beli/Sewa Matamata (http://www.matamata.com/) - Situs Portal Matamata.com - E-mail
properti Iklan baris properti gratis sepanjang tahun berita seputar properti di gratis, shopping dengan informasi dan berita.
indonesia dan masih banyak benefit lainnya.
Mega-Wedding.com (http://www.mega-wedding.com/) - Portal pernikahan
HomNet (http://www.homnet.org/) - Portal yang berhubungan dengan Tempat Indonesia yang menyediakan informasi lengkap mengenai kebutuhan

BC
Tinggal yang Nyaman. pernikahan. Disertai dengan berbagai fasilitas menarik & GRATIS.
IndoJustice (http://www.indojustice.com/) - Indojustice adalah Portal Hukum Mimbar (http://www.mimbar.com/) - Situs portal jodoh, informasi hiburan,
Indonesia yang disajikan dalam 2 (dua) versi bahasa, yaitu Indonesia dan iklan gratis dan papan diskusi.
Inggris yang ditujukan bagi para Praktisi Hukum (Legal Practice),
Mahasiswa/Pelajar (Student), Masyarakat Umum (Public), dan Dunia Usaha MyQuran.Com (http://www.myquran.com/) - Portal Muslim Indonesia dan
(Business) dalam rangka informasi dan reformasi hukum yang tengah Gateway untuk Web Site Islam lainnya.
diharapkan oleh seluruh rakyat Indonesia yang saat ini meningkat pengetahuan
OK
OnKlik (http://www.onklik.com/) - Portal web khusus untuk pengguna Internet
dan kesadaran hukumnya. Indonesia (yg berada di Indonesia atau berasal dari Indonesia).
IndoMall (http://www.indomall.com/) - Shopping portal yang menyediakan Onliner (http://www.on-liner.com/) - Situs gerbang dunia internet berupa
produk-produk berkualitas atau produk langka yang juga menyediakan search engine dan direktori.
tips/panduan belanja gratis kepada pengunjung. Situs ini telah mendapat
sertifikasi dari Thawte VeriSign untuk menjamin keamanan transaksi secara Oto.co.id (http://www.oto.co.id/) - Portal otomotif Indonesia.
online.
Otogenik (http://www.otogenik.com/) - Portal otomotif yang memberikan
w.

IQ - EQ Interaktif (http://www.iqeq.web.id/) - IQ - EQ Interaktif adalah portal layanan pencarian dan transaksi suku cadang dan asesoris, artikel mobil dan
psikologi, kesehatan serta trend perilaku & gaya hidup yang pertama di motor, e-mail gratis, webhosting untuk toko, bengkel dan klub otomotif,
Indonesia. Anda bisa mendapatkan informasi lengkap mengenai psikologi chatting room, personalisasi halaman web dan reminder.
anak, remaja, keluarga, umum, populer, maupun kesehatan. Situs ini sangat
cocok bagi para mahasiswa, peneliti, dosen, maupun mereka yang peduli Pelopor.com (http://www.pelopor.com/) - Portal website, Gratis Musik MIDI
dengan psikologi. Ada juga e-mail gratis, mailing list dan artikel-artikel Indonesia, Gratis MP3, Gratis e-mail, Gratis info musik, Gratis Kartu
ww

Ucapan.

OKB Club Indonesia – http://www.okbclub.com 251 OKB Club Indonesia – http://www.okbclub.com 252
Pontianak Online (http://www.pontianak-online.com/) - Portal kota 7.3.1 Mendaftar Ke Situs Portal Satunet

m
Pontianak, antara lain berita mingguan, direktori e-mail/Url/alamat, informasi
kota, iklan gratis, suvenir, belanja online dsb. Sebagaimana dengan cara pendaftaran di situs iklan gratis, mendaftarkan diri di
situs portal juga sangat mudah. Anda tinggal mengunjungi situs portalnya,
Portal Info komputer (http://www.blacksystem.org/) - Portal berisi info mencari link dengan kata-kata seperti "Add URL", "Add Link", "Tambah URL"
terbaru mengenai komputer dan dunia cyber, juga free e-mail.

co
atau semacamnya, mengisi beberapa pertanyaan, menekan tombol "OK",
PortalAsuransi (http://www.portalasuransi.co.id/) - Portal paling lengkap "Tambah" atau "Setuju" dan beberapa detik atau menit kemudian situs Anda
khusus di bidang asuransi, meliputi info, berita, dan trend terbaru, direktori sudah masuk kedalam mesin pencari mereka!
asuransi, kamus istilah asuransi, saran, UU asuransi. Agar lebih jelas, berikut adalah contoh pendaftaran yang bisa dilakukan di situs
Semua-Gratis.com (http://www.semua-gratis.com/) - Portal situs gratis portal Satunet.Com :

b.
pertama di Indonesia. Iklan baris gratis, direktori, Pengaduan layanan 1. Kunjungi situs portal Satunet di alamat http://www.satunet.com.
masyarakat.
2. Masukkan kata apa saja kedalam kolom PENCARIAN (misalnya kata
Sekaligus.com (http://www.sekaligus.com/) - Portal Indonesia terlengkap: "homepage"), klik radio button 'Situs' dan setelah itu klik tombol "Cari".
Berita, e-mail 6MB gratis, search engine, iklan baris, kartu ucapan, Langkah ini kita lakukan untuk memunculkan link "Tambah URL" karena

lu
download musik MP3, Xdrive 25MB gratis, chatting, dan yang paling seru.... dihalaman utama Satunet, link ini tidak ada.
SHOPPING/BELANJA Online!
3. Beberapa detik kemudian akan muncul semua hal yang berhubungan dengan
Posmo.Com (http://www.posmo.com/) - Portal aktual 3 bahasa dari Surabaya. kata yang kita cari tadi. Gulung layarnya hingga posisi paling bawah. Anda
Dilengkapi Bahasa Inggris dan Jepang. Kelompok Oposisi, Grup Jawa Pos. akan melihat link "Direktori", "Tambah URL" dan "Ubah URL" di bagian

BC
tengah. Klik link "Tambah URL". Setelah itu akan muncul kolom-kolom isian
Satunet.com (http://www.satunet.com/) - Portal terdahsyat di Indonesia yang bisa Anda isi apa saja.
dengan kecepatan akses yang lumayan.

OK
w.
ww

Gambar 7.6: Tampilan Situs Portal Satunet Gambar 7.7: Form pendaftaran untuk memasukkan link ke Satunet.Com

OKB Club Indonesia – http://www.okbclub.com 253 OKB Club Indonesia – http://www.okbclub.com 254
4. Isi kolom 'Title' dengan judul pengumuman yang Anda inginkan. Isi kolom

m
'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).
5. Isi kolom 'Deskripsi' dengan penjelasan singkat mengenai homepage Anda.

co
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".
6. Beberapa detik kemudian akan muncul tulisan "Data URL Anda telah kami
terima untuk kami Validasi. Terima kasih". Pada titik ini, proses pendaftaran

b.
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

lu
langkah 4, klik radio button berlabel 'Situs' dan klik tombol "Cari". Jika Gambar 7.8: Tampilan setelah pendaftaran link di Catcha.Co.Id selesai
alamat situs Anda telah divalidasi, maka Anda akan melihatnya pada
tampilan yang muncul kemudian.
7.4 PROMOSI SITUS WEB MELALUI

BC
7.3.2 Mendaftar Ke Situs Portal Catcha.co.id PERTUKARAN BANNER
Pendaftaran di situs portal Catcha.co.id hampir mirip dengan cara pendaftaran di Pertukaran banner (banner exchange) atau pertukaran link (link exchange)
Satunet. Berikut adalah tahap-tahap yang harus Anda lakukan untuk mendaftar di adalah salah satu cara promosi gratis yang cukup efektif untuk mempromosikan
catcha.co.id : situs web. Melalui promosi ini Anda dapat meletakkan banner di sebuah server
untuk disirkulasikan oleh sebuah program. Dengan menggunakan kode-kode
1. Kunjungi situs portal catcha di alamat http://www.catcha.co.id. HTML khusus yang diletakkan di halaman-halaman situs web para peserta
promosi ini, banner-banner tersebut akan tampil secara bergantian. Pengunjung
OK
2. Gulung layar utama hingga posisi paling bawah. situs web yang mengklik banner tersebut akan diantarkan ke situs web pemilik
3. Klik link berlabel "Tambah URL" yang tampak pada menu bar kiri paling banner yang bersangkutan.
bawah. Saat ini, ada banyak penyelenggara program pertukaran banner baik dari dalam
4. Isi kolom-kolom yang ada seperti cara pengisian form di Satunet. Setelah maupun luar negeri. Untuk versi internasional, Anda bisa menggunakan
semua kolom terisi dengan benar, klik tombol "Submit Now". Linkexchange (http://www.linkexchange.com/), Linkbuddies
(http://www.linkbuddies.com/), linkopp (http://www.linkopp.com) atau
5. Beberapa detik kemudian akan muncul ucapan terima kasih dari catcha dan
w.

Smartclicks (http://www.smartclicks.com/). Dan kalau situs Anda berbahasa


pernyataan bahwa Anda akan segera dikirimi pemberitahuan melalui e-mail Indonesia dan hanya ingin dikunjungi oleh orang-orang Indonesia, Anda bisa
setelah alamat situs Anda di validasi (gambar 7.8). menggunakan salah satu atau salah dua diantara penyelenggara pertukaran banner
6. Pada titik ini, proses pendaftarannya telah selesai. Anda tinggal menunggu e- Indonesia dibawah ini:
mail dari catcha dan .... bereslah semuanya!
ww

OKB Club Indonesia – http://www.okbclub.com 255 OKB Club Indonesia – http://www.okbclub.com 256
Banner Indonesia (http://www.bannerindonesia.com/) - Layanan pertukaran IndoClicks Banner Exchange (http://indoclicks.virtualave.net/ atau

m
banner (banner exchange) antar situs web Indonesia. http://www.indoclicks.or.id/) - Layanan banner exchange gratis dengan
banyak fasilitas. Account Name/User-ID bebas. Menerima segala jenis
Buana Musik Indonesia Banner Exchange (http://www.bmi.or.id/) - BMI website. Multi banner. Multi halaman. Instant signup. Banner standar
Banner Exchange adalah sarana promosi website dengan menggunakan 468x60. Statistik harian. Display ratio 1:1. Technical support. Banner
banner seperti halnya LinkExchange, silakan promosikan website Anda

co
creator. Banner templates unik. Banner tools. Banner tips. Optimisasi
dengan menjadi member BMI Banner Exchange, Gratis! banner. Mail form generator. Meta tags generator. URL submission.
CempakaPutih (http://www.cempakaputih.com/) - Sumber terbaik bagi Anda Newsletter. E-mail account gratis. Web hosting gratis. Webmasters resource
yang sedang membangun website. Dapatkan lebih dari 350 source code java dll.
& JavaScripts, CGI, script collections, sponsors, banner exchanges, URL linkopp (http://www.linkopp.com/member/sn2823.htm) - Situs yang mengajak
Submissions, guestbooks, counters, trackers, Forum, Form, Message kita untuk bergabung bersama linkoop banner.

b.
board, Search engine, Submit, date, time, anti right click, URL redirection,
HTML editors, graphics software, Perl, PHP. Silahkan isi forum dulu dan Terkenal (http://www.terkenal.com/) - Inilah wadah yang memungkinkan anda
semuanya Anda dapatkan secara GRATIS. untuk saling bertukar banner dan mempromosikan situs anda secara gratis.
Tukar menukar banner, sarana promosi/iklan gratis di internet.
Indonesia ISP (http://www.infoasia.net.id/) - InfoAsia Online adalah ISP

lu
salah satu di Indonesia yang menyediakan jasa koneksi ke internet dengan
kapasitas kecepatan 8 MB, menyediakan iklan gratis bagi para netter, dan 7.4.1 Cara Mudah Memiliki Banner
pertukaran banner bagi website-website bisnis.
Jika Anda berminat mengikuti program pertukaran banner, syarat utama dan
Adplacer2000 (http://adplacer2000.hypermart.net/ads/ad-make.html) - Lebih

BC
mutlak yang harus Anda penuhi adalah bahwa Anda harus sudah memiliki banner
baik dari banner exchange manapun. Anda akan mendapatkan link ke website sendiri!
anda yang ada di ribuan situs lain. Dan yang paling penting tidak ada banner
exchange lain yang memberikan kesempatan bagi anda untuk mendapatkan Banner berupa gambar statis atau animasi bisa dibuat dengan berbagai macam
ribuan Dollar sementara Anda mengiklankan produk atau jasa anda! editor grafik seperti Paint Shop Pro, Adobe Photo Shop atau program khusus
pembuat banner (banner creator) seperti yang ada di IndoClicks
DRec Banner Exchange (http://www.drec.net/banner/) - Sarana Untuk
(http://www.indoclicks.or.id). Disitus ini Anda juga bisa menemukan banyak
Publikasi Situs Web Anda. banner template yang unik-unik.
OK
Emely.Net Banner Exchange (http://banner.emely.net/) - Emely.Net, Jika Anda tidak mau repot, Anda bisa meminta orang lain membuatkannya untuk
penyedia jasa pertukaran banner di antara situs web Indonesia. Statistik Anda. Saat ini, ada beberapa situs yang menyediakan layanan pembuatan banner
lengkap, mudah, keamanan terjamin, kecepatan bagus. gratis untuk Anda. Yang perlu Anda lakukan hanyalah mengisi formulir atau
IndoBanner (http://indobanner.internet.co.id atau mengisi buku tamu dan menjelaskan spesifikasi homepage Anda. Berikut adalah
http://www.indobanner.co.id) Layanan pertukaran banner independen beberapa diantaranya:
pertama Indonesia dan merupakan hasil karya serta sumbangsih sekelompok
kawula muda Indonesia bagi dunia Internet Indonesia. Layanan ini GRATIS.
Free Banner
w.

Jika Anda memiliki situs web dan ingin mendapatkan web advertising
GRATIS, gunakan layanan ini. Layanan IndoBanner Exchange merupakan (http://www.geocities.com/FashionAvenue/salon/3791/index.html) - Anda
layanan gratis yang diberikan kepada pemilik website pribadi, organisasi dapat memesan banner pada situs ini gratis. Cukup dengan memberikan
nirlaba serta website yang menurut penilaian dapat diikutkan dalam layanan spesifikasinya dan mereka akan membuatnya dengan sangat bagus (katanya).
IndoBanner Exchange.
ww

OKB Club Indonesia – http://www.okbclub.com 257 OKB Club Indonesia – http://www.okbclub.com 258
Animasi Gratis Untuk Web (http://www.geocities.com/alfin70) – Anda ingin Untuk mendapatkan kredit, setiap 2 banner anggota lain ditampilkan di situa

m
dibuatkan banner atau animasi graphics gratis? Silahkan isi buku tamu di Anda, Anda akan mendapat 1 kredit yang bisa digunakan untuk menampilkan
situs ini dan kirim e-mail pada pengelolanya! banner Anda 1 kali di situs anggota yang lain. Statistik jumlah kredit dan klik
yang anda dapat bisa diakses melalui ruang anggota.
BOON Design (http://www.internetdiva.com/boon) - Jasa layanan pembuatan
gambar gratis bagi mereka yang ingin memiliki homepage sendiri. Berikut adalah langkah-langkah yang diperlukan untuk mendaftar ke situs

co
BannerIndonesia. Sebelum melakukan pendaftaran ini, pastikan bahwa Anda
telah memiliki homepage yang telah aktif dan memiliki file gambar banner
7.4.2 Mendaftar ke BannerIndonesia.com sendiri (gif atau jpg) dengan ukuran 468x60 pixel dam ukuran file tidak lebih
dari 10 KB :
Pendaftaran ke situs penyedia program pertukaran banner umumnya cukup
mudah. Pada sub bab ini, kita akan mencoba mendaftarkan diri ke 1. Kunjungi situs Banner Indonesia di http://www.bannerindonesia.com.

b.
BannerIndonesia, sebuah layanan pertukaran banner antar situs yang berorientasi 2. Klik link 'Gabung Sekarang' atau 'mendaftar'.
bagi komunitas netter indonesia. 3. Baca syarat dan peraturan yang ditampilkan. Jika sudah selesai, klik tombol
"Saya Setuju. Daftarkan Sekarang" (gambar 7.9).
Segera setelah Anda mendaftar menjadi anggota BannerIndonesia.com dan 4. Berikutnya akan ditampilkan form pengisian nama account dan kode
menyisipkan kode HTML unik yang diberikan khusus untuk Anda pada halaman password yang akan diperlukan nanti saat kita ingin mengedit data, mengirim

lu
web Anda, maka software BannerIndonesia.com akan merotasi banner banner banner, melihat statistik dll. Isilah dengan Nama dan Password yang Anda
milik situs para anggota lainnya melalui kode HTML tersebut. Demikian juga inginkan dan klik tombol "Cek Untuk Proses Selanjutnya".
dengan para anggota yang lain, sehingga semua anggota yang telah mendapat 5. Jika nama yang Anda masukkan belum ada yang menggunakan, sebentar
kredit akan mendapat kesempatan banner situs yang bersangkutan kemudian akan muncul form isian yang berhubungan dengan account Anda.
dirotasikan/dipromosikan secara gratis.

BC
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".
OK
w.

Gambar 7.9: Baca peraturannya dengan baik sebelum mendaftar


ww

Gambar 7.10: Form pendaftaran di BannerIndonesia.Com

OKB Club Indonesia – http://www.okbclub.com 259 OKB Club Indonesia – http://www.okbclub.com 260
rotasikan ke anggota-anggota yang lain sesuai dengan kredit yang Anda

m
6. Setelah itu akan ditampilkan status account Anda saat ini. Didalamnya juga dapatkan.
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

co
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) :

b.
<!-- 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

lu
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>

BC
<NOSCRIPT><A
HREF="http://members.bannerindonesia.com/umum.cgi? Gambar 7.11: Proses upload banner yang ingin dipertukarkan melalui
member=serba-gratis;banner=NonSSI;page=01" BannerIndonesia.Com
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
7.5 MEMANFAATKAN SEARCH ENGINE
SRC="http://members.bannerindonesia.com/bar.gif" WIDTH=468
HEIGHT=15 ALT="Banner Indonesia Network" Untuk mendapatkan hit rate pengunjung yang tinggi, semua upaya promosi situs
web harus gencar dilakukan. Selain dengan cara-cara yang telah dijelaskan
BORDER=0></A></CENTER>
OK
<!-- End Banner Indonesia Network Code -->
diatas, cara lain yang juga sangat efektif adalah dengan mendaftarkannya ke
mesin-mesin pencari (search engine) baik lokal, seperti Search Indonesia
7. Selain melakukan "Copy & Paste" untuk menyisipkan kode HTML, Anda (http://www.searchindonesia.com) atau Betawi Net (http://cikini.betawi.net/)
juga dapat melakukan upload banner. Gulung layar status account sampai maupun internasional seperti yahoo, altavista atau infoseek.
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 7.5.1 Memburu Search Engine
w.

"Upload Banner" (gambar 7.11).


Pada saat buku ini ditulis, di internet diperkirakan ada lebih dari 2500 search
9. Pada titik ini, proses pendaftaran ke BannerIndonesia sudah selesai. Anda engine yang sebagian besar diantaranya mengijinkan kita untuk memasukkan URL
tinggal meng-upload halaman web Anda yang telah disisipi kode-kode baru kedalamnya. Berikut adalah sebagian kecil diantaranya. Jika masih kurang,
HTML diatas ke server sehingga sambil menunggu pemberitahuan Anda bisa mengunjungi salah satunya dan memasukkan kata "search engine"
persetujuan, Anda bisa mulai mengumpulkan kredit. Nanti setelah mendapat sebagai kata kunci pencarian :
ww

persetujuan melalui e-mail, pada saat itu juga banner Anda akan mulai di

OKB Club Indonesia – http://www.okbclub.com 261 OKB Club Indonesia – http://www.okbclub.com 262
National Directory http://www.nationaldirectory.com/cgi-bin/addurl

m
Nerd World http://www.nerdworld.com/nwadd.html
SEARCH ALAMAT UNTUK MENDAFTARKAN
Net Announce! http://www.erspros.com/net-announce/content.phtml
ENGINE URL NetBreach http://www.netbreach.com/addurl/
Adnet http://www.theadnet.com/ Netfind.aol.com http://netfind.aol.com/add.adp

co
Ah-ha http://www.ah-ha.com/addurl/ NetGL http://www.netgl.com/netglance/link.html
Alldeal http://www.alldeal.com/add_site/ NetSearch http://198.80.94.66/cgi-bin/search.pl?AddSite=prompt
AltaVista http://www.altavista.com/cgi-bin/query?pg=addurl Northern Light http://www.northernlight.com/docs/regurl_help.html
arkesini http://www.arkesini.com/links/links.htm Pandawa http://www.pandawa.com/arjuna/add.cgi
Anzwers http://www.anzwers.com/cgi-bin/print_addurl.pl? peekaboo http://www.peekaboo.net/index1.html
Asiaco http://search.asiaco.com/cgi-bin/addurl.cgi projectcool http://www.projectcool.com/sightings/submit.html

b.
asiannet http://www.asiannet.com/joinus.html Power Crawler http://www.powercrawler.com/addurl.cfm
Asia Search http://expatsinasia.safeshopper.com/ Planet Search http://www.planetsearch.com/?a=19&flags=3&count=10
Batavianet http://www.batavianet.co.id/addurl.html Profusion http://profusion.com/users/sitesee.html
canada.com http://www.canada.com/search/web/addurl.asp Proteus http://www.thrall.org/proteus/urlsub.htm
Cihuy http://exim.access.net.id/irwan/websearch/add-url.html PureSearch http://www.puresearch.com/addasite.html

lu
Claymont http://www.claymont.com/cgi-bin/addurlsform.pl Scrub The Web http://www.scrubtheweb.com/addurl.html
Crawler http://www.crawler.com/ Seaquest http://seaquest.kusza.edu.my/cgi-bin/add.cgi
Dewa http://www.dewa.com/submit/ Search Hound http://www.searchhound.com/Pages/submit.htm
Direct Hit http://www.directhit.com/util/addurl.html Search King http://www.searchking.com/add.htm

BC
DMOZ http://dmoz.org/add.html Search Spot http://www.searchspot.com/info/suggest_site.htm
Donhey http://donhey.hypermart.net/algemeen/inschr.htm Search UK http://url.searchuk.com/
Euroferret http://www.euroferret.com/addurl.html searchindonesia.com http://207.153.207.5/cgi-bin/links/add.cgi
Excite http://www.excite.com/info/add_url.html searchindonesia.net http://207.153.241.40/cgi-bin/silinks/add.cgi
Findit http://users.cgiforme.com/findit/addurl.html Searching 4U http://www.searching4u.com/links/links.htm
Funkycat http://www.funky-cat.com/webmasters.asp Site@shack http://www.siteshack.com/submit.htm
G.O.D http://www.god.co.uk/add.htm Spider Hog http://www.spiderhog.com/addurl.htm
Go http://www.go.com/AddUrl?&pg=SubmitUrl.html Splat http://www.splatsearch.com/submit.html
OK
Go2Net http://www.go2net.com/help/faq/add-url.html ShopInternet http://www.ro.com/ShopInternet/submit.html
Google http://www.google.com/addurl.html Super Snooper http://supersnooper.com/AddURL.htm
GottaBounce http://www.gottabounce.com/cgi-bin/links/add.cgi Surfgopher http://www.surfgopher.com/addurl.htm
HotBot http://www.hotbot.com/addurl.asp Teledom http://www.teledom.net/add.shtml
Indo Center http://www.indocenter.co.id/add.html Voila http://www.voila.com/Info/addsite.html
Indoseek http://www.indoseek.co.id/add.html Web2Search http://www.websearch2k.com/cgi-bin/search/search.pl
Info Tiger http://www.infotiger.com/addurl.html WebCrawler http://www.webcrawler.com/Help/GetListed/AddURLS.html
Webmaster http://wmn.linkopp.net/cgi-bin/add.cgi
w.

Infohiway http://www.infohiway.com/isn/addurl.html
Infoseek http://infoseek.go.com/AddUrl?pg=SubmitUrl.html Network
Lycos http://www.lycos.com/addasite.html Whatuseek http://www.whatuseek.com/noshock/addurl-tableset.shtml
Magellan http://magellan.excite.com/info/add_url/ World Light http://www.worldlight.com/addsite.html
Mamma http://webfarm.mediaplex.com/click_thru_request/206-1306-1227 Yahoo http://www.yahoo.com/info/suggest/
MSN.com http://search.msn.com/addurl.asp Youth of America http://youthofamerica.org/webchain/addurl.htm
ww

Mugomilk http://www.mugomilk.freeserve.co.uk/html/addsite.html

OKB Club Indonesia – http://www.okbclub.com 263 OKB Club Indonesia – http://www.okbclub.com 264
7.5.2 Mendaftar ke 12 Search Engine Besar di Internet 5. Klik tombol "Next". Setelah itu akan muncul tampilan pintu masuk ke Web

m
Site Garage. Karena kita belum terdaftar, klik link berlabel 'Click here'
Ada beberapa cara untuk melakukan pendaftaran URL ke search engine, dibelakang teks "If you do not have a Web Site Garage account...".
misalnya dengan mengunjunginya satu persatu dan melakukan pendaftaran satu 6. Pada tampilan "A Web Site Garage account for ...... has been created. " Klik
persatu. Cara ini memang membutuhkan kesabaran yang lumayan. Untungnya, ada tombol "Next". Anda akan masuk ke ruang pendaftaran ke 12 search engine

co
cara lain yang lebih efektif, yaitu dengan mengunjungi situs-situs tertentu yang yang sesungguhnya.
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.
Jika Anda mendaftar ke IndoBanner (http://www.indobanner.co.id), Anda akan
diberi hak akses ke "website promotion tools" mereka. Dengan tool ini Anda

b.
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.

lu
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 :

BC
Alta Vista - http://www.altavista.digital.com/
ComFind - http://comfind.com/
Excite - http://www.excite.com/ Gambar 7.12: Tampilan situs Register-It.Com
Hotbot - http://www.hotbot.com/
Infoseek - http://www.infoseek.com/
Lycos - http://www.lycos.com/
Netscape Search - http://home.netscape.com/
OK
Northern Light - http://www.northernlight.com/
Planet Search - http://www.planetsearch.com/
Pronet - http://www.pronet.ca/
The YellowPages - http://theyellowpages.com/
WebCrawler - http://www.webcrawler.com/
1. Kunjungi situs Register-It di http://www.register-it.com/.
2. Klik link '!Register-It!' yang berada dibawah label "Services".
w.

3. 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".
4. Jika semua isian Anda benar, Anda akan mendapat alamat e-mail baru
dengan alamat NamaAnda@netscape.net. Jika ada yang salah Anda Gambar 7-13: Form pendaftaran ke 12 Search Engine sekaligus
ww

harus mengulanginya lagi pada bagian yang salah tersebut.

OKB Club Indonesia – http://www.okbclub.com 265 OKB Club Indonesia – http://www.okbclub.com 266
7. Isilah data-data mengenai situs homepage Anda dengan sebaik-baiknya, ...............

m
<!-- BEGIN HITOMETER TAG VERSION 2 -->
karena ini akan menentukan hasil pencarian situs Anda saat di 'search' <A HREF="http://hitometer.netscape.com">
dengan ke 12 search engine diatas. Hal-hal yang perlu Anda perhatikan <script language="JavaScript1.1"><!--
d=document;c='<img WIDTH=115 HEIGHT=22 border=0 '+
lebih seksama adalah pada bagian nama situs, keterangan 'src="http://i89.netscape.com/c.cgi?A4636789$3673773$';
singkat/keterangan panjang, keyword-nya, nama 'contact personnya' dan if(parseFloat(navigator.appVersion)>=4){x='x';s=screen;

co
c+=s.width+x+s.height+x+s.pixelDepth+x+s.colorDepth;}
semua hal yang menjelaskan tentang homepage Anda. Register-It juga d.writeln(c+'$'+d.referrer+'"></A>'); // -->
menyediakan counter gratis yang mereka sebut Hitometer. Jika Anda </script><noscript><img WIDTH=115 HEIGHT=22 border=0
berminat, klik check box dibawah kelompok "Special Offer", disamping teks src="http://i89.netscape.com/c.cgi?B4636789$3673773"
alt="Hitometer"></A></noscript>
"Click here to get a FREE Hitometer with your Registration". Setelah <!-- END HITOMETER TAG ( WWW.HITOMETER.COM ) -->
semuanya diisi dengan benar, klik tombol "Next" dan akan muncul tampilan ...............
...............
seperti tampak pada gambar 7.14. </BODY>

b.
</HTML>

lu
BC
Gambar 7.14: Tampilan setelah pendaftaran di Register-It selesai
OK
Gambar 7.15: Counter gratis yang disediakan saat mendaftar di Regiser-It
8. Jika pada langkah 7 diatas Anda mengklik penawaran Hitometer, maka
setelah Anda menekan tombol "Next", akan keluar opsi dimana Anda harus 10. Klik "Exit" jika telah selesai. Pada titik ini, proses registrasinya telah
memilih tipe counter dan angka awal counter-nya. Klik tombol "Next", lalu selesai. Situs Anda telah didaftarkan pada 12 search engine besar di
klik tombol "Next" lagi pada tampilan berikutnya. Internet! Tetapi untuk melihat hasilnya, Anda harus menunggu dari beberapa
9. Beberapa saat kemudian akan muncul sederet kode HTML yang harus Anda jam hingga beberapa hari kemudian karena proses pemasukan data ke
sisipkan pada halaman web Anda untuk menampilkan counter. Kode-kode database search engine besar yang berisi puluhan juta entry memang lama.
w.

itu akan tampak seperti berikut (catat bahwa Anda akan mendapat kode
sendiri setelah mendaftar) : 11. Setelah beberapa hari, Anda dapat melakukan verifikasi terhadap mesin-
mesin pencari yang didaftari dengan cara login ke register-it dan masuk ke
<HTML>
<HEAD> bagian 'member service'.
<TITLE> title of your page </TITLE>
</HEAD> 
ww

<BODY>
...............

OKB Club Indonesia – http://www.okbclub.com 267 OKB Club Indonesia – http://www.okbclub.com 268
orang lain, bagaimana memperoleh nama domain

m
BAB 8 “http://www.terserah_anda.com" gratis dan lain sebagainya.

LANGKAH BONUS:
8.1 MEMPERPENDEK ALAMAT SITUS WEB
TIP & TRIK - MENGGALI

co
Beberapa situs penyedia homepage gratis memang menyediakan alamat

FASILITAS GRATIS DAN 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
PROFIT SEBANYAK- "http://www.geocities.com/ResearchTriangle/6018/index.html" misalnya?

b.
Jangan khawatir, Anda bisa memanfaatkan layanan gratis untuk memperpendek
BANYAKNYA DARI penyebutan alamat homepage diatas dengan apa yang disebut URL redirection.
Dengan URL redirection, alamat homepage Anda akan menjadi jauh lebih

INTERNET ! pendek dan mudah diingat misalnya menjadi "http://come.to/serba-gratis" atau

lu
"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
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!
Seiring dengan banyaknya ide dan kreatifitas yang bisa diangkut ke internet, Berikut adalah sebagian penyedia layanan URL redirection yang bisa Anda
maka hampir semua hal bisa kita arahkan untuk mendapatkan keuntungan darinya. manfaatkan :
OK
Setelah berhasil menyelesaikan dan mempraktekkan langkah 1 hingga langkah 7
buku panduan ini, sesungguhnya Anda telah menyelesaikan sebuah karya besar
cjb.net (http://www.cjb.net/) – Menyediakan URL redirection dengan nama
yang mungkin bisa merubah hidup Anda. Pengetahuan dan pengalaman yang Anda
"http://terserah_anda.cjb.net". CJB.net adalah layanan URL redirection
dapatkan sudah bisa digunakan sebagai modal kerja yang lebih dari cukup. Anda
tanpa iklan. Selain CJB.net, situs penyedia URL redirection tanpa iklan
tinggal menumpahkan semua ide dan kreatifitas Anda untuk ikut bergabung
mengeruk keuntungan yang berlimpah dari dunia internet. lainnya adalah iods (http://www.ods.org/), eu (http://www.eu.org/),
hpage (http://hpage.net/), w56 (http://w56.org/) dan da.ru
Bab ini atau langkah bonus ini hanyalah tambahan, tidak harus Anda jadikan (http://da.ru/)
w.

kewajiban untuk menyelesaikannya. Akan tetapi jika Anda mau menyempatkan


diri untuk membacanya, maka banyak hal akan Anda peroleh sebagai bekal Easy.to Remember (http://easy.to/REMEMBER/) - Menyediakan URL
menjadi WebMaster, bukan sekedar WebDesainer! Anda akan mendapatkan redirection dengan nama "http://easy.to/terserah_anda",
banyak trik untuk memberdayakan internet lebih banyak lagi. Misalnya, "http://i.am/terserah_anda", "http://hello.to/terserah_anda",
bagaimana menggunakan situs web untuk mendapatkan uang, bagaimana cara "http://hey.to/terserah_anda", "http://pagina.de/terserah_anda",
menyingkat alamat situs web gratis Anda, bagaimana menghilangkan iklan banner "http://w3.to/terserah_anda" dan "http://messages.to/terserah_anda"
ww

yang tidak diinginkan, bagaimana memproteksi file html agar tidak bisa dilihat

OKB Club Indonesia – http://www.okbclub.com 269 OKB Club Indonesia – http://www.okbclub.com 270
Click-on.to (http://click-on.to/) - Menyediakan URL redirection dengan nama connect.quick.to, connect.just.to, connect.easier.to, connect.across.to,

m
"http://click-on.to/terserah_anda" connect.swiftly.to, connect.easily.to, connect.quicker.to, connect.safely.to,
connect.securely.to, proceed.quick.to, proceed.just.to, proceed.easier.to,
Cruzin.To (http://www.cruzin.to/) – Menyediakan URL redirection dengan proceed.across.to, proceed.swiftly.to, proceed.easily.to, proceed.quicker.to,
nama "http://cruzin.to/terserah_anda serta layanan alamat email dengan proceed.safely.to atau proceed.securely.to

co
nama "terserah_anda@cruzin.to"
isCool (http://iscool.net/) – Menyediakan URL redirection dengan nama
Come.to (http://come.to/) – Menyediakan URL redirection dengan nama "http://terserah_anda.isCool.net", "http://terserah_anda.areCool.net",
"http://come.to/terserah_anda" "http://terserah_anda.isFun.net", "http://terserah_anda.areFun.net",
Direct.at (http://www.direct.at/) – Menyediakan URL redirection dengan nama "http://terserah_anda.isAwesome.net", "http://terserah_anda.tux.nu" atau
"http://direct.at/terserah_anda" "http://terserah_anda.areAwesome.net"

b.
Explode.to (http://explode.to/) – Menyediakan URL redirection dengan nama Monolith (http://www.ml.org/) - Menyediakan URL redirection dengan nama
"http://explode.to/terserah_anda" "http://terserah_anda.home.ml.org"

Gonow.to (http://gonow.to/) - Menyediakan URL redirection dengan nama My URL (http://www.online-xs.com/myurl/index.htm) - Menyediakan URL
redirection dengan nama "http://terserah_anda.online-xs.com"

lu
"http://gonow.to/terserah_anda"
InternetJump (http://www.internetjump.com/) - Menyediakan URL Rsl.net (http://www.rsl.net/) - Menyediakan URL redirection dengan nama
redirection dengan nama "http://go.quick.to/terserah_anda" dan banyak "http://rsl.net/terserah_anda"
pilihan lain (ada 126 nama), yaitu go.just.to, go.easier.to, go.across.to, TheGovernment.com (http://www.thegovernment.com/) - Menyediakan URL

BC
go.swiftly.to, go.easily.to, go.quicker.to, go.safely.to, go.securely.to, redirection dengan nama "http://dial.to/terserah_anda" atau
jump.quick.to, jump.just.to, jump.easier.to, jump.across.to, jump.swiftly.to, "http://terserah_anda.dial.to". Selain itu juga menyediakan statistik situs web
jump.easily.to, jump.quicker.to, jump.safely.to, jump.securely, come.quick.to, lengkap. Selain dial.to, TheGovernment juga menyediakan banyak nama
come.just.to, come.easier.to, come.across.to, come.swiftly.to, come.easily.to, domain lain, yaitu: reflect.to, falling.to, flap.to, okey.to, yeah.to, arise.to,
come.quicker.to, come.safely.to, come.securely.to, surf.quick.to, surf.just.to, glance.to, dial.to, bike.to, tumble.to, jolt.to, scout.to, leaping.to, honk.to,
surf.easier.to, surf.across.to, surf.swiftly.to, surf.easily.to, surf.quicker.to, spank.to, offer.to, movie.am, gifts.am, city.am, sell.am, buy.am, help.am,
surf.safely.to, surf.securely.to, move.quick.to, move.just.to, move.easier.to, games.am, welcome.as, born.as, clever.as, lovely.as, brave.as, smooth.as,
move.across.to, move.swiftly.to, move.easily.to, move.quicker.to,
OK
hip.as, funny.as, cheerful.as, happy.as, playful.as, drive.as, powerful.as,
move.safely.to, move.securely.to, link.quick.to, link.just.to, link.easier.to, sing.as, jump.as, play.as, noble.as, rap.as, dark.as, cold.as, warm.as,
link.across.to, link.swiftly.to, link.easily.to, link.quicker.to, link.safely.to, gentle.as, heroic.as, pure.as, blackuniverse.com, crazydude.com, cyber-
link.securely.to, pass.quick.to, pass.just.to, pass.easier.to, pass.across.to, dude.com, darkhole.com, electrocuted.com, fbiagent.com, game-genie.com,
pass.swiftly.to, pass.easily.to, pass.quicker.to, pass.safely.to, lastsale.com, lostland.com, mreinstein.com, mrlover.com, punched.com,
pass.securely.to, skip.quick.to, skip.just.to, skip.easier.to, skip.across.to, stupids.com, taxhater.com, thedreamer.com, thegovernment.com atau
skip.swiftly.to, skip.easily.to, skip.quicker.to, skip.safely.to, skip.securely.to, thespaceship.com
hop.quick.to, hop.just.to, hop.easier.to, hop.across.to, hop.swiftly.to,
w.

hop.easily.to, hop.quicker.to, hop.safely.to, hop.securely.to, zoom.quick.to, There.is (http://there.is/) – Menyediakan URL redirection dengan nama
zoom.just.to, zoom.easier.to, zoom.across.to, zoom.swiftly.to, zoom.easily.to, "http://there.is/terserah_anda"
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, V3 (http://www.v3.com/) - Menyediakan URL redirection dengan nama
warp.quicker.to, warp.safely.to, warp.securely.to, browse.quick.to, "http://go.to/terserah_anda" dan alamat e-mail "terserah_anda@go.to".
browse.just.to, browse.easier.to, browse.across.to, browse.swiftly.to, Selain itu, Anda juga bisa memilih nama lain seperti on.to, get.to, run.to,
ww

browse.easily.to, browse.quicker.to, browse.safely.to, browse.securely.to, fly.to, come.to, move.to, surf.to, welcome.to, page.to, change.to, switch.to,

OKB Club Indonesia – http://www.okbclub.com 271 OKB Club Indonesia – http://www.okbclub.com 272
scroll.to, window.to, browse.to, redirect.to, back.to, forward.to, walk.to, return.to, way.to, got.to, stop.to, sail.to, escape.to, learn.to, fun.to, remember.to,

m
travel.to, transfer.to, connect.to, dive.to, bowl.to, jump.to, drop.to, drive.to, up.to, thrill.to, resourcez.com, latest-info.com, radpages.com, sports-
board.to, listen.to, zap.to, fade.to, talk.to, how.to, turn.to, quickly.to, reports.com, iMegastores.com, andmuchmore.com, web-freebies.com,
bounce.to, hop.to, kiss.to, zip.to, bite.to, drink.to, crash.to, snap.to, skip.to, webdare.com, veryweird.com, tophonors.com, fornovices.com, webalias.com,
fullspeed.to, i.am, easy.to, flying.to, hello.to, hey.to, messages.to, myprivateidaho.com, moviefever.com, mp3-archives.com. Juga menyediakan

co
vacations.to, w3.to, warp9.to, beam.at, been.at, start.at, direct.at, all.at, redirection untuk situs khusus dewasa seperti hottestpix.com, xxx-posed.com
getit.at, more.at, break.at, mine.at, everything.at, yours.at, top.ms, seite.ms, dan uncutuncensored.com
privat.ms, hp.ms, germany.ms, fun.ms, fanclub.ms, chip.ms, gameday.de,
playsite.de, virtualpage.de, mediasite.de, megapage.de, firstpage.de, Zooming.to (http://www.zooming.to/) – Menyediakan URL redirection dengan
mysite.de, videopage.de, musicpage.de, hard-ware.de, soft-ware.de, tip.nu, nama "http://zooming.to/terserah_anda" plus statistik.
notrix.at, notrix.ch, notrix.net, notrix.de, pagina.de, mypage.org,

b.
rulestheweb.com, nav.to atau shortcut.to
8.2 MELENYAPKAN IKLAN DARI SITUS WEB
GRATIS
Salah satu hal yang tidak menyenangkan dari sebagian besar penyedia layanan

lu
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

BC
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
OK
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.

Gambar 8.1: Penyedia layanan URL-Redirection V3


8.2.1 Mengapa iklan perlu dilenyapkan?
w.

VDirect (http://www.vdirect.com/) - Menyediakan URL redirection dengan Ada banyak alasan mengapa kita ingin melenyapkan iklan yang biasanya muncul
nama "http://terserah_anda.vdirect.com" plus statistik pengunjung. Selain itu di situs homepage gratis. Berikut adalah beberapa diantaranya:
Anda juga akan mendapat alamat e-mail "terserah_anda@vdirect.com"
WebAlias.com (http://webalias.com/) - Menyediakan URL redirection dengan • Untuk membuat webmaster amatir seperti kita dapat mengendalikan tampilan
nama "http://browser.to/terserah_anda" atau homepage sepenuhnya.
ww

"http://terserah_anda.browser.to". Selain itu juga ada banyak nama lain seperti

OKB Club Indonesia – http://www.okbclub.com 273 OKB Club Indonesia – http://www.okbclub.com 274
• Untuk menampilkan iklan kita sendiri yang telah dirampas oleh ZoneAlarm (http://www.zonelabs.com/) – Mengendalikan program apa saja

m
penyelenggara free webspace. yang bisa digunakan untuk akses internet, sebagai pengaman komputer yang
selalu terhubung ke internet. Freeware.
• Kita dan terutama pengunjung situs web kita sudah bosan melihat iklan-iklan
yang tidak diminta dan seringkali memaksa kita untuk selalu menutup NoAds (http://www.firase.com/) – Secara otomatis bisa menutup pop-up
jendela-jendela pop-up berisi iklan yang tidak ingin kita lihat. dangan daftar pop-up yang diupdate dari Internet. Shareware.

co
• Biasanya server gratis sudah lambat tanpa iklan, apalagi dengan iklan! KillAd (http://wwwwin.wplus.net/pp/fsc/) – Sebuah utility untuk membersihkan
browser dari jendela pop-up iklan. Freeware.
• Kita sebagai webmasters yang telah mempublikasikan iklan-iklan mereka
tidak mendapat bayaran sesenpun! Internet Junkbuster (http://www.junkbusters.com/ht/en/) – Adalah sebuah
program proxy yang dapat dikonfigurasi untuk memblok iklan. Freeware.
• Saat ini di internet ada banyak software yang dapat digunakan untuk

b.
memblokir iklan (lihat sub bab setelah ini). Akan tetapi dengan trik Ad Buster (http://lide.punknet.cz/miri/adbuster.html) – Program freeware untuk
menghilangkan iklan yang akan kita bahas dalam sub bab ini, pengunjung memblokir iklan.
situs web tidak membutuhkan software-software seperti itu lagi.

Untuk :: Linux/Unix ::

lu
8.2.2 Melenyapkan Iklan Dengan Program Khusus
Adzapper (http://apps.freshmeat.net/homepage/934180466/) – Secara otomatis
Dari sisi user/pengunjung situs web, melenyapkan iklan banner/pop-up hanya bisa merubah iklan menjadi .GIF transparan !
bisa dilakukan dengan program khusus pemblokir iklan. Dengan program ini,
Internet Junkbuster (http://www.junkbuster.com/) – Memblok iklan banner

BC
user tidak akan lagi dipameri iklan-iklan menyebalkan yang tidak ia minta. Tidak
perlu lagi menutup jendela-jendela pop-up yang seringkali menutupi homepage yang tidak diinginkan serta melindungi privacy Anda.
aslinya. LeanWeb (http://www.clasohm.com/leanweb/) – Proxy HTTP untuk
Dengan program pelenyap iklan banner/pop-up, akses internet Anda bisa membongkar bagian user-defined dari halaman web.
menjadi bertambah cepat dan acara surfing Anda menjadi lebih nyaman. FilterProxy (http://draal.physics.wisc.edu/FilterProxy/) – Pemblokir proxy
Program-program semacam ini bertebaran di internet (asal tahu alamatnya saja) gratis. Hanya disarankan untuk pemakai tingkat lanjut.
dan bisa di download gratis. Berikut adalah beberapa diantaranya.
OK
Catatan: Daftar program pemblokir iklan lebih lengkap bisa dilihat di
Untuk :: Win9x dan NT :: http://semuagratis.cjb.net.
Proxomitron (http://proxomitron.cjb.net/) – Mengkonfigurasi mengenai hal apa
saja yang bisa Anda terima dari situs web. Freeware. 8.2.3 Trik Membongkar iklan Pop-Up
AdSubtract (http://www.adsubtract.com/) – Program pembongkar iklan. Ada
Jika dari sisi pengunjung iklan pop-up/banner bisa dilenyapkan dengan program
w.

versi freeware dan versi komersial.


khusus, maka dari sisi webmaster atau pemilik situs homepage, iklan bisa
WebWasher (http://www.webwasher.de/) – WebWasher adalah sebuah proxy dihilangkan dengan menyusun kode dengan teknik tertentu. Kode-kode ini bisa
yang mem-blok iklan dengan banyak opsi. Freeware. 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
ww

OKB Club Indonesia – http://www.okbclub.com 275 OKB Club Indonesia – http://www.okbclub.com 276
menyisipkan kode iklan dengan tag <NOSCRIPT> atau <!-- //--> sebenarnya bisa apa saja, yaitu hanya untuk menyamarkan bahwa seolah-olah ini

m
(komentar), maka pop-up bakal diabaikan! adalah JavaScript) maka teknik ini akan men-disable semua sisa script-nya !
Lihat contoh penggunaan tag <NOSCRIPT> berikut :
<SCRIPT LANGUAGE="JawaScript"> // Sisipkan baris ini sebelum rutin pop-up muncul
…. !

co
<!-- Awal kode //--> <!-- -->
<NOSCRIPT> </noscript>
<BODY> // Server akan menyisipkan kode mereka tepat sebelum atau sesudah tag <body>, sehingga <script language="JavaScript">
rutin javascript apapun akan diabaikan!
</NOSCRIPT>
8.2.4 Membongkar Iklan Pop-up Dengan SuperScript
Contoh penggunaan tag "<!—" & "-->" (tag komentar) :

b.
Teknik yang digunakan oleh penyelenggara free webspace untuk menyisipkan
iklan bisa bermacam-macam. Tetapi SuperScipt dibawah ini bisa Anda gunakan
<!-- Awal kode //--> untuk membongkar iklan pop-up pada hampir semua penyelenggara free
<NOSCRIPT> webspace yang ada dengan catatan mereka tidak menyisipkan iklan sebelum tag
<!-- <BODY> --> // Ini adalah tag perangkap. Bisa juga diletakkan diawal tag <HEAD> <HTML> dan Anda sendiri tidak menggunakan javascript untuk menampilkan

lu
</NOSCRIPT> jendela pop-up.
<TITLE>Judul Homepage Anda</TITLE>
</HEAD> Jika mereka menyisipkan iklan diluar tag <HTML>, maka kode ini tidak akan
<BODY> // Ini adalah tag <BODY> yang sesungguhnya!
bekerja. Juga jika Anda menggunakan javascript untuk membuka jendela Anda
sendiri karena teknik ini bekerja dengan membatalkan fungsi 'window.open'

BC
Beberapa penyelenggara free webspace mengatasi trik penggunaan tag dalam javascript, yaitu teknik yang digunakan oleh kebanyakan penyelenggara
<NOSCRIPT> yang kita lakukan diatas dengan menyisipkan tag </NOSCRIPT> free webspace untuk membuka jendela iklan. Akan tetapi jika Anda tidak
diarea sebelum mereka akan menyisipkan kode pop-up iklan. Hal ini bisa kita menggunakan javascript untuk memunculkan jendela pop-up, maka kode ini akan
atasi lagi dengan memanfaatkan tag <META> yang ditulis tidak lengkap (tanpa menjadi SUPER SCRIPT bagi Anda!
penutup). Perhatikan contoh berikut :
<!-- Awal kode //-->
<SCRIPT LANGUAGE="JavaScript">
<HTML>
OK <!--
<META popupssuck=" function open () {return true;} // baris ini akan mendefinisi ulang fungsi open!
<HEAD> //-->
<TITLE>Judul Homepage Anda</TITLE> </SCRIPT>
</HEAD> <HEAD>
<BODY> <TITLE>Judul Halaman Web Anda</TITLE>
<!-- Isi Homepage Anda --> </HEAD>
<BODY>

Cara lain untuk mengatasi server yang menerapkan metoda Anti-Anti javascript
8.2.5 Membongkar Iklan Pop-up Dengan SuperFilter
w.

(Anti-nya 2 kali) adalah dengan trik "JawaScript". Jika server menyisipkan tag
</NOSCRIPT> sebelum pop-up dimunculkan, maka hal ini membuat trik dengan Script yang ada dalam sub bab ini adalah untuk Anda yang sudah familiar dengan
teknik <NOSCRIPT> menjadi tidak bekerja. Akan tetapi jika kita menyisipkan HTML dan javascript. Jika Anda ingin melenyapkan iklan pop-up tetapi Anda
tag 'unik' seperti ini Æ '<SCRIPT LANGUAGE="JawaScript">' tidak ingin kehilangan fungsi untuk dapat memunculkan jendela pop-up Anda
(Perhatikan! Kita menggunakan "JawaScript" bukan "JavaScript" dan ini sendiri, cobalah SuperFilter berikut ini :
ww

OKB Club Indonesia – http://www.okbclub.com 277 OKB Club Indonesia – http://www.okbclub.com 278
<SCRIPT>
8.2.6 Membongkar Iklan Pop-Up Setelah Muncul

m
<!--
function ScreenIt(url,name,parm){
if(url.indexOf("popup.html")!=-1) return false; Teknik yang akan dibahas berikut ini dapat melenyapkan jendela iklan begitu
return window.Xopen(url,name,parm); mereka muncul! Tekniknya sederhana saja. Jika sebuah pop-up muncul, maka ia
} pasti mempunyai nama. Script yang kita buat ini akan membuka juga sebuah pop-
window.Xopen=window.open;

co
window.open=ScreenIt;
up dengan nama yang sama dan langsung menutupnya tepat setelah itu!
//-->
</SCRIPT>
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
<!-- Awal kode //-->
kecuali satu yang bernama "popup.html". Anda cukup mengganti "popup.html" <script language="JavaScript">

b.
diatas dengan sepotong kode URL iklan pop-up di server free webspace Anda. id=window.open("http://uang.port5.com",
Dengan cara ini, Anda akan dapat memanggil fungsi 'window.open' Anda dan "namapopup","");
id.window.close();
dilain pihak tetap memblok iklan pop-up-nya! window.focus();
Meski Anda dapat menggunakan sepotong kode alamat URL, akan tetapi akan <!-- End code //-->

lu
lebih akurat jika Anda menulisnya secara lengkap. Namun sayang, alamat URL
pop-up iklan yang akan ditampilkan biasanya tidak sesederhana seperti nama "id" adalah nama jendela yang akan dibuka dan ditutup. Ini bisa apa saja. "id"
"popup.html" itu saja, melainkan sebuah alamat URL yang cukup panjang. hanyalah sebuah contoh. Sementara itu "namapopup" adalah nama pop-up iklan
Misalnya pop-up iklan di hypermart.net yang saat buku ini ditulis menggunakan dalam situs free webspace Anda. Untuk mengetahui nama pop-upnya, Anda harus
alamat URL "http://click.go2net.com/adpopup?site= melihatnya pada source code web Anda dari server saat online (jika Anda

BC
HM&shape=noshape&border=1&area=DIR.BIZ.CLASSIFIED&siz menggunakan MSIE, klik View Æ Source) dan mencari nama pop-upnya
erepopup=1&hname=UNKNOWN". didalam file yang terbuka, bukan dari file html asli didalam harddisk Anda.
Cara termudah untuk mengatasi ini adalah menggunakan trik lain yang dikenal Kode window.focus() adalah opsional, yaitu untuk membuat jendela menjadi
dengan nama The Ultimate Pop-up Killer. Trik ini menggunakan nama atribut, aktif saat pop-up ditutup.
bukan link atau file. Perhatikan contoh berikut :
8.2.7 Melenyapkan Banner Iklan
<SCRIPT>
OK
<!-- Bentuk lain dari iklan yang sering disisipkan oleh penyedia layanan free
function ScreenIt(url,name,parm) webspace adalah banner iklan. Pada sub bab ini kita akan mencoba
{
if(name.indexOf("nama_popup")!=-1) return false; melenyapkannya dari pandangan mata atau menggantinya dengan banner kita
return window.Xopen(url,name,'toolbar=1,location=1, sendiri.
directories=1,status=1,menubar=1,scrollbars=1, resizable=1');
} Iklan banner bisa dilenyapkan dengan banyak cara, diantaranya adalah dengan
window.Xopen=window.open; menyisipkan kode tipuan. Lihat contoh berikut:
window.open=ScreenIt;
w.

//-->
</SCRIPT> <noembed><xmp>
<BODY> // Ini adalah tag <BODY> tipuan/jebakan
</xmp></noembed>
Pada saat buku ini ditulis, hypermart.net menggunakan nama "test", sedangkan <body> // Ini adalah tag <BODY> yang asli
tripod.com menggunakan nama "Tripodpopup". Untuk situs-situs yang lain, Anda
harus melihatnya sendiri dari source code yang dihasilkan oleh server.
ww

OKB Club Indonesia – http://www.okbclub.com 279 OKB Club Indonesia – http://www.okbclub.com 280
Jika kode banner disisipkan oleh server dibawah tag <BODY>, ia akan Sedangkan tag <NOSCRIPT> bisa kita gunakan untuk men-disable iklan bagi

m
menyisipkannya pada tag <BODY> jebakan. Sedangkan tag <BODY> yang asli mereka yang menggunakan JavaScript untuk menampilkan iklan.
masih utuh dan mengabaikan kode-kode penampil iklan diatasnya.
Teknik lain pelenyapan banner iklan dapat dilakukan dengan menimpanya dengan 8.2.9 Melenyapkan Iklan Berbasis Frame
file gambar transparan berukuran 1x1 pixel. File ini bisa dibuat dengan Paint

co
Shop Pro (bisa di donwload dari http://www.jasc.com jika Anda belum punya). Beberapa situs web menempatkan banner dan iklan-iklannya pada frame yang
Buatlah file baru dengan background putih berukuran: tinggi 1 pixel, lebar 1 berbeda dengan halaman utama situs web kita, misalnya xoom.com atau
pixel dan resolusi 1 dpi. Setelah jadi, klik tab menu "Colors" Æ "Set Pallete webjump.com. Jika ini yang mereka lakukan, akan sangat mudah bagi kita untuk
Transparency", lalu pilih "set the transparancy value to the current melenyapkannya, yaitu dengan menyisipkan kode kecil ini kedalam halaman web
background color" dan klik "OK". kita. Script ini akan men-check keberadaan suatu frame. Jika ada, maka halaman

b.
dimana Anda meletakkan kode ini didalamnya akan menjadi satu-satunya yang
Untuk menggantinya dengan banner Anda sendiri, Anda cukup menimpanya
aktif dalam browser!
dengan banner Anda. Penimpaan gambar dapat dilakukan dengan javascript
seperti ini: <SCRIPT language=JavaScript>
if(top!=self){top.location.href=self.location.href;}
</SCRIPT>

lu
<SCRIPT language="JavaScript">
<!--
document.images[0].src='terserah_anda.gif';
-->
Atau, bisa juga diatasi dengan membuat halaman utama Anda meload halaman
</SCRIPT> kedua dengan menyisipkan baris kode dibawah ini kedalam tag <BODY>:

BC
Letakkan Script diatas tepat dibawah banner iklan yang ada. Perhatikan bahwa
properti atribut "src" pada kode diatas adalah 0. Ini berarti bahwa kode diatas
<BODY onLoad="window.open
hanya bekerja untuk banner iklan yang berada diposisi paling atas atau pada ('http://uang.port5.com/index1.htm','_parent'
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
Dengan membuka halaman web dijendela '_parent', browser akan kembali
iklannya adalah gambar nomor 3 dihalaman web Anda, maka Anda harus
OK
ke jendela sebelumnya yang ada didalam history, tepat satu record sebelum
menggunakan kode seperti ini :
frame dan membuka halaman utama yang sesungguhnya disini. Jika situs Anda
menggunakan lebih dari satu frame, Anda harus meletakkan kode diatas pada
document.images[2].src='terserah_anda.gif';
halaman yang akan ditampilkan pada frame yang pertama, bukan pada halaman
utamanya (index.html).
Dalam hal banner-nya memiliki sebuah nama (atribut "name"), Anda dapat
merubah kode images[0] dengan isi dari atribut "name" yang digunakan oleh Kadang-kadang, lokasi file yang diberikan kepada Anda oleh penyedia layanan
banner. free webspace hanyalah nama alias saja. Yaitu semacam redirector ke direktori
w.

Anda yang sesunggunnya. Mereka menggunakan metoda 'aliasing' ini untuk


Kadang-kadang, server juga meletakkan iklan diakhir halaman web kita. Untuk membuat pengunjung situs Anda me-load frame iklan. Jika Anda tahu lokasi file
membongkar iklan jenis ini, kita cukup menyisipkan kode <!-- atau yang sebenarnya, Anda cukup membuat beberapa pengarah saja ke sini.
<NOSCRIPT> dilokasi sebelum kode penampil iklan mereka "diselundupkan"
kehalaman web kita. Tag <!-- (komentar) yang kita sisipkan akan membuat Sebagai contoh, alamat yang dibuat oleh XOOM setelah Anda mendaftar
sisa file html kita hanya akan tampak jika dilihat dari source code-nya. sebenarnya adalah "http://members.xoom.com/_XOOM/terserah_anda/". Akan
ww

tetapi alamat domain yang diberitahukan kepada Anda adalah

OKB Club Indonesia – http://www.okbclub.com 281 OKB Club Indonesia – http://www.okbclub.com 282
"http://members.xoom.com/terserah_anda/" dengan tujuan agar pengunjung situs Catat bahwa kode-kode ini sebaiknya di sisipkan kedalam file html Anda

m
Anda me-load frame iklan. Catat bahwa XOOM sering mengganti-ganti alamat menggunakan editor teks biasa seperti NotePad, Write atau 1st Page 2000
sebenarnya untuk mengatasi trik yang kita lakukan! Saat buku ini ditulis XOOM karena beberapa diantaranya merupakan kode-kode tanggung / kode-kode "salah"
mengunakan alamat sub directori /_XMCM/. yang akan dikoreksi otomatis oleh editor WYSIWYG seperti FrontPage atau
Adobe PageMill.

co
8.2.10 Menghindari Deteksi Kode Oleh Server
1. 50megs, 50 MB, http://www.50megs.com
Beberapa server tertentu secara otomatis melakukan pemindaian (scanning) pada
file-file yang kita upload ke server untuk mendeteksi adanya kode-kode yang Trik : Kode ini digunakan untuk menyembunyikan kode pop-
tidak mereka inginkan. Untuk menghindari pendeteksian ini, kita bisa up yang ada didalam tag <BODY> dan tag <NOSCRIPT>.
menggunakan trik pemisahan. Sebagai contoh, jika situs web Anda menolak Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat

b.
penggunaan nama popWindow, pecahlah namanya dengan cara seperti dibawah sebelum tag <TITLE>.
ini agar bisa lolos :
<NOSCRIPT>
var Popup="po"+"pWind"+"ow"; <!-- <BODY> -->

lu
</NOSCRIPT>
window.onError=null;
tasteful=window.open(newpage,wndname,"");
2. Angelfire, 50MB, http://www.angelfire.com
Trik: Sisipkan kode berikut diatas tag <HTML> pada setiap halaman. Jika

BC
Atau, Anda juga bisa melakukan encode kode-kode Anda kedalam format
heksadesimal dengan cara seperti dibawah ini : 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".
<SCRIPT>
<!-- Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai dari "%66"
eval(unescape("letakkan kode dalam format heksadesimal disini"))
//--> dan diakhiri pada "%3B") HARUS diketik pada satu baris, tidak seperti yang
</SCRIPT> terlihat pada contoh dibawah.
OK
<script language="Javascript">
Contoh penerapan penggunaan kode heksadesimal bisa dilihat pada pembahasan <!--
kode pelenyap iklan siap pakai dibawah. 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%
8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai 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
Berikut adalah kode-kode yang bisa digunakan untuk melenyapkan iklan banner %64%6F%77%2E%58%6F%70%65%6E%28%75%72%6C%2C%6E%61%6D%65%2C%70%
w.

atau iklan pop-up yang biasanya ada di situs-situs penyedia layanan webspace 61%72%6D%29%3B%0D%0A%7D%0D%0A%77%69%6E%64%6F%77%2E%58%6F%70%6
gratis. Penulis hanya akan menuliskan beberapa saja. Bagi Anda yang ingin 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'));
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. </script>
Anda akan mendapatkan kode lengkap untuk sekitar 80 penyelenggara free
ww

webspace !
Kode alternatif untuk Angelfire (sisipkan kode berhuruf tebal) :

OKB Club Indonesia – http://www.okbclub.com 283 OKB Club Indonesia – http://www.okbclub.com 284
m
<HTML>
<HEAD> 5. Dreamwater, 50 MB, http://www.dreamwater.com
<TITLE>Judul Homepage Anda</TITLE>
</HEAD> Trik : Kode ini digunakan untuk menyembunyikan kode pop-
<NOEMBED><XMP> up yang ada didalam tag <BODY> dan tag <NOSCRIPT>.

co
<BODY>
</XMP></NOEMBED> Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat
<BODY BGCOLOR="blue">
sebelum tag <TITLE>.
3. Aasiafind, 10MB, http://www.asiafind.com <NOSCRIPT>
<!-- <BODY> -->
Trik : Sisipkan kode dibawah ini diantara tag <HEAD> dan

b.
</NOSCRIPT>
</HEAD>.
6. Fortunecity, 100 MB, http://www.fortunecity.com
<NOSCRIPT>
<!-- <BODY> --> Trik : Gunakan kode seperti contoh dibawah.

lu
</NOSCRIPT>
<div style="position:relative;top:-110;z-
index:0;background:;">
4. Bizland, 25 MB, http://www.bizland.com <HTML>
Trik : Kode berikut harus disisipkan dibawah tag <HEAD>

BC
<-- Isi halaman homepage Anda ….. (termasuk tag <BODY> dlsb.)
pada setiap halaman. Jika Anda menggunakan FrontPage atau -->
editor sejenis dan mengalami masalah saat memasukkan kode </div>
ini, bukalah file HTML Anda menggunakan Notepad atau 1st </BODY>

Page2000 untuk memasukkan kodenya.


Kode alternatif untuk FortuneCity :
OK
<NOSCRIPT> <HTML>
<!-- <BODY> --> <HEAD>
</NOSCRIPT> <TITLE>Judul Halaman Web Anda</TITLE>
<BODY BGCOLOR="white"> </HEAD>
<!--- <BODY>
<BODY BGCOLOR="BLACK">
Kode alternatif untuk Bizland : <!--- Isi Halaman Web Anda --->

Atau :
w.

<HTML>
<HEAD>
<TITLE>Judul Homepage Anda</TITLE>
</HEAD> <HTML>
<!-- <HEAD>
<BODY> <NOSCRIPT>
--> <!-- <BODY> -->
</NOSCRIPT>
ww

<BODY BGCOLOR="BLACK">
<!--- Isi Halaman Web Anda ---> <TITLE>Judul Halaman Web Anda</TITLE>

OKB Club Indonesia – http://www.okbclub.com 285 OKB Club Indonesia – http://www.okbclub.com 286
</HEAD>
Trik : Sisipkan kode dibawah ini pada halaman web Anda.

m
<BODY BGCOLOR="BLACK">
<!--- Isi Halaman Web Anda --->
<SCRIPT>
popup = window.open("","cooldomain")
7. FreeYellow, 20 MB, http://www.freeyellow.com popup.close();
</SCRIPT>

co
Trik : Gunakan kode dibawah ini pada halaman web Anda.
10. Homepage, 10 MB, http://www.homepage.com
<NOEMBED><XMP>
</BODY>
</HTML>
Trik : Gunakan kode dibawah ini pada halaman web Anda.

b.
<HTML>
8. Geocities (Yahoo Geocities), 15 MB, <HEAD>
<TITLE>Ketik Judul Homepage Anda Disini</TITLE>
http://www.geocities.com <!-- -->
<SCRIPT LANGUAGE="JawaScript">
Trik : Sisipkan kode berikut dibawah tag </HTML>. </HEAD>

lu
<BODY>
</SCRIPT>
<NOSCRIPT>
<BODY BGCOLOR="teal">
<NOSCRIPT>

Kode alternatif untuk YahooGeocities : 11. Hypermart, 20 MB, http://www.hypermart.com

BC
Trik : Sisipkan kode berikut pada halaman web Anda. Catat
<BODY onLoad="yfOC(-1)">
bahwa Hypermart.net adalah salah satu situs yang paling
sering mengganti kode.
Atau :
<HTML> <NOSCRIPT>
<HEAD> <!--- #echobanner --->
OK </NOSCRIPT>
<SCRIPT LANGUAGE="javascript">
<!--
function yfOC() {
self.close(); 12. JustFree, 40 MB, http://www.justfree.com
}
//--> Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap
</SCRIPT>
<TITLE>Judul Homepage Anda</TITLE> halaman web!
</HEAD>
<BODY>
w.

<NOSCRIPT>
<!--- Isi Homepage Anda ---> <!-- <BODY> -->
</BODY> </NOSCRIPT>
</HTML>

13. NetColony, 100 MB, http://www.netcolony.com


9. Here.is, URL redirection, http://www.here.is
ww

OKB Club Indonesia – http://www.okbclub.com 287 OKB Club Indonesia – http://www.okbclub.com 288
popup.close();
Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap

m
</SCRIPT>
halaman web!
<NOSCRIPT>
16. Virtual Ave, 20 MB, http://www.virtualave.com
<!-- <BODY> -->
Trik : Sisipkan kode ini tepat dibawah tag </HTML> Anda!

co
</NOSCRIPT>

<SCRIPT LANGUAGE="JawaScript">
14. Tripod , 50 MB, http://www.tripod.com <!-- -->
</NOSCRIPT>
Trik : Sisipkan kode-kode dibawah ini sesuai keterangan. Catat <SCRIPT LANGUAGE="JavaScript">
bahwa trik ini hanya bekerja pada Internet Explorer, tidak

b.
pada Netscape. Selain itu, iklan harus diset pada mode banner, Kode alternatif untuk VirtualAve :
bukan pop-up. Untuk men-set/mengganti mode iklan di Tripod,
</BODY> </HTML>
lihat lagi sub bab 4.2.2.1. <NOSCRIPT>

lu
<!-- </NOSCRIPT> -->
1. Sisipkan kode berikut sebelum/diatas tag <HTML>.
17. Web, URL redirection, http://www.web.com
<div style="position:relative;top:-110;z-
index:0;background:;"> Trik : Sisipkan kode ini tepat diatas tag <HTML>.

BC
2. Sisipkan kode berikut sebelum/diatas tag </BODY>. <SCRIPT LANGUAGE="Javascript">
<!---
if (parent.frames.length)
</div> parent.location.href= self.location;
// --->
</SCRIPT>
TIPS :
OK
Iklan Pop-up di Tripod dapat dihilangkan dengan sangat 18. WebJump, 25 MB, http://www.webjump.com
mudah jika Anda membuat URL Redirector di CJB.net. Trik : Kode dibawah ini bisa diletakkan dimana saja selama
Mekanisme yang dipakai oleh CJB secara otomatis (entah
masih berada dibawah tag <BODY>.
sengaja atau tidak) akan menghilangkan iklan di Tripod!
Tetapi, siapa peduli mengapa ini bisa terjadi? Cobalah dan Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai
Anda akan heran sendiri melihat hasilnya! dari "%69" dan diakhiri pada "%3B") HARUS diketik pada satu
w.

baris, tidak seperti yang terlihat pada contoh dibawah.


15. TSX, URL redirection, http://www.tsx.org
<Script Language='Javascript'>
Trik : Sisipkan kode ini tepat diatas tag <HEAD>. <!--
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
ww

<SCRIPT> 4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F
popup = window.open("/frame/index.cfm", "216226215132") %63%61%74%69%6F%6E%3B'));

OKB Club Indonesia – http://www.okbclub.com 289 OKB Club Indonesia – http://www.okbclub.com 290
//-->

m
</Script> CATATAN :
Semua penyelenggara free webspace melakukan perubahan
Kode alternatif untuk WebJump: system secara berkala. Jika kode-kode diatas tidak bekerja,
kemungkinan besar teknik penyusupan iklan yang mereka

co
<HTML>
<HEAD> terapkan sudah berubah. Silahkan kunjungi situs
<SCRIPT LANGUAGE="Javascript"> http://bannerkiller.cjb.net untuk melihat update kodenya.
<!---
if (parent.frames.length)
parent.location.href=self.location;
// --->
</SCRIPT> 8.3 MEMBUAT AUTO REMINDER

b.
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>
<BODY BGCOLOR="BLACK"> Auto reminder adalah trik untuk membuat pengunjung situs kita selalu kembali ke
<!--- Isi Halaman Web Anda ---> jendela homepage kita apabila ia membuka banyak jendela browser sekaligus.
Lama waktu kembalinya bisa diatur sendiri (melalui var time = waktu yang

lu
diinginkan). Berikut adalah kode javascript yang harus Anda sisipkan dibawah
19. XOOM, spasi tak terbatas, http://www.xoom.com tag <BODY>.
Trik : Xoom menggunakan iklan berupa frame. Jika Anda
<script language="Javascript" type="text/javascript">
ingin mem-bypass iklan, Anda bisa mem-bypass frame dengan <!--

BC
menambahkan "_XMCM" pada URL homepage Anda. var time = 30
function remind() {
Misalnya seperti ini : this.focus()
var real = time * 1000
setTimeout("remind()",real)
http://members.xoom.com/_XMCM/terserah_anda/ }
remind();
Atau gunakan script berikut. Letakkan diantara tag <BODY> //-->
</script>
dan </BODY>.
OK
<SCRIPT TYPE="text/javascript" LANGUAGE=JAVASCRIPT> Perhatikan bahwa rutin auto-reminder diatas juga akan mengembalikan user
<!-- yang coba-coba berpaling ke program lain selain browser, seperti Ms. Word
if (top.frames.length!=0) misalnya. Karena itu sebaiknya waktu kembalinya jangan di-set terlalu cepat.
top.location=self.document.location;
// --> Pada contoh diatas, kita men-set waktu balik ke halaman homepage kita jika
</SCRIPT> pengunjung situs kita berpaling ke jendela/program lain dalam waktu 30 detik.

Atau :
w.

8.4 MENYISIPKAN FASILITAS URL-MINDER


<SCRIPT>
if (top.location != self.location)
{ top.location = self.location } Apabila Anda secara berkala melakukan update homepage, atau homepage
</SCRIPT> Anda masih dalam status "Under Construction", tambahkanlah fasilitas URL-
Minder di homepage Anda. Dengan URL-Minder, pengunjung situs Anda akan
ww

selalu mendapat pemberitahuan otomatis melalui e-mail jika Anda melakukan

OKB Club Indonesia – http://www.okbclub.com 291 OKB Club Indonesia – http://www.okbclub.com 292
perubahan pada halaman situs Anda. Pemantauan akan adanya perubahan di situs ini juga dapat digunakan untuk menampilkan pengumuman saat melakukan migrasi

m
homepage Anda dilakukan secara otomatis dengan mesin pemantau sehingga alamat homepage dari satu URL (lama) ke URL lain (baru).
Anda tidak perlu melakukan apapun meski member yang menjadi pengunjung
Sebagai contoh, beberapa bulan yang lalu Anda atau perusahaan Anda memiliki
Anda ribuan jumlahnya!
sebuah homepage bagus yang 'nyantol' disebuah free webspace dengan jumlah
Berikut adalah kode yang harus Anda sisipkan dihalaman utama situs Anda. Kode pengunjung yang sangat banyak, misalnya di "http://www.geocities.com/toyota".

co
bisa diletakkan dimana saja seseuai dengan layout halaman web yang Anda Sekarang, perusahaan Anda telah maju pesat dan telah mampu membeli/memiliki
desain, asalkan masih berada diarea <BODY> … </BODY>. nama domain sendiri, misalnya http://www.toyota.com. Maka dengan teknik
redirect Anda tidak perlu bersusah payah memasang iklan atau memberitahukan
<CENTER> pada setiap pengunjung situs lama Anda bahwa Anda telah memiliki alamat
<FORM ACTION="http://www.netmind.com/cgi-bin/uncgi/url-mind" domain sendiri.
method="get"><INPUT NAME=url type=hidden value="http://serba-

b.
gratis.tripod.com">
<TABLE BORDER="1" WIDTH="550" CELLSPACING="0" Saat pengunjung mengetikkan alamat "http://www.geocities.com/toyota", yang
BORDERCOLOR="#C0C0C0" CELLPADDING="2"> tampil di layar mereka adalah pengumuan kecil seperti ini "Homepage
<TR><TD WIDTH="100%" BGCOLOR="#000000"><P ALIGN=center><B> TOYOTA telah pindah ke http://www.toyota.com. Dalam 5 detik kami akan
<FONT FACE="Arial" color="#FFFFFF">- = URL MINDER = -
</FONT></B></P></TD></TR> melakukan redirect ke TOYOTA secara otomatis. Jika dalam 5 detik tampilan
<TR><TD WIDTH="100%" BGCOLOR="#FFFFCC"><CENTER><B><I> ini tidak berubah, klik disini atau pada link diatas." Dan dalam 5 detik kemudian

lu
Daftarkan alamat e-mail Anda dibawah ini untuk menerima
pemberitahuan<BR>otomatis jika ada perubahan dihalaman ini browser mereka akan melompat ke http://www.toyota.com.
!</I><BR>
<BR>Alamat e-mail Anda : </B> Akan tetapi karena fungsi redirect hanya bekerja pada browser-browser yang
<INPUT maxLength=40 name=required-email size=30><BR><BR>
<INPUT type=submit value=" Klik disini untuk daftar !
memiliki fasilitas client pull (seperti Ms Internet Explorer dan Netscape), maka
untuk browser lain seperti Mosaic tidak dapat bekerja. Karena itu kita beri juga

BC
"><BR><BR>
</TD></TR></TABLE> fasilitas link ke http://www.toyota.com. Berikut adalah kode yang bisa Anda
</FORM>
</CENTER> gunakan :

OK
Gambar 8.2: Tampilan URL-MINDER
w.

8.5 MELAKUKAN REDIRECT HALAMAN WEB


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
ww

sementara sebelum membuka halaman utama yang sebenarnya. Selain itu, teknik Gambar 8.3: Gunakan teknik redirect untuk melompat ke halaman lain

OKB Club Indonesia – http://www.okbclub.com 293 OKB Club Indonesia – http://www.okbclub.com 294
Pada sub bab ini, kita akan mencoba membuat polling tentang homepage kita.

m
<HTML> Penyedia layanan polling yang kita pilih adalah Freetolls. Berikut adalah urutan
<HEAD> cara pemasangannya :
<TITLE>Homepage TOYOTA telah pindah !</TITLE>
<META HTTP-EQUIV="Refresh" CONTENT="5;
URL=http://www.toyota.com">
1. Kunjungi situs Freetolls di http://apps3.vantagenet.com/site/poll.asp.

co
</HEAD>

<BODY> 2. Dibawah sub judul "It's as easy as 1-2-3 ... " klik link nomor 2 yang
<CENTER><BR> bertuliskan "Create your own Poll".
<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> 3. Anda akan masuk ke freetools.com login form. Isilah UserName dengan
<P><BR><FONT SIZE="4">Dalam 5 detik kami akan melakukan nama member yang Anda inginkan, juga password & alamat e-mail dimana
<i>redirect</I>ke TOYOTA secara otomatis.<BR> kode html untuk menampilkan polling ingin dikirimkan. Setelah itu klik

b.
Jika dalam 5 detik tampilan ini tidak berubah, <B><A
HREF="http://www.toyota.com">klik tombol "NEXT".
disini</A></B> atau pada link diatas.</FONT></P>
</BODY>
</HTML>

lu
8.6 Memasang Polling Kedalam Situs Web
Polling adalah salah satu sarana efektif untuk mendapatkan feedback dari
pengunjung situs kita. Dulu, untuk memasang polling kedalam situs web, kita

BC
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.
Gambar 8.5: Tampilan Form pendaftaran untuk login ke FreeTools

4. Setelah itu Anda akan masuk ke step 1 pembuatan polling. Pilih lokasi
dimana homepage Anda berada, mungkin di Tripod, Geocities, atau yang
OK
lain. Jika didalam daftar tidak ada, pilih "I have a website, but it was not
listed above". Kemudian klik tombol "NEXT PAGE".
w.

Gambar 8.6: Tampilan step 1 – Pemilihan server dimana website berada


ww

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
5. Pada step 2, isilah kolom yang ada dengan judul pertanyaan spesifik yang 8. Pada step ke 5, ketik nama dan alamat URL homepage Anda. Setelah itu klik

m
ingin Anda ajukan pada pengunjung situs Anda. Juga pilih jumlah pertanyaan "NEXT PAGE".
yang ingin Anda ajukan (2 – 10 pertanyaan). Klik tombol "NEXT PAGE"
untuk maju ke step 3.

co
Gambar 8.10: Tampilan Step 5 – Memasukkan alamat URL dan nama situs

b.
Gambar 8.7: Tampilan step 2 – Menentukan jumlah pertanyaan

6. Isi kolom-kolom pertanyaan yang ada dengan menimpa pertanyaan-


pertanyaan default. Setelah selesai, klik "NEXT PAGE".

lu
BC
OK
Gambar 8.11: Tampilan step 6 – Memilih warna polling
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".
7. Sekarang isi kolom pada step 4 dengan Judul Polling Anda dan klik "NEXT
PAGE" untuk maju ke step berikutnya.
w.

Gambar 8.9: Tampilan Step 4 – Memasukkan judul polling


ww

Gambar 8.12: Tampilan step 7 – Memilih kategori situs

OKB Club Indonesia – http://www.okbclub.com 297 OKB Club Indonesia – http://www.okbclub.com 298
m
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

co
menjelaskan poll Anda. Klik tombol "NEXT PAGE".
11. Setelah muncul tampilan step 8, pilih tipe polling yang Anda inginkan.
Misalnya tipe Radio Button, CheckBoxes, Dropdown Box Vertical atau
Dropdown Box Horisontal.

b.
lu
Gambar 8.14: Tampilan polling yang sudah jadi beserta kode html-nya

Jika Anda ingin melihat tampilan polling Anda, saat masih berada di step

BC
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.
OK
Gambar 8.13: Tampilan step 8 – Memilih tipe polling
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
w.

langsung dikirim kealamat e-mail Anda.


13. SELESAI.

Gambar 8.15: Contoh tampilan hasil polling


ww

OKB Club Indonesia – http://www.okbclub.com 299 OKB Club Indonesia – http://www.okbclub.com 300
8.7 TRIK MEMILIKI ALAMAT DOMAIN GRATIS! PERHATIAN! Bagian heksadesimal dari kode diatas (dimulai

m
dari "%69" dan diakhiri pada "%3B") HARUS DIKETIK PADA
Anda ingin memiliki homepage sendiri dengan alamat domain Anda sendiri SATU BARIS, tidak seperti yang terlihat pada contoh diatas.
secara gratis? Ingin memiliki alamat URL "http://nama_anda.com"
gratis? Ok. Inilah RAHASIANYA :
Keempat: Buatlah file index.htm dengan isi META

co
redirection (lihat lagi sub bab 8.5) yang diarahkan ke file
Pertama: Buatlah homepage off-line yang bisa diakses dari "index_.htm". Isilah halaman ini dengan penjelasan singkat
harddisk (lihat BAB 3) dengan nama file induk index_.htm. mengenai homepage Anda dan sertakan link ke file
Perhatikan! Kita menggunakan nama file "index_.htm", "index_.htm". Khusus pada halaman ini Anda jangan
bukan "index.htm". Karena itu, semua link untuk kembali ke

b.
menyisipkan script pelenyap iklan diatas, yaitu untuk
halaman utama web Anda harus diarahkan ke file menghindari tuduhan berbuat curang. Dengan adanya rutin
index_.htm. Anda akan mengetahui alasannya pada step redirection ini, maka 3 detik setelah halaman default (file
keempat trik ini. index.htm) yang berisi frame iklan dibuka, ia akan memaksa

lu
Kedua: Mendaftarlah ke salah satu situs penyedia free webspace browser untuk melompat ke halaman utama situs web Anda
TANPA IKLAN (lihat lagi BAB 4). Penulis sarankan pada yang bernama "index_.htm" dalam keadaan frame iklan
Anda untuk mendaftar ke www.portland.co.uk. Situs ini sudah lenyap! Kalau mau, Anda bisa memperkecil waktu
menyediakan spasi gratis 15 MB tanpa iklan dan mengijinkan refresh-nya agar proses redirection-nya menjadi lebih cepat.

BC
upload script CGI. Perhatikan contoh dibawah ini :
Ketiga: Inilah saatnya melakukan sedikit trik. Secara default, <head>
homepage Anda yang aslinya tanpa iklan nantinya akan <title>Akses Internet Dapat UANG !!!</title>
<meta name="Author" content="OKB Club Indonesia">
memiliki iklan dalam bentuk frame dibagian bawah layar <meta name="Description" content="Dapatkan Penghasilan
Tambahan Hingga Ratusan US$ Dollar Perbulan Dari Internet!">
setelah diakses melalui nama domain yang baru. Untuk itu, mari <meta name="KeyWords" content="uang,gratis,uang-
kita lenyapkan iklan tersebut. Caranya, sisipkan script gratis,spedia,epilot,themail,bonanza,email,search
OK
engine,iklan,online,free money,money cheats,tips & trick">
javascript dibawah ini diatas tag <HTML> pada file <META HTTP-EQUIV="Refresh" CONTENT="3; URL=index_.htm">
</head>
index_.htm. <HTML>
...... Isi halaman pembuka ..........!
...... Termasuk link ke file index_.htm
<Script Language='Javascript'> </HTML>
<!--
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 PERHATIAN! Teknik ini akan secara otomatis menghilangkan
w.

%63%61%74%69%6F%6E%3B'));
//-->
efek cloacking nama domain sehingga alamat url yang tampak
</Script> dikolom "Address" browser akan mengikuti alamat aslinya.
<html>
Isi halaman web Anda ............ Untuk mendapatkan efek cloacking ke url Anda sendiri, Anda
</html
bisa melakukan redirection ulang ke situs Anda di CJB.Net
atau yang lain dengan waktu tunda "0" detik.
ww

OKB Club Indonesia – http://www.okbclub.com 301 OKB Club Indonesia – http://www.okbclub.com 302
Kelima: Upload file-file html Anda ke server (lihat BAB 5). hebat karena memiliki alamat domain sendiri, yang bahkan

m
Keenam: Mendaftarlah ke NameDemo (http://www.namedemo.com) dan
tanpa harus membayar sepeserpun!!!
gunakan alamat homepage Anda di Portland atau yang lain sebagai alamat
tujuan URL-nya. Setelah alamat domain Anda aktif, Anda bisa login ke NameDemo

co
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

b.
berikut :

http://ita.cantik.com
http://aku.cantik.com

lu
http://homepage.cantik.com

Atau yang lain hingga 8 buah nama sub domain. Lihat gambar
8.17 dibawah ini:

BC
Gambar 8.16: NameDemo, penyedia URL redirection unik!

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,
OK
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://uang-
gratis.com". Selain itu, penulis juga mendapat alamat email
w.

"webmaster@uang-gratis.com". Semuanya itu gratis! NameDemo


memerlukan waktu 24 jam sampai 72 jam untuk mengaktifkan alamat domain
baru kita.
Gambar 8.17: Anda bisa membuat hingga 8 nama sub domain sendiri
Ketujuh: SELESAI! Cobalah akses alamat domain Anda sendiri
besok atau lusa. Saat dimana Anda akan merasa bangga dan
ww

OKB Club Indonesia – http://www.okbclub.com 303 OKB Club Indonesia – http://www.okbclub.com 304
m
CATATAN:
1. Untuk melihat contoh kongkrit hasil trik pada sub bab ini
8.8 MEMANFAATKAN SITUS WEB UNTUK
cobalah akses alamat "http://www.uang-gratis.com" yang MENCARI UANG!
semuanya diperoleh dengan cara gratis!

co
Jangan dikira main internet hanya menghabiskan uang saja, tetapi sebaliknya
2. Alamat domain ini hanya berlaku selama 1 tahun. Setelah justru Anda bisa menghasilkan uang. Mungkin sulit untuk dipercaya, tetapi
begitulah kenyataannya. Internet adalah dunia bebas tanpa batas. Termasuk untuk
habis masa berlakunya, Anda harus memperpanjangnya
urusan logika. Dulu, orang bisa menghabiskan uang sekarung untuk surfing di
dengan cepat-cepat mendaftar ulang begitu masa berlaku internet. Sekarang, orang malah bisa meraup uang. Bukan hanya uang untuk
Anda habis, atau Anda bisa memperpanjangnya dengan membayar akses internet ke ISP dan pulsa telepon ke telkom akan tetapi jauh

b.
membayar biaya registrasi sekitar US$ 15. Jika Jika Anda lebih banyak dari itu. Dengan trik-trik tertentu, Anda akan dapat memperoleh
membayar biaya registrasi, frame iklan akan secara otomatis ratusan bahkan ribuan dolar setiap bulannya tanpa harus mengeluarkan biaya
dihilangkan dari homepage Anda dan Anda tidak perlu trik ini apapun!
lagi ! Seperti yang dialami Budiman Salim, warga asal sibolga, Sumatera Utara. Berkat

lu
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!
Budiman mengaku, dirinya sudah bergerilya dialam cyber khusus cari dolar sejak

BC
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. Ditunggu-
tunggu, duitnya ndak muncul-muncul. Ya harus hati-hati dan pinter memilih
program," paparnya.
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,
OK
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
w.

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
ww

10% dari apa yang direct referall dan indirect referall dapatkan (orang-orang

OKB Club Indonesia – http://www.okbclub.com 305 OKB Club Indonesia – http://www.okbclub.com 306
yang Anda ajak bergabung) tanpa mengurangi penghasilan mereka! Sementara itu Penjelasan lebih rinci mengenai cara kerja semua program 'pencetak' uang gratis

m
dari PaidForSurf Anda akan dibayar US$ 0.25 untuk setiap jam on-line. dari internet diatas bisa dilihat di situs "http://uang.port5.com",
"http://duitgratis.cjb.net", "http://uang-gratis.com"
Asumsi pembayaran yang bisa Anda dapat dengan jumlah direct referall 5 orang,
atau dari homepage "Uang-Gratis" versi off-line yang ada didalam disket yang
dan tiap direct referall Anda merekomendasikan lagi ke 5 teman mereka lainnya
disertakan dalam buku ini (gambar 8.18).
sampai 4 level, dan tiap orang on-line selama 30 jam sebulan adalah US$ 474

co
perbulan (atau Rp 4.266.000,- dengan kurs Rp. 9000,-/dolar). Penjelasan lebih Pada semua layanan yang biasa disebut dengan "Get Paid to Surf" ini, pendapatan
detil dan pendaftaran gratis bisa dilihat di http://uangonline.cjb.net. 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

b.
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

lu
menarik.
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!

BC
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 !
Untuk memudahkan Anda mencari referal/downline, didalam disket yang
OK
disertakan dalam buku ini terdapat contoh homepage versi off-line dari
Gambar 8.18: Tampilan Situs Uang-Gratis. Versi offline-nya ada didalam disket homepage "Uang-Gratis" (http://www.uang-gratis.da.ru). Setelah Anda
terdaftar sebagai member dari seluruh program "Get Paid to Surf" diatas melalui
Selain uang untuk on-line, Anda juga bisa mendapat bayaran hingga US$ 148.5 situs "Uang-Gratis", Anda bisa menggunakan contoh homepage ini untuk
perbulan dari SPEDIA (http://uangsurfing.cjb.net) saat melakukan mendapatkan referal bagi Anda sendiri. Berikut adalah urutan cara
penggunaannya :
surfing di internet. Lalu, saat menggunakan fasilitas search engine, Anda akan
mendapat bayaran hingga US$ 162 perbulan dari ePilot 1. Mendaftarlah pada semua program pencetak uang dari internet diatas
w.

(http://uangpilot.cjb.net) dan saat menggunakan e-mail untuk melalui situs http://duitgratis.cjb.net. Semuanya gratis,
membaca atau mengirim e-mail, Anda akan mendapat bayaran dari TheMail kecuali bonanza.
(http://uangmail.cjb.net) hingga US$ 812 perbulan! Selain itu
2. Setelah selesai mendaftar, Anda akan memiliki kode referal sendiri yang
semua, untuk memasang iklanpun Anda akan dapat bayaran hingga lebih dari Rp. secara lengkap akan tampak seperti dibawah ini:
25.000.000,- dari Bonanza (lihat http://uangiklan.cjb.net atau lihat
ww

lagi sub bab 7.6).

OKB Club Indonesia – http://www.okbclub.com 307 OKB Club Indonesia – http://www.okbclub.com 308
CashSurfer: misalnya "subarnas". Setelah itu klik tombol "Replace All". Lakukan ini

m
http://www.cashsurfers.com/signup.asp?referrer=kode_anda pada semua file yang berisi kode referal penulis dan ganti dengan kode
referal Anda sendiri.
Spedia:

co
http://www.spedia.net/cgi-
bin/tz.cgi?run=show_svc&fl=8&vid=kode_anda

RefRewards:
http://www.refrewards.com/?ref=kode_anda

b.
Amazing Solutions:
http://www.amazingsolution.com/?refid=kode_Anda

lu
Klik Duit:
http://www.klikduit.com/join.php3?referensi=kode_anda

SND Focus:

BC
http://www.sndfocus.biz/go.cgi/kode_anda/signup.html Gambar 8.19: Penggantian kode referal lebih mudah jika dilakukan dengan
wordpad.
Dimana kode_anda adalah kode referal yang didapat setelah Anda
mendaftar pada masing-masing program. Biasanya menggunakan nama 4. Edit bagian-bagian lain yang ingin Anda ganti sendiri, misalnya alamat e-
member, kecuali Spedia dan TheMail yang menggunakan kode angka. mail-nya, logonya, counter-nya atau guestbook-nya. Setelah selesai, upload
homepage tersebut ke web server Anda sendiri.
3. Gantilah isi semua link yang berlabel "DAFTAR DISINI" atau "KLIK
DISINI Untuk Daftar" pada homepage off-line "Uang-Gratis" yang ada 5. Iklankan homepage baru pencari referal tersebut keseluruh dunia (lihat
OK
didalam disket dengan link-link pada langkah kedua diatas sesuai dengan kembali BAB 7).
masing-masing programnya. Untuk dapat mengerjakan langkah nomor tiga
ini, Anda harus sudah mendaftar pada semua program yang ada pada langkah 6. SELESAI.
nomor satu. Penggantian kode referal sebaiknya dilakukan menggunakan 7. Tunggulah beberapa minggu dan Anda akan kaget sendiri melihat hasilnya !
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 8.9 MEMPROTEKSI FILE HTML
w.

homepage "Uang-Gratis" offline berada dan buka salah satu file yang ingin
dirubah kode referal-nya. Setelah file terbuka, tekan tombol [Ctrl]+[H] Apabila menggunakan Internet Explorer, isi file-file html yang membentuk
untuk memunculkan fungsi "Replace". Isi kolom "Find what:" dengan kode sebuah situs web dengan mudah bisa dilihat oleh pengunjung situs dengan meng-
yang ingin dirubah. Misalnya jika file yang dibuka adalah epilot.htm, klik kanan tombol mouse ditengah browser dan memilih "View Source".
maka kolom ini harus diisi dengan "OKBClub" (kode referal penulis). Gambar-gambar yang ada dihalaman web juga dengan mudah bisa di copy dengan
ww

Kemudian isi kolom "Replace with:" dengan kode referal Anda sendiri,

OKB Club Indonesia – http://www.okbclub.com 309 OKB Club Indonesia – http://www.okbclub.com 310
klik kanan tombol mouse dan memilih "Save Picture As …". Akibatnya, tidak Sisipkan script diatas pada file html Anda dibawah tag <BODY>. Jika kemudian

m
ada rahasia yang bisa Anda sembunyikan dari file-file HTML Anda. file html yang telah disisipi script tersebut ditampilkan dilayar browser, maka
sebuah pesan peringatan akan muncul apabila ada pengunjung situs yang iseng
Sub bab ini akan membantu Anda untuk sebisa mungkin memperkecil upaya
mengklik kanan mouse mereka!
pembajakan karya-karya berharga dari situs web Anda.

co
8.9.1 Mematikan Fungsi Klik-Kanan Mouse
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

b.
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 klik-
kanan mouse mereka saat berkunjung ke situs web kita.

lu
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
Gambar 8.20: Pesan akan muncul jika ada user mengklik kanan tombol mouse!
script-nya :

BC
<SCRIPT language=javascript> CATATAN :
<!--
var message="Maaf, halaman ini DIPROTEKSI! Anda Teknik memblokir klik-kanan mouse ini sudah cukup ampuh untuk
TIDAK BOLEH mengambil APAPUN yang ada di situs ini membuat pengunjung tidak bisa membajak gambar atau
TANPA IJIN !!!";
function click(e) {
background, tidak bisa menyalin teks, menyimpan target, membuka
if (document.all) { link menggunakan "Open Link in New Window" atau meng-"Copy
OK
if (event.button==2||event.button==3) { Shortcut". Akan tetapi tidak mampu mencegah user yang ingin
alert(message); melihat source code html melalui menu "View" Æ "Source". Untuk
return false;
}}
mengatasi ini, Anda harus melakukan enkripsi file html seperti yang
if (document.layers) { akan dijelaskan pada sub bab 8.9.2 dibawah.
if (e.which == 3) {
alert(message);
return false;
}}} 8.9.2 Meng-enkripsi File Html
w.

if (document.layers) {
document.captureEvents(Event.MOUSEDOWN); Anda memiliki situs web bagus dengan banyak javascript canggih didalamnya?
} Well, tidak ada seorangpun yang bisa mencegah dicurinya kode-kode tersebut
document.onmousedown=click;
dari halaman web Anda. Siapapun bisa mengambilnya dengan mudah dan
// -->
</SCRIPT> menggunakannya untuk homepage mereka sendiri. Apalagi rumor di internet
ww

OKB Club Indonesia – http://www.okbclub.com 311 OKB Club Indonesia – http://www.okbclub.com 312
mengatakan bahwa saat ini di Indonesia tidak ada "copyright", yang ada justru

m
malah "right to copy".
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

co
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 men-
download programnya, jangan lupa download juga cracker-nya. Anda bisa
mencarinya di http://astalavista.box.sk dengan memasukkan kata kunci "Psyral
Phobia".

b.
Berikut adalah contoh cara proteksi pada file index.htm langkah-demi
langkah dengan asumsi Anda telah menginstal Psyral Phobia Pro dan cracker-
nya kedalam harddisk :

lu
1. Siapkan file-file html yang ingin diproteksi. Buat backup file seperlunya
karena tidak ada cara untuk mengembalikannya setelah diproteksi. Gambar 8.21: Proteksi file html dengan Psyral Phobia Pro
2. Pada contoh ini, penulis menggunakan file html asli seperti dibawah ini:
6. Pada saat ini, proses enkripsinya telah selesai. Akan tetapi jika hasilnya

BC
<HTML> ditampilkan dilayar, disana akan ada tambahan teks bertuliskan
<HEAD> "UNREGISTERED ENCODING BY USER" yang sangat mengganggu
<TITLE>Halaman ini diproteksi !</title>
</HEAD> (gambar 8.22). Untuk menghilangkannya, gunakan program "Psyral Phobia
Website Corrector".
<BODY>
<P ALIGN="center">&nbsp;</P>
<P ALIGN="center"><B>
<FONT SIZE="5">
Halaman ini diproteksi !
OK
<BR>
Anda tidak akan bisa melihat source code aslinya !!!
</FONT>
</B>
</P>
</BODY>
</HTML>

3. Jalankan program Psyral Phobia Pro.


w.

4. 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".
5. Klik tombol "OK" pada tampilan "Done processing file" yang muncul
setelah proses enkripsi selesai. Gambar 8.22: Tampilan file html setelah di enkripsi dengan Psyral Phobia (tanpa
Website Corrector)
ww

OKB Club Indonesia – http://www.okbclub.com 313 OKB Club Indonesia – http://www.okbclub.com 314
7. Sekarang, jalankan program Website Corrector untuk menghilangkan teks !4td3uHRU BMRUK UKUH TMCU IQJMNUB CGADSQ SGRQ UCJMH6U

m
!!!4/pghb34/t34/f34/tgrW34/nbij3");
tambahan pada file asli. Program ini sudah ada didalam program cracker return 0;}
untuk Psyral Phobia Pro. Setelah dijalankan, dobel klik pada kolom //--></SCRIPT>
<SCRIPT LANGUAGE="JavaScript"><!--
dibawah label "Input Filename" dan cari file yang akan dikoreski. Setelah ky="";function d(msg){ky=ky+codeIt(key,msg);}var key =
itu, klik juga kolom dibawah label "Output Filename" dan pilih file yang "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw

co
xyz<>]#\"";function codeIt (mC, eS) {var wTG, mcH =
sama. Akan tetapi sekarang file outputnya harus Anda ganti sendiri dengan mC.length / 2, nS = "", dv;for (var x = 0; x < eS.length;
nama yang lain. Pada contoh ini, file asli dengan tambahan teks sudah x++) {wTG = mC.indexOf(eS.charAt(x));if (wTG > mcH) {dv =
penulis ganti dengan nama "index_.htm". Sehingga hasil outputnya bisa wTG - mcH;nS = nS + mC.charAt(33 - dv);}else {if
(key.indexOf(eS.charAt(x)) < 0) {nS = nS + eS.charAt(x)}else
langsung diberi nama "index.htm" (lihat gambar 8.23). {dv = mcH - wTG;nS = nS + mC.charAt(33 + dv);}}}return nS;}
//--></SCRIPT><SCRIPT LANGUAGE="JavaScript"><!--
Decode();document.write(ky);//--></SCRIPT>

b.
TIPS :
Untuk melakukan proteksi source code html secara total, sisipkan
script pencegah klik kanan sebelum melakukan enkripsi dengan

lu
Psyral Phobia! Maka bisa dipastikan bahwa rata-rata pengunjung
akan dibuat kecewa jika ingin membajak isi dan teknologi yang
ada di situs web Anda!

BC
8.10 MENYISIPKAN JAM/TANGGAL SAAT INI &
TANGGAL UPDATE
Gambar 8.23: Proses koreksi kode html dengan Psyral Phobia Website Corrector
Untuk membuat tampilan situs web menjadi lebih profesional, kita bisa
menambahkan tanggal hari ini (beserta jamnya) dan tanggal update file html
OK
8. Klik tombol "OK" setelah proses koreksi selesai. Sekarang jika file
secara otomatis sehingga kita tidak harus merubah tanggal update secara manual
index.htm dibuka dengan notepad, kita akan melihat tampilan source code
setiap kali kita mengedit file html kita. Berikut adalah script yang bisa Anda
yang sudah dienkripsi seperti dibawah ini. Anda bisa memahaminya?
gunakan untuk menampilkan tanggal dan jam. Sisipkan script ini dimana saja,
misalnya diatas tag </HEAD>.
<HTML>
<HEAD>
<TITLE>Halaman ini diproteksi !</TITLE> <SCRIPT language="JavaScript" type="text/javascript">
<META HTTP-EQUIV="Expires" CONTENT="Tue, 16 Jan 1990 <!-- Script TANGGAL dan JAM Hari ini
21:29:02 GMT">
w.

var day="";
</HEAD> var month="";
var ampm="";
<BODY> var ampmhour="";
<SCRIPT LANGUAGE="JavaScript"><!-- var myweekday="";
function Decode() { var year="";
d("4nbij34nqur34bmbjq3nUJUIUH MHM RMFDGBQKCM mydate = new Date();
!4/BMBJQ34/nqur34tgrW34f ujmoh=0SQHBQD03&HTCF;4/f34f myday = mydate.getDay();
ujmoh=0SQHBQD034t34pghb cmVq=0z03nUJUIUH MHM RMFDGBQKCM
ww

mymonth = mydate.getMonth();
myweekday= mydate.getDate();

OKB Club Indonesia – http://www.okbclub.com 315 OKB Club Indonesia – http://www.okbclub.com 316
weekday= myweekday; document.write(year + " - " + ampmhour + "" + myminutes + "

m
myyear= mydate.getYear(); WIB" + "<\/font>");
year = myyear; </SCRIPT>
myhours = mydate.getHours();
ampmhour = (myhours > 24) ? myhours - 12 : myhours;
ampm = (myhours >= 12) ? ' PM' : ' AM';
Dan dibawah ini adalah script untuk menampilkan tanggal update file. Letakkan
mytime = mydate.getMinutes(); dilokasi dimana Anda ingin menampilkan tanggal update-nya :

co
myminutes = ((mytime < 10) ? ':0' : ':') + mytime;
if(myday == 0)
day = " Minggu, "; <CENTER><FONT SIZE="2"><U>Update terakhir</U> :<BR>
else if(myday == 1) <SCRIPT language="JavaScript" type="text/javascript">
day = " Senin, "; <!--
else if(myday == 2) document.write(document.lastModified)
day = " Selasa, "; // -->
else if(myday == 3) </SCRIPT>
day = " Rabu, ";

b.
</FONT></CENTER>
else if(myday == 4)
day = " Kamis, ";
else if(myday == 5)
day = " Jum'at, ";
else if(myday == 6)
day = " Sabtu, ";

lu
if(mymonth == 0) {
month = "Januari ";}
else if(mymonth ==1)
month = "Februari ";
else if(mymonth ==2)
month = "Maret "; Gambar 8.24: Tampilan tanggal update terakhir
else if(mymonth ==3)

BC
month = "April ";
else if(mymonth ==4)
month = "Mei ";
else if(mymonth ==5)
month = "Juni "; 8.11 TRIK MENDAPATKAN UNLIMITED WEB
else if(mymonth ==6)
month = "Juli "; SPACE!
else if(mymonth ==7)
month = "Agustus ";
else if(mymonth ==8) Anda memerlukan spasi gratis tidak terbatas? Well, cara termudah yang bisa
month = "September "; dilakukan adalah mencari penyedia layanan unlimited free webspace melalui
OK
else if(mymonth ==9)
month = "Oktober "; search engine di internet. Atau lihatlah kembali review mengenai beberapa free
else if(mymonth ==10) webspace yang menyediakan unlimited webspace pada Langkah ke-4 buku ini.
month = "Nopember "; Akan tetapi jika Anda tidak puas dengan penyedia layanan yang Anda temui,
else if(mymonth ==11)
month = "Desember "; Anda bisa menggunakan layanan free webspace apa saja yang Anda sukai. Dan
// End --> mendaftar ke penyedia layanan yang sama berkali-kali.
</SCRIPT>
Sebagai contoh, Anda menginginkan spasi 500 MB untuk homepage Anda. Maka
Setelah itu sisipkan script dibawah ini dilokasi dimana Anda ingin menampilkan Anda bisa mendaftar ke Angelfire atau Tripod 10 kali (Anda akan mendapat 50
w.

kalender dan jamnya. Hasil script ini adalah seperti tampak pada gambar 8.18 MB setiap mendaftar). Atau, Anda bisa juga mendaftar di di FortuneCity 5 kali
sebelah kanan atas : (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
<SCRIPT type="text/javascript"> langsung di penyedia free webspace yang memberikan langsung 500 MB atau
ww

document.write("<b><font size=2 color=blue


face='helvetica,arial'>" + day + myweekday + " " + month) bahkan yang memberikan unlimited free webspace sekaligus, maka file-file Anda

OKB Club Indonesia – http://www.okbclub.com 317 OKB Club Indonesia – http://www.okbclub.com 318
akan lenyap semuanya jika sewaktu-waktu account Anda tidak bisa digunakan Dengan baris-baris html seperti diatas, musik midi akan segera dimainkan begitu

m
lagi! homepage dibuka. Angka "–1" pada atribut LOOP akan membuat browser terus-
Yang perlu Anda perhatikan adalah bahwa Anda akan memerlukan jumlah alamat menerus memainkan musiknya (loop tak terbatas).
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

co
ini karena setiap penyedia free webspace hanya mengijinkan satu alamat e-mail 8.13 JANGAN KHAWATIR MEMAKAI WEB
untuk satu account. AUTHORING TOOL VERSI SHAREWARE!
Setelah mendaftar 5 kali di free webspace, Anda bisa mulai mendistribusikan
Tidak perlu basa-basi, penyebab utama mengapa Anda membeli, membaca dan
file-file Anda ke masing-masing account dan membuat link filenya dengan salah
mempelajari buku ini, sebagian besar mungkin adalah karena Anda tertarik
satu account yang Anda jadikan homepage induk.
dengan kata kunci yang satu ini: GRATIS! Ya! Semua orang akan tertarik dengan

b.
Dengan trik ini, tidak ada lagi keluhan "Wah bagus-sih bagus, tanpa iklan lagi. ‘magic word’ ini. Jadi, tidak perlu malu-malu untuk memiliki homepage gratis,
Tapi sayang, spasinya cuma 15 MB !". Ya, secara teori, asal Anda mau, Anda email gratis, uang gratis dan sekarang, program gratis!
bisa mendapatkan spasi tak terbatas dari penyedia layanan free webspace
Jika kita telusuri, di internet ada banyak sekali software dan tool yang bisa
manapun yang Anda sukai !!!
digunakan untuk mempermudah pembuatan web, mempercantik tampilannya atau

lu
bahkan menjaga keamanannya. Program-program yang biasa disebut web
authoring tool dan bisa di download gratis dari internet ini umumnya adalah
8.12 MENYAMBUT PENGUNJUNG DENGAN versi shareware atau versi limited evaluation, meski banyak juga kita temui
MUSIK versi freeware-nya.

BC
Mungkin Anda sering mengeluh saat menggunakan program gratisan semacam ini
Untuk menambah daya tarik situs web pada para pengunjung yang menggunakan
karena seringkali programnya tidak berfungsi sepenuhnya sebelum diregistrasi,
piranti multimedia saat melakukan surfing, kita bisa menyisipkan musik midi
atau muncul pesan-pesan mengganggu yang tidak Anda inginkan.
kedalam situs web. Penyisipan musik (midi) dapat dilakukan dengan tag
<BGSOUND> yang diletakkan diantara tag <HEAD> dan </HEAD>. Perhatikan Jika kita telusuri lebih jauh lagi, fakta juga menjunjukkan bahwa internet mau
contoh penggunaannya dibawah ini : 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
OK
<HEAD>
<TITLE>JUDUL HOMEPAGE</TITLE> "http://www.warezslutz.com" yang jadi rujukan para mania cracking
... di Eropa. Jika mau, Anda juga bisa dengan mudah mencari program cracker
<BGSOUND SRC="namafile.mid" LOOP="-1">
</HEAD> dengan search engine khusus yang memang disediakan untuk itu. Alamatnya
adalah "http://astalavista.box.sk". Hampir semua program
<BODY>
... isi homepage Anda ... shareware maupun limited evaluation bisa ditemukan cracker-nya dengan
</BODY> perantara search engine ini.
Karena itu mulai sekarang Anda tidak perlu risau jika men-download sebuah
w.

Catat bahwa sebelumnya Anda harus sudah memiliki file musik yang ingin program yang ternyata adalah versi shareware. Anda tinggal mengarahkan
dimainkan. File-file semacam ini banyak terdapat di internet dan bisa di browser Anda ke astalavista, mengetikkan nama programnya, dan beberapa detik
download gratis. Cobalah kunjungi salah satu situs search engine dan masukkan kemudian program cracker-nya sudah nongol didepan mata, siap untuk di
kata "musik", "midi" atau "midi files", maka sebentar kemudian Anda akan download dengan sekali klik!!!
dihadapkan pada ratusan link dimana Anda bisa men-download musik-musik
midi gratis.
ww

OKB Club Indonesia – http://www.okbclub.com 319 OKB Club Indonesia – http://www.okbclub.com 320
Sebagai contoh, program Psyral Phobia Pro yang kita gunakan untuk

m
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.

co
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!!
Jadi, sekali lagi Anda tidak perlu ragu-ragu untuk men-download dan

b.
menggunakan software gratisan!

lu
BC
OK
Gambar 8.25: Hasil pencarian cracker Psyral Phobia dari astalavista.box.sk
w.


ww

OKB Club Indonesia – http://www.okbclub.com 321