P. 1
Cara Membuat Website Sendiri

Cara Membuat Website Sendiri

|Views: 2,188|Likes:
Published by muhammad aceh

More info:

Published by: muhammad aceh on Mar 05, 2010
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as PDF, TXT or read online from Scribd
See more
See less

01/30/2013

pdf

text

original

WEBSITE SENDIRI

dengan modal

ww

w.

OK

100% GRATIS !

BC

lu

CARA MEMBUAT

b.

co

LET'S GO TO LEARN

m
OKB Club Indonesia – http://www.okbclub.com

ii

Seiring dengan perkembangan jaman di era cyberspace ini, memiliki situs web selalu memberi banyak keuntungan. Jika Anda bertanya, "Mengapa saya harus memiliki homepage?", maka apapun profesi Anda, pasti selalu ada jawabannya.

OK
iii

Buku ini disusun berdasarkan pengalaman penulis dalam membuat situs web gratis di internet. Anda akan dituntun langkah demi langkah dalam pembuatan situs web dari mulai cara akses internet-nya, mendaftar ke penyedia e-mail gratis, mempelajari html untuk membuat homepage off-line, mendaftar ke web server dalam maupun luar negeri, meng-upload situs web yang sudah jadi ke web server sampai dengan tata cara promosi dan trik-triknya. Semua materi dan software yang digunakan dalam pembuatan homepage ini semuanya bisa diperoleh gratis dari internet. Pada langkah PERTAMA, Anda akan mempelajari bagamana cara akses ke internet menggunakan ISP-Gratis beserta setup software dan hardware-nya. Walaupun sebenarnya tidak bisa dikatakan benar-benar gratis, akan tetapi penulis memasukkannya dalam kelompok ini karena untuk bisa mengakses internet, Anda tidak perlu mendaftar ke ISP (Internet Service Provider), tidak perlu membayar uang iuran bulanan dan tidak perlu membayar kelebihan jam akses.

w.

ww

Setelah Anda dapat terhubung ke internet, pada langkah KEDUA diajarkan bagaimana caranya mendapatkan e-mail gratis berbasis web dan POP3 serta cara OKB Club Indonesia – http://www.okbclub.com

BC

lu

Sementara itu, beberapa orang yang mengetahui cara membuat halaman web tidak cukup mengerti bagaimana caranya supaya situs web mereka bisa on-line dan bisa diakses dari seluruh dunia. Banyak sekali materi bahasan di majalah dan buku-buku komputer yang membuat banyak orang menyadari bahwa mereka bisa mendesain situs web sendiri menggunakan Ms. Word 97/2000 atau Ms. FrontPage 98/2000. Akan tetapi setelah desain web mereka jadi, mereka tidak tahu apa yang harus dilakukan selanjutnya. Untuk itulah buku ini ditulis!

b.

Sayangnya, hanya sedikit diantara kita yang bisa membuat homepage sendiri. Padahal untuk menyuruh orang lain membuatkan homepage untuk kita, biayanya tidaklah sedikit. Kita harus membayar untuk desain web-nya, membayar untuk sewa server-nya dan akhirnya membayar untuk mendapatkan nama domain-nya.

Pada langkah KETIGA, Anda akan mulai mempelajari html, bahasa inti yang dipakai untuk menulis halaman-halaman web. Setelah memahami langkah ketiga ini, Anda akan memiliki kemampuan untuk membuat homepage off-line. Yaitu situs homepage yang hanya bisa diakses dari komputer karena file-file yang membentuk homepage tersebut masih berada didalam harddisk. Pada langkah KEEMPAT, Anda akan mempelajari bagaimana cara mendaftar ke situs-situs penyedia layanan spasi web gratis (free webspace) baik dari dalam maupun luar negeri. Bagaimana memilihnya dan bagaimana cara setup-nya. Jika kebetulan Anda memiliki alamat e-mail di Yahoo!Mail, maka sebetulnya Anda juga memiliki web server siap pakai sebesar 15MB. Pada langkah keempat ini juga diajarkan bagaimana caranya memanfaatkan web server ini. Setelah Anda terdaftar pada salah satu web server gratis, pada langkah KELIMA akan dibahas cara upload file dari harddisk ke web server agar filefile html Anda bisa diakses oleh semua orang dari seluruh dunia. Pembahasan pada langkah kelima ini meliputi tata cara upload file menggunakan program client FTP (File Transfer Protokol), browser, file manager dan Ms. FrontPage 2000. Setelah melaksanakan langkah kelima ini, Anda akan langsung memiliki homepage on-line sendiri yang bisa diakses dari seluruh dunia oleh siapapun dan kapanpun! Untuk membuat tampilan situs web menjadi lebih profesional, pada langkah KEENAM akan dibahas mengenai tata cara mendapatkan counter pengunjung dan buku tamu (Guest Book) gratis dari internet, juga tentang tata cara penyisipan kode-kodenya kedalam halaman utama situs web kita. Setelah memiliki homepage sendiri dengan tampilan dan isi yang sangat bagus, tentu tidak ada gunanya jika tidak ada yang mengetahuinya! Karena itu pada langkah KETUJUH, akan dibahas mengenai bagaimana cara mempromosikan situs web baru kita keseluruh dunia, baik melalui pemasangan iklan gratis di internet, melalui banner exchange, melalui portal lokal maupun melalui pendaftaran ke situs-situs search engine internasional seperti Alta Vista, HotBot, Excite, WebCrawler, InfoSeek, Lycos dan lain sebagainya. Selain ketujuh langkah wajib diatas, penulis menambahkan satu langkah terakhir sebagai langkah BONUS, yaitu TIP & TRIK untuk memaksimalkan keuntungan dari penggunaan homepage pribadi dan internet. Didalamnya OKB Club Indonesia – http://www.okbclub.com

co

Setahun atau dua tahun yang lalu, memiliki alamat e-mail sudah bisa dibanggakan. Akan tetapi kini gengsi itu sudah bergeser. Mencantumkan alamat situs pribadi di kartu nama adalah kebanggaan baru.

m

KATA PENGANTAR

setup agar Anda bisa membukanya baik melalui browser maupun melalui Outlook Express. Alamat e-mail adalah satu-satunya mata uang yang sah di internet untuk mendapatkan segala hal yang berbau gratisan. Anda akan sangat memerlukannya pada langkah-langkah selanjutnya, bukan hanya sekedar untuk gengsi!

iv

Selamat membaca! Selamat mendesain homepage Anda sendiri dan selamat menikmati hasilnya!

lu

b.

Akhirnya, pada kesempatan ini penulis ingin mengucapkan banyak terima kasih kepada pimpinan PT. Elex Media Komputindo beserta seluruh staf yang telah memungkinkan bisa terwujudnya buku ini. Juga ucapan terima kasih penulis sampaikan kepada istri tercinta yang telah merelakan berkali-kali pulsa telepon di rumah membengkak tidak karuan!

KATA PENGANTAR ..................................................................... v DAFTAR ISI................................................................................................................. vii PENDAHULUAN: Punya Homepage Sendiri? Untuk Apa? xv Seberapa Besar Internet Sekarang ? ................................................. xvii Seberapa Dinamis Internet ? ............................................................. xviii BAB 1 - LANGKAH KE-1: AKSES INTERNET MENGGUNAKAN ISP GRATIS! . 1 3 4 5 6 8 10 11 12 14 16

Yogyakarta, OKB Club Indonesia

OK w.

1.1 Koneksi Ke ISP-G TelkomNet Instan .................................. 1.2 Persyaratan Teknis ....................................................................... 1.3 Spesifikasi Komputer ................................................................. 1.4 Instalasi Dial-Up Networking Win 95/98 ............................. 1.5 Membuat Koneksi Baru Ke TelkomNet ............................... 1.6 Instalasi Protokol TCP/IP ........................................................ 1.7 Setting DNS .................................................................................. 1.8 Setting Proxy ................................................................................. 1.9 Memulai Koneksi Ke TelkomNet ........................................... 1.10 Anda Perlu Bantuan? .................................................................. BAB 2 – LANGKAH KE-2:

BC

MENDAPATKAN E-MAIL GRATIS! ..................................... 17 2.1 Mendaftar ke Yahoo!Mail, E-Mail Gratis Berbasis WEB+ 18 2.2 Mendaftar ke TelkomMail, E-Mail Gratis Berbasis POP3+ .......... 2.3 Set-Up Yahoo!Mail Agar Mendukung POP3 ....................... 2.4 Set-Up Outlook Express Untuk Membuka Yahoo!Mail .... 2.5 Memburu Penyedia Layanan E-Mail Gratis! ........................

co

dibahas mengenai berbagai macam trik untuk menghilangkan banner iklan yang biasanya ada pada situs-situs web gratisan, trik untuk memperpendek alamat domain situs web, trik untuk memproteksi halaman web agar source code-nya tidak dapat dilihat oleh orang lain, trik untuk mendapatkan alamat domain sendiri dengan alamat http://www.terserah_anda.com, trik untuk memanfaatkan homepage sebagai mesin pencetak uang dan banyak lagi yang lainnya.

m

DAFTAR ISI

ww

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

v

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

23 26 29 31 vi

BAB 3 – LANGKAH KE-3: MEMPELAJARI HTML ............................................................... 39 3.1 PENDAHULUAN ..................................................................... 3.1.1 Evolusi Cyberspace .................................................... 3.1.2 Sekitar World Wide Web .......................................... URL ........................................................................................ HTTP ..................................................................................... HTML .................................................................................... 3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa Menjawab Ini! .......................................................................................... Mengapa Anda Ingin Membuat Homepage? ................ Siapa Yang Anda Harapkan Tertarik Dengan Homepage Anda? ...................................................................................... Tipe Homepage Yang Bagaimana Yang Anda Inginkan? ... Mengenai Apa Isi Homepage Anda? .............................. Seperti Apa Tampilan Homepage Yang Anda Inginkan? .... Dimana Anda Ingin Memasang Homepage Anda? .... 3.1.4 Memilih Editor ............................................................. 3.2 DASAR-DASAR HTML ........................................................... 3.2.1 Mengenal Tag .............................................................. 3.2.2 Atribut Tag ................................................................... 3.2.3 Karakter-Karakter Khusus ....................................... 3.2.4 Menangani Spasi dan Ganti Baris ........................... 3.2.5 Menyisipkan Komentar ............................................. 3.3 MEMULAI MEMBUAT HOMEPAGE .............................. 3.3.1 Bagaimana memulainya? ...........................................
OKB Club Indonesia – http://www.okbclub.com

ww

w.

OK

BC

39 40 40 40 41 42

43 43

43 44 44 44 44 45 49 48 50 51 52 52 54 53 vii

lu

b.

co

2.5.1 Penyedia Layanan E-Mail POP3/SMTP Gratis!. 31 2.5.2 Penyedia Layanan E-Mail Berbasis WEB Gratis! 32 2.5.3 Penyedia Layanan E-Mail Dengan Nama Unik ! 36 2.5.4 Penyedia E-Mail Gratis Dengan Spasi 40 MB! ... 37 2.6 Anda Akan Dibayar Untuk Membaca E-mail ...................... 38

3.3.2 Format Dasar File HTML ........................................ 3.3.3 Informasi Versi HTML ............................................. 3.3.4 Memberi Judul Halaman/Bookmark ..................... 3.3.5 Informasi untuk Search Engine .............................. 3.3.6 Mengatur Warna Teks Global ................................. 3.3.7 Mengatur Warna Latarbelakang .............................. 3.3.8 Menggunakan Link ..................................................... 3.3.9 Mengatur Warna Link ................................................ 3.3.10 Membuat Garis Horisontal ........................................... 3.4 MANIPULASI TEKS ............................................................... 3.4.1 Tebal, Miring, Garis Bawah dan Kombinasi ....... 3.4.2 SubScript & SuperScript ........................................... 3.4.3 Menampilkan Teks Apa Adanya ............................. 3.4.4 Mencoret teks ............................................................... 3.4.5 Membuat Teks Berkedip ........................................... 3.4.6 Membuat Teks Berjalan ............................................ 3.4.7 Menggunakan Header ................................................ 3.4.8 Mengatur Paragraph ................................................... 3.4.9 Mengatur Alignment .................................................. 3.4.10 Mengatur Indent Paragraph .......................................... 3.4.11 Memilih Font .................................................................... 3.4.12 Memilih Warna Font ....................................................... 3.4.13 Mengatur Ukuran Font ................................................... 3.4.14 Mengatur Font Default .................................................. 3.5 MANIPULASI GAMBAR ....................................................... 3.5.1 Memburu Editor Gambar Gratis Dari Internet .. 3.5.2 Cara Menampilkan Gambar ..................................... 3.5.3 Membuat Linebar & Bullet Dengan Gambar ..... 3.5.4 Mengatur Ukuran Tampilan Gambar .................... 3.5.5 Menampilkan Teks Di Area Gambar .................... 3.5.6 Mengatur Border Gambar ........................................ 3.5.7 Trik Mempercepat Gambar Tampil Dilayar ........ 3.5.8 GIF atau JPG ? ........................................................... 3.5.9 Menggunakan Gambar Animasi ............................. 3.5.10 Menggunakan Gambar Untuk Membuat Imagemap ......... 3.5.11 Optimasi Gambar ............................................................
OKB Club Indonesia – http://www.okbclub.com

54 55 56 57 59 60 62 63 63 66 65 66 67 68 68 69 70 71 71 73 74 76 77 78 81 80 83 85 86 87 88 90 91 92 94 97 viii

m

3.6

3.7

3.9

ww

w.

OK

3.8

Mengurangi warna ............................................................. 97 Menghilangkan komentar pada file GIF ..................... 97 Menghilangkan data non-gambar pada file JPG ....... 98 Menurunkan kualitas gambar hingga batas yang masih dapat diterima mata .......................................................... 98 Memperkecil area gerak gambar animasi .................... 99 Mengkompres file GIF Animasi ................................... 101 Jangan menjadi perampok Bandwidth! ........................ 102 MANIPULASI DAFTAR ITEM ........................................... 105 3.6.1 Membuat Daftar Tak Berurut ................................. 103 3.6.2 Membuat Daftar Berurut .......................................... 104 3.6.3 Mengatur Angka Awal Item ..................................... 106 3.6.4 Membuat Daftar Definisi ......................................... 107 3.6.5 Menampilkan Daftar Multi-Colum ........................... 109 MENGGUNAKAN FORM .................................................... 113 3.7.1 Mendapatkan Informasi Dari Pengunjung ........... 111 3.7.2 Melakukan Survei Pengunjung ................................ 112 3.7.3 Menggunakan Menu Drop-Down .............................. 113 3.7.4 Mendapatkan Komentar Dari Pengunjung .......... 114 3.7.5 Mengganti Label Tombol ......................................... 115 3.7.6 Mengirim Data Tersembunyi .................................. 117 3.7.7 Membuat Link Dengan Tombol ............................. 118 3.7.8 Menggunakan WEB Form Text Formatter ............... 118 MENGGUNAKAN FRAME ................................................. 122 3.8.1 Membelah layar dalam frame .................................. 120 3.8.2 Menggunakan link dalam frame .............................. 123 3.8.3 Cara mudah membuat frame dengan Frame-It . 123 MENGGUNAKAN TABEL .................................................. 127 3.9.1 Format dasar sebuah tabel ........................................ 124 3.9.2 Mengatur border ......................................................... 126 3.9.3 Manipulasi sel dalam tabel ....................................... 127 3.9.4 Menampilkan sel kosong ........................................... 128 3.9.5 Menggabung Sel .......................................................... 129 3.9.6 Mengatur perilaku sel ................................................. 130 3.9.7 Mengatur alignment tabel ......................................... 132 3.9.8 Mengatur alignment sel ............................................. 132 ix
OKB Club Indonesia – http://www.okbclub.com

MENDAFTAR KE WEB SERVER GRATIS! ...................... 143 4.1 MEMBURU WEB SERVER GRATIS ................................. 4.1.1 Web Server Gratis Dari Indonesia .................................................. Rileks Free Homepage ....................................................... SSNet ...................................................................................... Capella.co.id .......................................................................... CeritaSeru.org ....................................................................... 4.1.2 Web Server Gratis Dari Luar Negeri ............................................. 20m ......................................................................................... 4Office.net ............................................................................ 50Megs ................................................................................... AcmeCity ............................................................................... Angelfire ................................................................................ Big Step .................................................................................. Bizland ................................................................................... BootBox.net .......................................................................... Crosswinds ............................................................................ DenCity .................................................................................. Domain Valet ....................................................................... Dreamwater .......................................................................... Envy ........................................................................................ EWebCity .............................................................................. Fortune City .......................................................................... Freedom2Surf ...................................................................... Freeservers ............................................................................ FreeYellow ............................................................................ Geocities ................................................................................ Go Network .......................................................................... Homepage .............................................................................
OKB Club Indonesia – http://www.okbclub.com

co

BAB 4 – LANGKAH KE-4:

m

3.9.9 Tabel dalam tabel ........................................................ 133 3.9.10 Mengatur warna background sel .................................. 134 3.9.11 Cara mudah membuat tabel dengan HomeSite ....... 139

144 144 141 142 143 144 149 146 146 146 147 147 148 148 149 149 150 151 151 151 151 152 152 153 154 154 155 155 x

BC

lu

b.

ww

w.

Homestead ............................................................................ Hypermart ............................................................................. iXprss ..................................................................................... LiveUniverse ......................................................................... NetColony ............................................................................. PortLand ................................................................................ Rebondir ................................................................................ Stas ................................................................................................................. Stormloader .......................................................................... TheBurgh ............................................................................... Tripod ..................................................................................... Virtual Avenue ..................................................................... WebHostMe .......................................................................... Xoom (NBCi) ....................................................................... 4.1.3 Spasi Gratis Untuk Yang Punya 'Minat Khusus' ...................... Anzwers ................................................................................. NightSites .............................................................................. Sexplosion ............................................................................. Internet Trash ....................................................................... 4.2 MENDAFTAR KE WEB SERVER GRATIS ................... 4.2.1 Mendaftar ke Rileks.Com ......................................... 4.2.2 Mendaftar ke Tripod.Com ........................................ Mengganti Mode Iklan di Tripod .................................... Mengaktifkan FrontPage Server Extension Tripod .... 4.3 MENGAKTIFKAN HOMEPAGE DI GEOCITIES ... 4.4 MENDAPATKAN NAMA DOMAIN SENDIRI .......... 4.4.1 Tentang InterNIC ....................................................... 4.4.2 Anda Harus Punya Tempat Parkir ......................... 4.4.3 Cara Memperoleh Nama Domain Gratis ............. 4.4.4 Jualan Nama Domain? Mengapa Tidak? ..............

155 156 157 157 158 158 159 159 159 160 160 160 161 161 165 165 166 167 167 169 169 171 174 177 178 181 181 182 183 184

MEMASANG HOMEPAGE KE WEB SERVER (UPLOAD FILE) .......................................................................................... 186 5.1 UPLOAD FILE DENGAN FILE MANAGER .............. 5.1.1 Upload file ke TRIPOD ........................................... 5.1.2 Upload file ke GEOCITIES ................................... 5.2 UPLOAD FILE MENGGUNAKAN BROWSER .......... 5.3 UPLOAD FILE MENGGUNAKAN PROGRAM FTP 197 5.4 UPLOAD FILE MENGGUNAKAN FRONTPAGE 2000 . 5.4.1 Upload file dari server FrontPage .......................... 5.4.2 Upload file dari Folder HardDisk .......................... BAB 6 – LANGKAH KE-6: MEMASANG COUNTER DAN GUESTBOOK GRATIS ! .......................................................................................... 206 6.1 MEMASANG COUNTER ...................................................... 6.1.1 Memasang Counter di Tripod ................................. 6.1.2 Memasang Counter di Geocities ............................. 6.1.3 Memburu Counter Gratis di Internet .................... 6.1.4 Mendapatkan Counter dari AddFreeCounter ...... 6.1.5 Mendapatkan Counter dari Admo.Net .................. 6.2 MEMASANG GUESTBOOK ............................................... 6.2.1 Memasang Guestbook di Geocities ....................... 6.2.2 Memburu Guestbook Gratis ................................... 6.2.3 Mendapatkan Guestbook Gratis dari Admo.Net .......... 6.2.4 Mendapatkan Guestbook Gratis dari htmlGEAR ....... 207 207 208 210 213 218 222 223 226 229 232

co

m

BAB 5 – LANGKAH KE-5:

187 187 191 194 200 200 203

OK
xi

BC

lu

b.

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

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

xii

UMUMKAN HOMEPAGE BARU ANDA KE SELURUH DUNIA ! .......................................................................................... 248 7.1 MEMBURU PENYEDIA LAYANAN IKLAN GRATIS ..... 7.2 MEMASANG IKLAN ONLINE GRATIS ....................... 7.3 PROMOSI SITUS WEB MELALUI SITUS PORTAL .. 7.3.1 Mendaftar Ke Situs Portal Satunet ......................... 7.3.2 Mendaftar Ke Situs Portal Catcha.co.id ................ 7.4 PROMOSI SITUS MELALUI PERTUKARAN BANNER .. 7.4.1 Cara Mudah Memiliki Banner ................................. 7.4.2 Mendaftar ke BannerIndonesia.com ...................... 7.5 MEMANFAATKAN SEARCH ENGINE ......................... 7.5.1 Memburu Search Engine .......................................... 7.5.2 Mendaftar ke 12 Search Engine Besar Di Internet ........ BAB 8 – LANGKAH BONUS: 249 252 255 250 252 262 254 255 268 259 261

TIPS & TRIK MENGGALI FASILITAS GRATIS DAN PROFIT SEBANYAK-BANYAKNYA DARI INTERNET ! .......................................................................................... 275 8.1 MEMPERPENDEK ALAMAT SITUS WEB ................... 8.2 MELENYAPKAN IKLAN DARI SITUS WEB GRATIS .... 8.2.1 Mengapa iklan perlu dilenyapkan? .......................... 8.2.2 Melenyapkan Iklan Dengan Program Khusus .... 8.2.3 Trik Membongkar iklan Pop-Up ............................ 8.2.4 Membongkar Iklan Popup Dengan SuperScript . 8.2.5 Membongkar Iklan Popup Dengan SuperFilter . 8.2.6 Membongkar Iklan Pop-Up Setelah Muncul ....... 8.2.7 Melenyapkan Banner Iklan ....................................... 8.2.9 Melenyapkan Iklan Berbasis Frame ....................... 8.2.10 Menghindari Deteksi Kode Oleh Server .............. 8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai .. 276 280 271 272 273 274 275 276 277 278 279 280

ww

w.

OK
xiii

BC

lu

b.

co

m

BAB 7 – LANGKAH KE-7:

MEMBUAT AUTO REMINDER ......................................... 298 MENYISIPKAN FASILITAS URL-MINDER ................ 299 MELAKUKAN REDIRECT HALAMAN WEB ............. 300 MEMASANG POLLING KEDALAM SITUS WEB ..... 301 TRIK MEMILIKI ALAMAT DOMAIN GRATIS! ......... 307 MANFAATKAN SITUS WEB UNTUK MENCARI UANG! ................................................................................................................. 312 8.9 MEMPROTEKSI FILE HTML ............................................. 316 8.9.1 Mematikan Fungsi Klik-Kanan Mouse Pengunjung ... 317 8.9.2 Mengenkripsi File Html ............................................ 318 8.10 MENYISIPKAN JAM/TANGGAL SAAT INI & TANGGAL UPDATE .............................................................................................................. 322 8.11 TRIK MENDAPATKAN UNLIMITED WEB SPACE! 324 8.12 MENYAMBUT PENGUNJUNG DENGAN MUSIK . 325 8.13 JANGAN KHAWATIR MENGGUNAKAN WEB AUTHORING TOOL VERSI SHAREWARE ! ............... 326

8.3 8.4 8.5 8.6 8.7 8.8

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

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

xiv

Jika Anda adalah seorang Artis, Foto model atau Penyanyi, Anda bisa membuat homepage untuk mempublikasikan kegiatan-kegiatan Anda, meng-counter gosipgosip yang merugikan atau menampilkan jadwal kegiatan Anda sehingga fans Anda bisa tahu kapan mereka bisa menjumpai Anda dst.

Jika Anda seorang Ilmuwan, Peneliti atau Scientist, homepage Anda bisa diisi dengan publikasi hasil karya ilmiah Anda, tesis, proposal-proposal Iptekda, RUT, RUK, rencana penelitian, hasil-hasil penelitian, masalah yang dihadapi dalam penelitian, prototipe, jadwal seminar dan lain sebagainya. Selain itu Anda juga bisa membuat polling online untuk keperluan riset atau untuk mendukung teori-teori Anda.

OK
xv

w.

Jika Anda seorang Hobbyist (apa saja), Anda bisa mengisi homepage Anda dengan segala hal yang berhubungan dengan hobby yang Anda geluti, filateli, komputer, programming, masak-memasak, merangkai bunga, ngerumpi, memajang foto-foto Anda atau hasil-hasil karya Anda.

ww

Jika Anda seorang Pengangguran, Anda bisa menciptakan uang dari internet! Anda dapat mendirikan bisnis multi-level online seperti AKSARA Online misalnya, atau mengikuti program-program pengumpul uang seperti Spedia, OKB Club Indonesia – http://www.okbclub.com

BC

Jika Anda seorang Pelajar atau Mahasiswa, Anda dapat membuat homepage untuk memamerkan keunggulan sekolah atau Universitas Anda, kegiatannya, rencana kegiatannya dimasa mendatang, memperkenalkan klub-klub yang ada disekolah / Universitas Anda dan lain sebagainya.

lu

Anda benar-benar tidak tahu untuk Apa?!? Kalau demikian, coba simak beberapa dari jutaan alasan yang bisa dibuat berikut ini!

b.

Punya Homepage Sendiri? Untuk Apa?

Jika Anda adalah seorang Dokter, Anda dapat membuka konsultasi Online, menawarkan pengobatan apa saja yang bisa Anda lakukan untuk orang lain, jam praktek Anda, tarif pengobatan dlsb. Jika Anda seorang Kartunis, Anda dapat mengisi homepage Anda dengan koleksi kartun-kartun karya Anda sendiri atau orang lain¸ bahkan juga kartunkartun karya Anda yang belum pernah diterbitkan oleh penerbit manapun karena (mungkin) jelek, kurang menarik, terlalu jorok dll. Jika Anda adalah seseorang yang suka bergaul, Anda dapat mengisi HomePage Anda dengan data mengenai Anda sendiri, teman-teman Anda, keluarga Anda, foto-foto Anda, kegiatan Anda, kegiatan teman-teman Anda, acara kegiatan mingguan, mengumpulkan teman baru (dari pengunjung situs), bertukar pikiran dengan teman dlsb. Jika Anda seorang Penulis, Anda dapat mengisi homepage Anda dengan tulisantulisan Anda, tulisan-tulisan tertentu atau bahkan tulisan-tulisan Anda yang tidak pernah diterbitkan oleh penerbit manapun! Jika Anda adalah seorang Penghayal, Anda dapat menuliskan khayalan-khayalan Anda dalam homepage Anda, baik yang mungkin maupun yang mustahil. Siapa tahu ada produser film yang mau mengangkat khayalan Anda menjadi film. Atau bahkan suatu saat khayalan Anda menjadi kenyataan? Jika Anda adalah seorang Musisi, Anda dapat mengisi homepage Anda dengan karya musik Anda, contoh lagu yang Anda ciptakan (baik dalam format MP3, WAV atau MIDI), lirik-lirik lagu yang Anda ciptakan, aransemen lagu yang Anda ciptakan, kelompok musik Anda, personilnya dan segala sesuatu yang berhubungan dengan musik! Jika Anda adalah seorang Pedagang, Anda dapat membuat kios virtual yang dapat menampilkan barang-barang yang Anda jual kedalam homepage Anda, keunggulan masing-masing barangnya, harganya, diskonnya, pelayanannya, purna jualnya dlsb. Jika Anda adalah seorang Produsen/Pengusaha, Anda dapat mengisi homepage Anda dengan barang-barang produksi perusahaan Anda, keunggulannya jika OKB Club Indonesia – http://www.okbclub.com

co

PENDAHULUAN

Jika Anda seorang Olahragawan, Anda dapat mengisi homepage Anda dengan segala aktivitas Anda dibidang olah raga yang Anda tekuni, foto-foto kegiatan Anda, jadwal latihan, sasaran, medali yang pernah Anda peroleh, cita-cita perolehan medali Anda selanjutnya dll.

m

CashSurfers, PaidForSurf, ePilot dan puluhan lagi yang lainnya. Kemudian Anda tinggal mencantumkan kode referal Anda sendiri kedalam homepage Anda untuk mengumpulkan downline!

xvi

Jika Anda adalah seorang Pemilik Hotel, Penginapan atau Losmen, Anda dapat mengisi homepage Anda dengan berbagai hal yang berhubungan dengan hotel Anda, jumlah kamarnya, fasilitasnya, pelayanannya, luas arealnya, lokasinya dlsb. Jika Anda adalah seorang Fotographer, Anda dapat memajang foto-foto hasil karya Anda di homepage Anda, sejarah terciptanya, penjelasan mengenai fotonya, proses pembuatannya dan mungkin juga harganya jika Anda ingin menjual karya Anda Jika Anda adalah seorang Pelawak, Anda dapat mengisi homepage Anda dengan aktifitas grup lawak Anda, perekrutan anggota jika ada, foto-foto hasil lawatan Anda dalam melawak, jadwal melawak atau bahkan cerita-cerita humor yang pernah Anda buat dll. Jika Anda sedang mencari pekerjaan, Anda dapat membuat sebuah homepage pribadi yang menggambarkan kemampuan Anda. Lalu saat mengirimkan resume pekerjaan, Anda dapat mencantumkan alamat situs web Anda untuk menunjukkan nilai plus pengalaman Anda secara nyata!

Internet adalah satu-satunya sumber daya yang mengalami perubahan setiap detik. Untuk mengetahui seberapa dinamisnya internet, berikut adalah sebagian statistik yang penulis dapatkan dari Censorware Project (cencorware.org) awal Agustus 2000.

Pokoknya, apapun profesi Anda, pasti akan selalu ada jawabannya!

SEBERAPA BESAR INTERNET SEKARANG?

OK
xvii

Bahkan jika Anda adalah seorang maniak seks sekalipun, Anda bisa memuat cerita-cerita ‘saru dan seru’ atau gambar-gambar suur lainnya kedalam homepage Anda! Semuanya bisa dan gratis!

BC

lu
• •

b.
• • • • • • •

Pada setiap 24 jam, internet bertambah : 4.600.000 halaman web baru! 82.200.000.000 byte teks baru! 1.030.000 file gambar baru! 17.200.000.000 byte data gambar baru! 1.260.000.000.000 byte data berubah! 51.500.000 halaman web berubah! 11.600.000 gambar berganti!

Dengan kepadatan data yang bertambah dan selalu berubah seperti diatas, setiap hari akan diperlukan sekitar 29.200 orang untuk mengawasi perubahan yang ada di web! Barangkali itulah yang menyebabkan pada saat ini censorware tidak mampu lagi memberikan statistik lanjutan!

Untuk mendapatkan gambaran tentang seberapa besar perubahan yang ada di internet, Anda bisa mengunjungi http://www.domainstats.com.

http://serba-gratis.tripod.com atau http://semuagratis.cjb.net Semua gambar dan tata cara pendaftaran terhadap layanan tertentu pada suatu situs dalam buku ini diambil pada saat buku ini ditulis. Perubahan bisa terjadi kapan saja. Akan tetapi biasanya tidak terlalu banyak berubah.

ww

Berdasarkan DomainStats, pada awal bulan Agustus tahun 2000 di internet ada 17.804.717 nama domain terdaftar dari seluruh dunia, dimana 9.482.427 diantaranya berakhiran .COM. Kemudian, awal Januari 2001 penulis mengunjungi lagi alamat situs yang sama dan pada saat itu statistiknya telah berubah menjadi 34.828.527 nama domain dengan 21.048.537 diantaranya berakhiran .COM! OKB Club Indonesia – http://www.okbclub.com

w.

co

Jika Anda adalah seorang Bisnisman, Anda dapat mengisi homepage dengan rencana bisnis Anda, prospeknya kedepan, kerjasama yang Anda butuhkan atau yang dapat Anda tawarkan pada pihak lain dlsb.

SEBERAPA DINAMIS INTERNET?

Internet adalah dunia cyber yang sangat dinamis dan amat cepat berubah! "Nanti" bisa menjadi sangat berbeda dengan "Sekarang". Jika link-link yang ada didalam buku ini tidak bekerja (broken link), update akan selalu bisa Anda temukan melalui official homepage di :

m

dibanding produk perusahaan lain, dukungan purna jualnya, pemasarannya, profil perusahaan, jumlah karyawan dll.

Ini berarti bahwa jumlah alamat domain di internet naik 195,6 % dalam waktu 5 bulan terakhir!

PERHATIAN !

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

xviii

BAB 1

BC

Fakta yang tidak bisa ditolak saat ini adalah kenyataan bahwa hampir segala hal bisa diperoleh gratis dari internet! Setelah beberapa saat berselancar (surfing) di internet, Anda akan segera mendapati kenyataan bahwa tidak hanya lautan informasi serta ribuan software saja yang bisa diperoleh gratis, melainkan juga berbagai macam materi bersifat fisik seperti majalah, CD-ROM, CD-Musik, kaset tape, kaset video, buku-buku, kaos, stiker, brosur, peta, kartu-kartu ucapan, alat-alat permainan, sampai contoh-contoh produk baru seperti parfum, sabun, pewarna rambut dan bahkan uang dolar! Syaratnya hanya satu, Anda telah terhubung ke internet! Setahun atau dua tahun yang lalu, untuk bisa mengakses internet melalui penyedia layanan internet (ISP-Internet Service Provider) Anda harus mengucurkan uang untuk membayar biaya pendaftaran, membayar uang bulanan serta membayar uang kelebihan jam koneksi. Ditambah lagi Anda juga harus membayar uang pulsa telepon (plus abondemennya) ke TELKOM. Tetapi sekarang, Anda tidak perlu serepot itu. Mungkin Anda tidak percaya, tetapi inilah kenyataannya! Kini Anda bisa mengakses internet melalui ISP-G (ISP-Gratis); yang dipelopori oleh TelkomNet Instan; dari rumah Anda kapanpun Anda inginkan. Anda hanya perlu membayar pulsa telepon ke TELKOM Rp. 110,- s/d Rp. 160,- per menit! Anda tidak perlu repot melakukan kontrak langganan untuk mendaftar ke ISP, tidak perlu membayar uang bulanan ke ISP dan tidak perlu lagi membayar biaya koneksi kelebihan jam yang biasanya berkisar antara Rp. 2000,- sampai Rp. 4000,- perjamnya itu!

OK

lu

b.
Area
Medan JaBoTaBek Jawa Tengah Jawa Timur Denpasar/Bali Banjarmasin Ujung Pandang

LANGKAH KE-1: AKSES INTERNET MENGGUNAKAN ISP-G (ISP-GRATIS!)

co
Berlaku Mulai
Desember 1995 Januari 1997 Jan 1998 Agustus 1998 Juli 1999 Nopember 1999 Juli 2000 Oktober 2000

m
Nomor Dial
0809 8 9999 0809 8 9999 0809 8 9999 29912345 * 20912345 ** 0809 8 9999 0809 8 9999

Gateway langsung dari Amerika Serikat. Kecepatan koneksi yang bisa diperoleh oleh user berkisar antara 43 Kbps sampai 56 Kbps dengan lebar bandwith seperti terlihat pada tabel 1.
Tabel 1: Lebar Bandwith TelkomNet Instan

Bandwidth
128 Kbps 1 Mbps 2 Mbps 3 Mbps 6 Mbps 8 Mbps 12 Mbps (Jakarta) 15 Mbps (Cibinong)

Selain TelkomNet Instan, sebenarnya ada lagi ISP-G lain, yaitu LinkNet (http://www.link.net.id). Sayangnya, pada saat buku ini ditulis, LinkNet hanya bisa diakses lokal dari Jakarta (021). Selain itu, semenjak mereka mengeluarkan produk bernama LinkNet Turbo (hanya beberapa bulan setelah peluncuran LinkNet reguler) dengan iuran bulanan Rp. 55.000,-, LinkNet reguler menjadi hampir mustahil untuk bisa diakses! Karena itu, LinkNet tidak akan dibahas lebih jauh.
Tabel 2: Daftar User ID, kode password dan nomor dial ke TelkomNet

User – ID
telkomnet6@instan telkomnet2@instan telkomnet@instan telkomnet@instan telkomnet@instan telkomnet6@instan telkomnet7@instan

Password
telkom6 telkom2 telkom telkom telkom telkom6 telkom7

w.

ww

Koneksi internet dari TELKOM sebenarnya sudah ada sejak lama, namun baru digratiskan sejak bulan September 1999. TelkomNet Instan menggunakan OKB Club Indonesia – http://www.okbclub.com

* = Untuk pelanggan diluar Surabaya/Malang, nomor dial harus didahului dengan 031 / 0341 ** = Untuk pelanggan diluar Denpasar, nomor dial harus didahului dengan 0361

1

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

2

Nomor dial User ID Password

: 0809 8 9999 : telkomnet@instan : telkom

Tabel 3: Daftar tarif pulsa untuk berbagai wilayah *)

AREA
Sumatra DKI Jakarta Jawa Barat Jawa Tengah Jawa Timur Bali Lombok Sulawesi

TARIF /MENIT
Rp 150,Rp 150,Rp 160,Rp 160,Rp 110,Rp 115,Rp 150,Rp 150,-

JANGKAUAN

ww

Medan (061), Padang (0751), Palembang (0711), Batam (0778), Pekanbaru (0761), Bandarlampung (0721), Pematang Siantar (0622) Jakarta, Bogor, Tangerang, Bekasi (kode area 021 & 0251) Sedang dipersiapkan. Hubungi Kandatel Bandung (022) untuk tanggal pastinya. Semarang, Magelang, Yogyakarta, Tegal, Kudus, Pekalongan, Jepara, Cepu, Sleman, Kulonprogo. Seluruh Jawa Timur, antara lain: Surabaya, Malang, Madiun, Jember, Bojonegoro, Banyuwangi, Blitar, Kediri, Lumajang, Nganjuk dll. Seluruh Bali dengan kode area 0361, 0362, 0363, 0365, 0366, 0368. Mataram (0370) Makassar (dengan kode area 0410, 0411, 0413, 0417, 0418, 0419, 0481, 0482), Menado (0431), Bitung (0438).

OK
3

BC
• • •

w.

lu

Karena berlaku secara umum, pelanggan yang berada di BANJARMASIN atau di BOGOR juga bisa menggunakan kode akses diatas. Akan tetapi berdasarkan daerah regionalnya, tarif pulsa per-menitnya bisa berbeda-beda. Lihat tabel 3 berikut ini :

b.

Jika Anda kebetulan berada diluar area yang disebutkan dalam tabel 2, TelkomNet Instan menyediakan nomor dan kode akses untuk semua wilayah secara umum seperti berikut :

Biaya pulsa akan ditagihkan pada nomor telepon yang digunakan melalui tagihan telepon bulanan, dimasukkan kedalam kolom JAPATI/SLJJ. Biaya hanya akan dihitung selama terhubung ke TelkomNet dan akan dibulatkan kebawah. Artinya, jika Anda terhubung ke TelkomNet selama 358 detik (5 menit 58 detik), maka Anda yang berada di Jabotabek hanya perlu membayar 5 x 150 = Rp.750,- Bila program dial-up komputer terputus, perhitungan biayanya juga berhenti. Perincian penggunaan pulsa dapat dilihat melalui print-out AMA yang dapat diminta disetiap loket pembayaran telepon terdekat dengan membayar pengganti kertas cetak (saat ini Rp. 500,- perlembar) atau secara online melalui situs http://plasa.com.

1.2 PERSYARATAN TEKNIS
Secara teknis, untuk bisa mengakses internet melalui TelkomNet Instan komputer Anda harus sudah dilengkapi dengan modem dan telah ada saluran telepon dirumah Anda. Jika Anda merencarakan untuk membeli komputer baru, sebaiknya Anda sekaligus membeli modem. Mungkin saat ini Anda belum membutuhkannya, akan tetapi Anda akan sangat repot jika membeli dibelakang hari, terutama saat melakukan instalasi. Modem internal biasanya berharga lebih murah dibanding modem eksternal. Berikut adalah beberapa hal yang perlu Anda perhatikan saat membeli modem: Pastikan modem Anda menggunakan teknologi V.90 (lihat buku manual). Teknologi akses kecepatan tinggi V.90 ada dua varian, belum tentu cocok dengan Telkomnet Instan. Mintalah penjual untuk mencoba dulu akses / dial ke Telkomnet Instan. Teknologi V.90 dapat mengakses hingga 56 Kbps, namun dalam prakteknya kecepatan dial-up berkisar antara 44.5 Kbps s/d 56 Kbps (Anda bisa melihatnya saat koneksi dengan TelkomNet Instan terbentuk).

co

Untuk dapat terkoneksi ke TelkomNet Instan, Anda cukup menghubungi TelkomNet Instan melalui komputer yang telah dilengkapi dengan modem dan terhubung ke jaringan telepon menggunakan nomor telepon, User ID dan kode Password seperti tampak pada tabel 2. User-ID dan password-nya bersifat casesensitif, Anda harus mengetiknya dalam huruf kecil semua.

Sejak tanggal 1 Agustus 2000 tarif TelkomNet Instan di seluruh Indonesia disamakan menjadi Rp. 150,-/menit. Penyeragamaan ini sesuai dengan tuntutan pengguna yang ingin agar tarif seragam.

m

1.1 KONEKSI KE ISP-G TelkomNet Instan

*) Daftar lengkap bisa dilihat di : http://www.plasa.com/instan/jangkauan-detil.html

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

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

4

CATATAN : •

Gambar 1.1: Koneksi ke TelkomNet bisa mencapai 44 Kbps s/d 56 Kbps

1.3 SPESIFIKASI KOMPUTER
Komputer yang diperlukan untuk mengakses internet sebaiknya memiliki spesifikasi seperti berikut:

MINIMAL:
Prosesor Memori Hard Disk SVGA Card Modem Sistem Operasi : : : : : : Setara dengan i486 DX4-100 Mhz 16 MB 850 MB 1 MB 14.4 Kbps Windows '95, Linux atau MacOS

OK
5

DISARANKAN:
Prosesor Memori Hard Disk Modem Sound Card SVGA Card Sistem Operasi : : : : : : :

w.

Celeron 333 Mhz, PII-300 Mhz atau lebih 32 MB 4.3 MB 56 Kbps Bebas 2 MB atau lebih Windows '95/'98/2000/NT

Dari sisi software, komputer Anda harus telah diinstalasi dengan beberapa software dan driver seperti berikut ini:

ww

Dial-Up : Program 'Dial-Up Networking' Protokol : TCP-IP

BC

lu

b.

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

Driver untuk modem yang terpasang biasanya juga telah terinstal didalam komputer (jika Anda membelinya bersama komputer Anda). Tetapi jika belum, Anda harus menginstalnya sendiri. Program driver untuk modem tertentu ada didalam CD instalasi Windows. Jika tidak ada, maka Anda memerlukan disket/CD bawaan yang disertakan saat Anda membeli modem.

1.4 INSTALASI DIAL-UP NETWORKING WIN 95/98
Sebelum melakukan instalasi dan seting Dial-Up, ada baiknya Anda memeriksa dahulu apakah didalam komputer Anda telah terinstal Dial-Up atau belum. Caranya, dari layar desktop dobel klik ikon My Computer. Periksa apakah didalamnya sudah ada ikon Dial-Up Networking. Biasanya Dial-Up Networking telah terinstal secara default (lihat gambar 1.2). Jika ikon Dial-Up Networking tidak ada, siapkan CD instalasi Windows 95/98, terutama jika program sumbernya tidak ada didalam HardDisk (biasanya di sub dir C:\WIN95 atau C:\WIN98) dan lakukan setup berikut: 1. Dobel-klik ikon 'My Computer'. 2. Dari dalam 'My Computer, dobel-klik ikon 'Control Panel'. 3. Dari dalam 'Control Panel', dobel-klik ikon 'Add/Remove Programs'.

co

Driver : Driver untuk modem yang terpasang Browser : Internet Explorer atau Netscape Navigator/Comunicator. Internet Explorer biasanya telah ada didalam Windows 9x/2000. Netscape Navigator/Comunicator bisa di download nanti setelah Anda terkoneksi ke internet.

m

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

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

6

5. 6.

Gambar 1.2: Dial-Up Networking biasanya sudah ada secara default

BC
1.

w.
Gambar 1.3: Instalasi komponen Dial-Up Networking jika belum ada

OK ww
Gambar 1.4: Teks TelkomNet bisa diganti apa saja

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

7

lu

b.
7.

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

1.5 MEMBUAT KONEKSI BARU KE TelkomNet
Anda harus membuat koneksi baru untuk dapat mengakses internet melalui TelkomNet Instan. Berikut adalah cara instalasinya: Dobel-klik ikon 'Dial-Up Networking'. Kemudian dobel-klik ikon 'Make New Connection'.

co

Aktifkan 'Dial-Up Networking' dengan meng-klik kotak check box yang ada didepan ikon 'Dial-Up Networking'. Lanjutkan dengan menekan tombol 'OK'.

m

4.

Dari dalam 'Add/Remove Programs properties', klik tab 'Windows Setup'. Klik gambar telepon dengan label 'Communications' dan lanjutkan dengan meng-klik tombol 'Details …'.

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

8

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

4.

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

BC

OK w.

lu
Gambar 1.7: Komponen Network minimal untuk dapat mengakses TelkomNet

b.
Jika ternyata protokol TCP/IP belum ada, mungkin Anda akan memerlukan CD instalasi Windows 95/98 untuk melakukan instalasi sendiri, terutama jika source program Windows 95/98 Anda tidak ada didalam Hard Disk. Source program Windows 95/98 biasanya disimpan di sub direktori C:\WIN95 atau C:\WIN98. Berikut ini adalah cara instalasi protokol TCP/IP: 1. Klik berturut-turut tombol Start 2. Settings Control Panel. Dobel-klik ikon Network dan klik tombol Add Protocol Add Microsoft TCP/IP OK. Jika Windows Anda sebelumnya diinstal dari CD Windows 95/98 (bukan dari Hard Disk), maka Anda akan diminta untuk OKB Club Indonesia – http://www.okbclub.com
Gambar 1.6: Setelah instalasi selesai, akan terbentuk ikon TelkomNet

ww

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

9

co

3.

Isi kolom Area code: dan Telephone number: dengan nomor telepon TelkomNet sesuai tabel 1. Jika Anda menggunakan nomor 080989999, kosongkan kolom Area code:, lalu klik tombol 'Next'.

Sebelum melakukan instalasi protokol TCP/IP pada Windows 95/98, periksalah terlebih dahulu apakah dikomputer Anda telah terinstal protokol ini atau belum. Caranya, klik berturut-turut Start Settings Control Panel, kemudian dobel-klik ikon Network. Periksa pada tab Configuration, apakah terdapat protokol TCP/IP (lihat gambar 1.7).

m

2.

Pada kolom dibawah teks 'Type a name for the computer you are dialing:', ketiklah nama tujuan koneksinya, misalnya TelkomNet (Anda boleh menggantinya dengan nama yang lain). Lanjutkan dengan menekan tombol 'Next'.

1.6 INSTALASI PROTOKOL TCP/IP

10

BC
1. 2. 3. 4. 5.

Gambar 1.8: Instalasi protokol TCP/IP

OK
11

1.7 SETTING DNS

w.

Sebenarnya, TelkomNet telah menggunakan perangkat yang cukup canggih. Anda hampir tidak perlu men-set apapun jika dikomputer Anda telah terpasang program Dial-Up Networking dan protokol TCP/IP dengan benar. Penulis telah berbulan-bulan mengakses TelkomNet tanpa men-set DNS dan Proxy sama sekali. Namun demikian, TelkomNet menyediakan setting DNS dan Proxy untuk jaga-jaga jika terjadi gangguan akses, misalnya Anda tidak dapat mengakses telkom dengan nama domain-nya (http://www.telkom.net.id) padahal Anda bisa mengakses alamat IP-nya (http://202.134.0.137). Berikut adalah setting DNS dan Proxy yang disarankan:

ww

DNS Primary DNS Secondary

: 202.134.0.155 : 202.134.2.5

(atau dikosongkan) (atau dikosongkan)

lu

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

Cara melakukan setting DNS:
Dobel-klik 'My Computer'. Dobel klik 'Dial-Up Networking'. Klik tombol mouse kanan saat kursor berada pada ikon 'TelkomNet'. Pilih 'Properties', klik tab 'Server Types' dan klik tombol 'TCP/IP Settings…' Klik 'Specify name server addresses' dan isikan nomor-nomor DNS nya. Biarkan setting yang lain apa adanya.

1.8 SETTING PROXY
Sebagaimana dengan setting DNS, dalam keadaan normal setting proxy sama sekali tidak diperlukan karena akan dilakukan secara 'otomatis' di sisi Telkom (transparan di sisi user) dan tidak tergantung pada browser yang digunakan! Meski tidak diperlukan, tetapi mungkin suatu saat Anda akan memerlukannya jika

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m
12

memasukkan CD tersebut. Jika instalasi sebelumnya berasal dari HardDisk, Anda tidak perlu CD Windows 95/98 lagi.

Berikut adalah setting DNS dan Proxy yang disarankan:

Cara melakukan setting Proxy:
A. Jika Anda menggunakan Netscape Navigator : Dari dalam browser, klik menu 'Options' 'Network Preferences…'. Pilih tab 'Proxies' dan klik 'Manual Proxy Configuration' dan klik tombol 'View…'. 3. Isi kolom FTP Proxy: dengan proxies.telkom.net.id dan isi kolom Port dengan 8080. 4. Isi kolom HTTP Proxy: dengan proxies.telkom.net.id dan isi kolom Port dengan 8080. 5. Isi kolom SOCKS Host: dengan proxies.telkom.net.id dan isi kolom Port dengan 1080. B. Jika Anda menggunakan Netscape Comunicator : Dari dalam browser, klik menu 'Edit' 'Preferences…'. Klik tanda [+] didepan teks 'Advanced' dalam kolom 'Category'. Pilih 'Proxies' dan klik 'Manual Proxy Configuration' dan teruskan dengan meng-klik tombol 'View…'. 4. Isilah kolom-kolom yang ada dengan alamat proxy dan port dengan setting sama seperti setting untuk Netscape Navigator (A.3. s/d A.5.). C. Jika Anda menggunakan Internet Explorer : 1. 2. 3. 4. 5. Klik berturut-turut tombol Start Settings Control Panel. Dobel-klik ikon 'Internet Options' dan klik tab 'Connections'. Klik TelkomNet yang ada didalam kolom 'Dial-Up Settings' dan klik tombol 'Settings…'. Klik check box 'Use a proxy server' didalam kolom 'Proxy server'. Klik tombol 'Advanced' dan isi kolom-kolom yang ada dengan alamat proxy dan port menggunakan setting yang sama seperti setting untuk Netscape Navigator diatas (A.3. s/d A.5.). 1. 2. 3. 1. 2.

lu
1.

BC
13

ww

w.

OK

b.
Gambar 1.10: Setting Proxy juga tidak harus dilakukan

1.9 MEMULAI KONEKSI KE TELKOMNET

Untuk memulai melakukan koneksi ke internet melalui TelkomNet Instan, lakukan cara berikut: Dobel-klik ikon TelkomNet yang ada didalam folder Dial-Up Networking. Isilah kolom-kolom yang ada sesuai lokasi dari mana Anda melakukan koneksi ke TelkomNet. Klik kotak check box didepan teks Save password jika Anda ingin supaya kode User name dan Password yang Anda masukkan diingat terus oleh komputer sehingga lain waktu Anda tidak perlu mengetikkan nama dan kode password lagi saat ingin melakukan koneksi ke TelkomNet. Pada prakteknya, hanya nama dan kode password sajalah yang harus Anda isi karena nomor telepon TelkomNet telah terisi secara otomatis saat Anda melakukan setting koneksi ke TelkomNet. Sementara itu Anda bisa mengabaikan pilihan yang ada didalam kolom Dialing from:. Setelah nama dan kode password terisi dengan benar, klik tombol 'Connect'.

co
OKB Club Indonesia – http://www.okbclub.com

Proxy : proxies.telkom.net.id (atau dikosongkan) Port HTTP : 8080 (atau dikosongkan) Port SOCKS : 1080 (atau dikosongkan)

m
14

terjadi gangguan atau kelainan yang membuat Anda bisa mengakses home page tertentu, tetapi tidak bisa mengakses situs-situs yang lain.

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

Gambar 1.13: Ikon koneksi muncul setelah modem terhubung ke ISP

Gambar 1.11: Klik Connect untuk memulai koneksi ke TelkomNet

OK

BC
15

2. Dalam waktu kurang dari 50 detik, komputer Anda akan tersambung dengan TelkomNet dan komputer akan memunculkan keterangan bahwa Anda telah terhubung ke TelkomNet. Klik tombol 'Close' untuk menutup keterangan tersebut.

lu

b.
TIPS :
Gambar 1.12: Tampilan jika Anda berhasil terhubung ke TelkomNet

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.

Untuk mengetahui secara langsung berapa biaya telepon yang Anda keluarkan saat terhubung ke internet (seperti counter pulsa di wartel), Anda dapat menggunakan program LogTick. Program ini bisa di download gratis dari: http://semuagratis.cjb.net

1.10 ANDA PERLU BANTUAN?
Penulis telah berusaha menyampaikan semua hal yang berhubungan dengan tata cara koneksi ke TelkomNet Instan untuk dapat mengakses internet melalui ISPGratis TelkomNet sehingga seharusnya setelah membaca bab atau langkah yang pertama ini (dan mempraktekannya), Anda akan langsung bisa berselancar di internet tanpa hambatan. Namun jika Anda mendapati sesuatu hal yang masih perlu dipertanyakan, cobalah kunjungi situs TelkomNet Instan di http://www.plasa.com/instan/FAQ-Gangguan.html atau hubungi TelkomNet melalui telepon untuk melakukan konsultasi lebih lanjut. Berikut adalah nomornomor teleponnya: Batam Jabotabek Jawa Tengah Jawa Timur Medan Palembang Batam UjungPandang, Denpasar : : : : : : : : (0778) 169 (021) 3804500 atau 147 162 0800 1 INSTAN (0800 1 467 826) (061) 530 7000 (0711) 367 000 (0778) 169 162

3.

ww

Untuk mengetahui kecepatan koneksi Anda ke internet melalui TelkomNet, dobel-klik ikon berbentuk dua komputer kecil yang saling terhubung di area status task bar, tepatnya disebelah kanan bawah layar monitor, biasanya berada disebelah kanan ikon speaker (gambar 1.13). OKB Club Indonesia – http://www.okbclub.com

w.

co

Untuk memutus hubungan dengan TelkomNet, klik tombol 'Disconnect' (lihat gambar 1.1). Untuk menghilangkan tampilan koneksinya, klik tombol 'OK'.

m

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

16

BAB 2

OK
17

Didunia internet, alamat e-mail berperan lebih dahsyat lagi. Ia bagaikan satusatunya mata uang yang sah untuk melakukan transaksi. Adalah satu kenyataan jika di internet orang bisa mendapatkan hampir segala-galanya, informasi, materi, program, software, pengetahuan dan bahkan uang dolar! Tetapi Anda harus membayarnya dengan alamat e-mail! Uniknya, alamat-alamat e-mail ini bisa diperoleh gratis!

ww

Jika Anda mengisi form pendaftaran, form permintaan atau layanan-layanan internet lainnya, maka permintaan Anda hanya akan diperhatikan jika Anda mengisi alamat e-mail yang diminta. Sebagian besar diantaranya akan digunakan oleh penyedia layanan sebagai alat untuk pengecekan ulang. Sebagai contoh, jika Anda ingin mendaftar ke suatu situs free webspace tertentu, maka saat mendaftar Anda harus mengisi kolom alamat e-mail. Setelah pendaftaran selesai, Anda akan dikirimi e-mail yang harus Anda kembalikan lagi ke pengirim (reply) sebagai tanda bahwa alamat e-mail tersebut benar-benar ada pemiliknya dan benar-benar serius meminta layanan tersebut.

w.

BC
Gambar 2.1: Anda hanya perlu waktu kurang dari 10 menit untuk mendapat alamat e-mail gratis dari Yahoo! Mail

Saat ini, e-mail telah menjadi bagian yang tak terpisahkan dari kehidupan kita. Hampir setiap teman atau relasi kita menyertakan alamat e-mail dalam kartu nama mereka dan hampir setiap orang yang kita kenal akan menanyakan alamat email kita saat akan berpisah. Sebagian dari kita bahkan mungkin akan tersipu malu jika terpaksa harus mengatakan "saya belum punya alamat e-mail!" saat sang relasi menanyakan alamat tersebut.

lu
2.1 Mendaftar ke YAHOO! Mail
Yahoo! Mail adalah ESP (E-mail Service Provider) berbasis web yang mungkin paling cepat saat ini. Dengan memiliki account di Yahoo! Mail, Anda akan bisa menerima, membaca atau mengirim e-mail melalui Web browser seperti Microsoft Internet Explorer atau Netscape Comunicator. Setelah mendaftar,

b.

Dalam bab ini penulis akan menjelaskan secara detail mengenai tata cara mendapatkan alamat e-mail di dua penyedia layanan e-mail gratis yang terbaik dan tercepat saat ini. Sementara itu dibagian akhir bab ini, Anda akan mendapati sangat banyak alamat dimana Anda bisa mendapatkan alamat e-mail gratis selain yang akan dijelaskan dibawah.

co

LANGKAH KE-2: MENDAPATKAN EMAIL GRATIS!

Setelah Anda bisa mengakses internet, maka memiliki alamat e-mail adalah suatu keharusan! Sedemikian pentingnya alamat e-mail ini sehingga setelah dapat mengakses ISP-Gratis, langkah kedua yang harus Anda lakukan adalah mendapatkan e-mail gratis!

m

Pada kasus yang lain, alamat e-mail akan digunakan oleh penyedia layanan untuk mengirimkan User ID dan kode Password. Utamanya jika Anda mendaftar disebuah layanan online gratis atau ingin men-download program-program tertentu dari internet.

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

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

18

lu

Pendaftaran e-mail gratis di Yahoo! Mail sangat sederhana dan mudah dilakukan. Anda hanya butuh 10 menit atau kurang untuk dapat memiliki alamat e-mail sendiri! Berikut adalah cara mendaftarkan diri di Yahoo! Mail.
1. 2. 3. 4. 5. Buatlah koneksi ke internet (melalui TelkomNet atau yang lain). Jalankan browser Anda (boleh menggunakan IE atau Netscape). Arahkan browser Anda ke http://mail.yahoo.com. Klik tombol 'Sign me up!' untuk mulai mendaftar. Beberapa saat kemudian akan ditampilkan form pendaftaran. Jangan langsung diisi karena form ini diperuntukkan khusus untuk user yang berada di US. Untuk kita yang berada diluar US, klik link "Non-US Sign up form", lalu isilah form yang ada dengan benar.

BC
19

6. a. Pada kolom Yahoo ID, isi dengan alamat e-mail yang Anda inginkan. Jika nama Anda adalah Supriyatno, Anda bisa mengisi kolom ini dengan supriyatno, supri, yatno, syatno atau yang lain. Dalam hal ini alamat e-mail Anda nantinya akan menjadi supri@yahoo.com, yatno@yahoo.com, syatno@yahoo.com atau supriyatno@yahoo.com. b. Password: Isi dengan kode password yang Anda inginkan.

d. Question we'll ask: Pilih apa saja yang bisa mengingatkan Anda akan kode password alternatif jika Anda lupa dengan kode password utama.

ww

e. Your answer: Isi dengan kode password alternatif.

w.

c. Retype password: Isi dengan kode password yang Anda inginkan (diulang).

OK

b.
Gambar 2.2: Isilah form pendaftaran dengan benar

Yahoo! Mail memberi spasi gratis sebesar 6 Mega Byte untuk menampung suratsurat yang masuk ke alamat e-mail kita. Spasi sebesar ini lumayan besar jika Anda hanya menerima surat-surat dari teman-teman Anda saja. Akan tetapi akan menjadi cepat habis jika Anda mendaftar ke banyak mailing list sekaligus. Jadi, segeralah hapus surat-surat Anda setelah dibaca, terutama jika spasi Anda sudah mendekati quota yang diberikan.

f. Birthday: Isi dengan tanggal, bulan dan tahun kelahiran Anda. g. Current Email Address: Kosongkan karena Anda belum punya. h. People Search Email Listing: Klik check box jika Anda ingin nama dan alamat e-mail Anda dimasukkan kedalam data base yahoo untuk memudahkan orang/teman Anda mencari alamat e-mail Anda. i. Name: Isi dengan nama Anda. j. Country: Pilih Indonesia. k. Time Zone: Karena kita berada di Indonesia, pilih GMT +7. l. Primary Language: Biarkan apa adanya (bahasa Indonesia tidak ada). m. Gender: Pilih 'male' untuk laki-laki dan 'female' untuk perempuan. n. Occupation: Pilih keahlian yang cocok dengan Anda. o. Industry: Pilih dengan institusi tempat Anda bekerja. p. Klik check box yang ada dibawah pertanyaan langkah o jika ingin mendapat kiriman berita mengenai produk-produk baru melalui e-mail Anda. q. Dibawah kelompok pertanyaan "Tell Us About Your Interests (Optional)", klik check box yang sesuai dengan minat Anda. r. Klik tombol 'Submit this form'.

co
OKB Club Indonesia – http://www.okbclub.com

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.

m
20

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

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

Gambar 2.3: Gunakan nama yang unik sebagai alamat e-mail Anda

BC
21

OK w.
Gambar 2.4: Tampilan antar-muka kotak surat di Yahoo! Mail

ww

8. Jika nama yang Anda inginkan diterima, dalam beberapa detik Anda akan langsung memiliki alamat e-mail baru dan langsung mendapat surat pertama OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

lu
Gambar 2.5: Surat pertama setelah mendaftar di Yahoo! Mail

b.
10. Untuk membaca surat/e-mail yang pertama ini, klik-lah judul dibawah kolom subject. Untuk menghapus surat, klik check box didepan nama pengirim dan lanjutkan dengan meng-klik tombol 'Delete'. Untuk menulis dan mengirim email baru, klik 'Compose'. Dan untuk keluar dari Yahoo! Mail, klik 'Sign Out'. Sekarang, Anda telah memiliki alamat e-mail. Umumkan kepada dunia bahwa Anda telah memiliki alamat e-mail. Jangan lupa untuk membuat kartu nama baru, lengkap dengan alamat e-mailnya! Jika lain waktu Anda ingin membaca atau mengirim e-mail lagi, Anda tinggal mengarahkan browser Anda kembali ke http://mail.yahoo.com, mengisi Yahoo! ID dan Password dan klik tombol 'Sign In'.

co

9. Untuk melihat isi kotak surat yang baru saja dibuat, klik Inbox (1). Angka (1) menunjukkan bahwa didalam kotak surat kita terdapat 1 buah surat yang belum pernah dibuka/dibaca isinya.

m

7.

Ada kemungkinan, nama untuk alamat e-mail yang Anda inginkan telah dipakai oleh orang lain, karena itu Anda harus menggunakan nama yang unik agar tidak sama dengan orang lain. Misalnya sup99@yahoo.com, yatno2000@yahoo.com, atau sp_yatno@yahoo.com.

dari penyelenggara sebagai ucapan selamat datang! Pada contoh diatas, penulis mencoba mendaftar dengan nama OKBClub@yahoo.com, tetapi ternyata nama ini sudah ada yang memakai. Jadi penulis ganti dengan serba_gratis@yahoo.com dan ternyata diterima.

22

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

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

OK
23

Setelah memiliki alamat e-mail di Yahoo!, Anda harus menggunakan browser (Internet Explorer atau Netscape) untuk dapat membaca dan mengirim e-mail (kecuali dengan seting khusus yang akan dijelaskan dibawah). Anda tidak bisa menggunakan software pembaca e-mail yang lebih cepat seperti Microsoft Outlook, Netscape Mail atau Eudora misalnya. Untuk bisa membaca surat dengan program-program yang disebutkan diatas, e-mail Anda harus berada di server yang menjalankan protokol post office versi 3 atau yang dikenal dengan POP3 (Post Office Protocol 3) untuk membuka e-mail dan menjalankan protokol SMTP (Simple Mail Transfer Protocol) untuk mengirim e-mail. Saat ini di internet ada banyak sekali layanan e-mail gratis berbasis POP3/SMTP. Anda bisa melihatnya dibagian akhir bab ini. Sekarang, mari kita mendaftar disalah satu diantaranya, yakni di TelkomMail (http://mail.telkom.net).

BC
Gambar 2.7: Kunjungi http://mail.telkom.net untuk mendapatkan e-mail POP3

2.2 TELKOM MAIL, E-MAIL GRATIS BERBASIS POP3

ww

TelkomMail adalah layanan e-mail berbasis POP3/SMTP gratis dari Indonesia (TELKOM). Setahu penulis, TelkomMail adalah layanan e-mail gratis berbasis POP3/SMTP yang paling cepat saat buku ini ditulis, mungkin karena pelanggannya masih sedikit (sekitar 120 ribu pada akhir Desember 2000) dan mail server-nya berada di Indonesia. Setelah selesai mendaftar, Anda akan OKB Club Indonesia – http://www.okbclub.com

w.

lu
2. Klik link 'REGISTRASI'. Beberapa saat kemudian akan tampil persyaratan dan aturan main untuk bisa mendaftar dan memiliki account di TelkomMail. Diantaranya adalah bahwa Anda tidak boleh menggunakan nama alamat email yang tidak pantas/tidak sopan, tidak boleh menggunakan TelkomMail untuk melalukan SPAMMING serta besar spasi yang akan diberikan kepada Anda (3 MB). Satu hal lagi yang harus Anda parhatikan adalah bahwa surat yang tidak dibaca dalam waktu 2 minggu setelah masuk, akan dihapus oleh TelkomMail! Jika Anda setuju dengan aturan mainnya, klik tombol 'SETUJU'. Jika tidak setuju, klik 'TIDAK'. OKB Club Indonesia – http://www.okbclub.com

b.

co

Cara mendaftarnya sangat mudah. Berikut adalah contoh pendaftaran di TelkomMail untuk mendapatkan alamat e-mail gratis@telkom.net atau serba_gratis@telkom.net yang nantinya akan kita gunakan dalam proyek pembuatan HomePage Serba-Gratis ini.

m

memiliki alamat e-mail nama_anda@telkom.net dengan spasi sebesar 3 Mega Byte (sebelumnya 2 MB). Setting server untuk program e-mail client-nya sendiri bisa dilihat pada saat Anda pertama kali masuk ke situs TelkomMail.

24

4.

OK
Gambar 2.8: Tampilan yang akan muncul jika semua isian benar

ww

Untuk membaca dan mengirim e-mail dengan Eudora atau Outlook Express, setting e-mail yang harus Anda lakukan adalah : OKB Club Indonesia – http://www.okbclub.com

w.

BC
1. 2.

25

lu

Jika nama yang Anda inginkan sudah dipakai orang lain, atau jika terdapat satu atau lebih kolom yang belum terisi, maka akan muncul pesan 'error'. Anda harus menekan tombol 'Back' pada browser Anda dan mengulanginya kembali dengan nama lain atau isian yang benar. Jika segala sesuatunya telah 'beres', Anda akan menerima pesan yang kira-kira seperti tampak pada gambar 2.8 dan sejak saat itu Anda bisa mengirim atau menerima e-mail baru berbasis POP3 menggunakan software Ms Outlook Express, Eodora Pro atau yang lain!

CATATAN :

b.

Sampai saat buku ini ditulis, TelkomMail masih terus melakukan pembenahan. Tampilan gambar 2.8 mungkin berbeda jika Anda mendaftar ke TelkomMail sekarang (ketika buku ini telah terbit).

2.3 SET-UP YAHOO!MAIL AGAR MENDUKUNG POP3 !
Dengan memiliki 2 buah alamat e-mail diatas, sebenarnya kita telah memiliki alamat e-mail yang lengkap. Satu alamat e-mail berbasis Web dan satunya lagi berbasis POP3. Alamat yang berbasis Web bisa kita buka dimana saja sepanjang komputernya memiliki browser untuk mengakses internet. Sementara alamat yang berbasis POP3 bisa kita buka dengan cepat dalam komputer-komputer yang dilengkapi dengan program-program pembaca e-mail seperti Outlook Express, Eudora, Netscape Mail dan lain sebagainya. Meski demikian, ada satu hal menarik yang bisa kita lakukan pada alamat e-mail kita yang ada di Yahoo! Mail. Yakni bahwa ia juga bisa kita konfigurasi agar mendukung protokol POP3. Hasilnya luar biasa, sebuah alamat e-mail dengan 2 macam basis protokol, yakni Web dan POP3. Ini bisa menjadi alternatif mudah bagi Anda yang sebelumnya telah memiliki alamat e-mail di Yahoo! dan ingin dapat membukanya dengan Eudora atau Ms. Outlook Express. Berikut adalah cara setting agar e-mail Anda di Yahoo! Mail juga mendukung protokol POP3! Masuklah ke desktop e-mail Anda seperti biasa (http://mail.yahoo.com). Klik link 'Options'. Setelah menu Options muncul, klik link 'POP Access & Forwarding'. 3. Klik radio button didepan pilihan Yes dibawah menu Sign Up.

co

E-Mail Account POP server SMTP server

m

3.

Jika Anda setuju dan meng-klik tombol 'SETUJU', dilayar akan ditampilkan form pendaftaran. Diantara yang ditanyakan adalah; "Nama depan", "Nama belakang", "Jenis kelamin", "Tanggal lahir", "Alamat", "Kota", "Kodepos", "Propinsi", "Negara", "No. telepon", "Pekerjaan" "Income per bulan", Username", "Password" dll. Isilah kolom-kolom dalam form pendaftaran tersebut dengan benar. Periksa lagi semuanya dan setelah tidak ada kolom yang kosong, klik tombol 'Submit'.

= nama_anda@telkom.net = pop3.telkom.net = smtp.telkom.net

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

26

Gambar 2.9: Pilihlah 'Yes' untuk mendapatkan fasilitas khusus POP3

5. Biarkan pilihan 'Send offers to:' berisi alamat e-mail Anda.

7. Pada pilihan 'Email client can read:', klik radio button didepan teks 'HTML formatting' agar Anda dapat menampilkan gambar dan link dalam program pembaca e-mail Anda.

ww

w.

8. Klik tombol 'Finished'. Setelah itu Anda akan dihadapkan pada tampilan pilihan apakah Anda ingin dapat membaca e-mail dengan basis Web dan POP3 atau melakukan fungsi forwarding (melempar e-mail yang diterima kealamat e-mail yang lain) saja.

OK
Gambar 2.11: Setting server POP3 Anda yang baru

6. Pada pilihan 'Select frequency:', klik radio button didepan teks 'Once a week' agar Anda hanya mendapat kiriman 'iklan' sekali seminggu saja untuk menghemat ruang.

BC
27

4. Klik kotak-kotak check box dibawah menu 'Select your interests' sesuai minat Anda. Materi-materi yang Anda pilih adalah materi iklan yang nantinya akan dikirim secara berkala ke alamat e-mail Anda. Meski Anda bisa memilih semuanya, pilihlah 1 atau 2 saja agar iklan yang masuk ke alamat Anda menjadi minimal.

lu

b.
Gambar 2.10: Pilihan untuk mendapatkan fasilitas akses POP3 atau forwarding

10. Klik tombol 'Submit' untuk mendaftar. 11. SELESAI. Sekarang akan muncul tampilan setting server yang dapat digunakan untuk menangani e-mail POP3 Anda. Cetaklah halaman ini atau catat untuk keperluan setting di Outlook Express atau Eudora nanti.

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m

9.

Pada Step 1, pilihlah Web and POP Acces untuk mendapatkan fasilitas akses POP3 dan pada Step 2, pilihlah HTML messages agar Anda bisa menerima gambar dan link dalam e-mail.

28

12. Klik tombol Finish untuk mengakhiri setting.

Berikut adalah cara setting Outlook Express untuk membaca dan mengirim email melalui Yahoo! Mail. 1. 2. 3. 4. 5. 6. 7. Jalankan program Outlook Express. Dari menu Tools, pilih Accounts. Pilih tab Mail dan klik tombol Add Mail….

Dalam kotak berlabel Display Name, ketik nama Anda dan kemudian klik “Next”. Dalam kotak Email address, ketik alamat e-mail Anda secara lengkap (termasuk "@yahoo.com"). Pilih POP3 untuk menjawab pertanyaan "My incoming mail server is a……. server". Dalam kotak Incoming (POP3 or IMAP), ketik: pop.mail.yahoo.com Dalam kotak Outgoing (SMTP), ketik: smtp.mail.yahoo.com

OK
29

BC
1. 2. 3.

8. Klik “Next”. Dalam kotak Account name, ketik nama alamat e-mail Anda (tanpa "@yahoo.com"). 9. Dalam kotak Password, ketik kode password Anda. Biarkan radio button didepan teks Log on using Secure Password Authentication (SPA). Kemudian klik “Next”.

w.

ww

lu
Gambar 2.12: Tampilan internet Account Outlook Express setelah setting selesai

2.4 SET-UP OUTLOOK EXPRESS UNTUK MEMBUKA YAHOO! MAIL

b.
Setting diatas secara default akan mengakibatkan semua e-mail Anda yang berada di server Yahoo! akan dihapus otomatis setelah selesai dibaca / didownload ke komputer Anda. Jika Anda menginginkan agar file-file e-mail Anda tetap berada di server meski telah dibaca (supaya dilain waktu bisa dibaca lagi menggunakan web browser), lakukan set-up Outlook Express sebagai berikut: Dari menu Tools, pilih Accounts…, lalu pilih tab Mail. Klik ganda account yang dberi label Yahoo! dan kemudian pilih tab Advanced. Pada area Delivery, klik check box didepan label 'Leave a copy of messages on server' dan klik tombol "OK". Jika suatu saat nanti Anda ingin agar file-file e-mail di server Yahoo! dihapus otomatis setelah dibaca, hilangkan lagi tanda check box ini.

Anda harus selalu menggunakan data diatas untuk melakukan setting pada semua program pembaca e-mail.

co

Incoming Mail (POP3) Server Outgoing Mail (SMTP) Server Account/Login Name E-mail address Password

: pop.mail.yahoo.com : smtp.mail.yahoo.com : nama_anda (tanpa "@yahoo.com") : nama_anda@yahoo.com : password Anda (tidak berubah)

11. Klik radio button didepan label Connect using my phone line karena kita akan menggunakan saluran telepon untuk koneksi ke TelkomNet.

m

Setelah konfigurasi POP3/SMTP selesai dilakukan, seting mail server Yahoo! Mail-nya akan menjadi seperti ini :

10. Isi kolom dibawah Internet mail account name: dengan nama yang mudah diingat, misalnya 'Yahoo!'. Klik “Next”.

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

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

30

2.5 MEMBURU PENYEDIA LAYANAN E-MAIL GRATIS!
Mungkin Anda tidak percaya, akan tetapi inilah kenyataannya. Saat buku ini ditulis, dari 39 juta situs web yang ada di internet, lebih dari 20 ribu diantaranya adalah penyedia layanan e-mail gratis! Cobalah kunjungi beberapa situs yang menyediakan fasilitas search engine seperti http://www.altavista.com, http://www.google.com atau http://www.yahoo.com. Lalu ketik "free e-mail" dan klik 'GO'. Ikutilah link-link yang disodorkan dan Anda akan mulai pusing sendiri melihat banyaknya link ke penyedia layanan e-mail gratis yang ada di jagad ini! Sebenarnya, alamat-alamat ini tidak ada gunanya lagi jika Anda telah memiliki alamat e-mail di Yahoo! dan di TelkomNet. Akan tetapi jika Anda masih merasa kurang, berikut penulis pilihkan sebagian daftar penyedia layanan e-mail gratis lain yang banyak digemari karena kemudahan dan fasilitasnya (banyak diantaranya bahkan menyediakan spasi lebih dari 5 Mbyte!).

2.5.2 Penyedia Layanan E-Mail Berbasis WEB Gratis! Penyedia Layanan
163 Net 2BMail 5Start 888.nu AlloyMail AmexMail Altavista Angelfire Anti-social ApexMail ArcadeMaster Artic.net Asian City AstrosFan Backpackers BaseMail (Portugis) BBoy.com Bellsouth BigAssMail BimaMail Biz.st Busymail ByteMe Catcha CCNMail CewekCantik CHEK Chickmail ChinaLook Christianmail.net ClubVDO CMPnet

2.5.1 Penyedia Layanan E-Mail POP3 & SMTP Gratis! Penyedia Layanan
263.net Crosswinds GeoCities Global Message Exchange Mail.ru NetTaxi Polbox Riftwar SoftHome Telebot (+voicemail) TelkomMail Tfz.net Tomcat Tonghua Tutorial

Alamat Home Page
http://freemail.263.net http://www.crosswinds.net http://www.geocities.com http://www.gmx.net

ww

http://win.mail.ru/cgi-bin/splash http://www.nettaxi.com http://www.polbox.com http://www.riftwar.com http://www.softhome.net http://www.telebot.net http://mail.telkom.net http://mail.tfz.net http://www.tomcat.ru/mailbox http://www.tonghua.com.cn http://www.tutorials.com

w.

OK
31

BC

lu

b.

co

m

Yahoo! Windom's

http://mail.yahoo.com http://windoms.sitek.net

Alamat Home Page

http://www.163.net http://www.2bmail.co.uk http://www.5star.net http://www.888.nu http://www.alloymail.com http://www.amexmail.com http://altavista.iname.com http://email.angelfire.com http://www.anti-social.com http://www.apexmail.com http://www.arcademaster.com http://www.artic.net/posti http://www.asiancityweb.com http://www.astrosfan.net http://www.backpackers.com http://www.basemail.com http://www.bboy.com http://www.bellsouth.com http://mail.bigassweb.com http://www.bimamail.com http://www.biz.st http://www.busymail.com http://WWW.Byteme.com http://www.catcha.co.id http://www.ccnmail.com http://www.cewekcantik.com http://mail.chek.com http://www.chickmail.com http://www.chinalook.com http://www.christianmail.net http://www.clubvdo.net http://www.cmpnetmail.com

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

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

32

ww

CODEC Coldmail Coolmail Cynetcity Daily Web Planner Detik DejaNews DiscTara DogMail Easypost Educastmail Ehmail eKilat Email.com England Email Eudora Web-Mail Ethos.st Fetchmail Fiberia FinFin FlairMail Flashemail Flashmail FnMail Focus-Asia Fortune City Mail FreeAccount FreeMail (Australia) FreeMail (Dutch) FreeMail (South Africa) Friendly Email GNWMail GoCubs (Chicago Cubs) GoPlay! GroupWeb Gurlmail Happy Puppy Hello.net.au

http://www.email.ro http://www.coldmail.com http://www.coolmail.com http://www.cynetcity.com http://www.dwp.net http://www.detik.com http://www.dejanews.com http://www.disctara.com http://mail.dog.com http://www.easypost.com http://www.educastmail.com http://www.ehmail.com http://ekilat.com http://www.email.com http://www.splendiferous.com http://www.eudoramail.com http://www.ethos.st http://fetchmail.com http://www.fiberia.com http://mail.finfin.com http://www.flairmail.com http://www.flashemail.com http://www.flashmail.com http://www.fnmail.com http://www.focus-asia.com http://www.fcmail.com http://www.freeaccount.com http://www.freemail.com.au http://www.freemail.nl http://www.freemail.co.za http://www.londonoffice.com http://www.gnwmail.com http://mail.gocubs.com http://www.goplay.com http://www.worldmailer.com http://www.gurlmail.com http://mail.happypuppy.com http://www.hello.net.au

Hit The Beach Hongkong.com HoTMaiL Id-base IGNMail Imageinemail IVillage Jamaicamail Jerusalem Post JewishMail JMail JusticeMail Joymail Kmail KMSP Kompas Korea.com Latino Link Lightspan EdMail Liquid Information Looksmart LycosEmail Mailbox.sk MailCity MailExcite MailForum MauiMail Medsite MegaPoint Mixmail Mr. Post MyOwnEmail MyWorldMail N2mail NasiCampur NetAddress Netizen Islands Mail NJOEmail

http://www.hitthebeach.com http://freemail.hongkong.com http://www.hotmail.com http://www.id-base.net/Mail http://www.ignmail.com http://www.imaginemail.com http://email.ivillage.com http://www.jamaicamail.com http://www.jpostmail.com http://www.jewishmail.com http://www.jmail.co.jp http://www.justicemail.com http://tw.joymail.com http://www.kmail.com.au http://mail.kmsp.com http://www.kompas.com http://mail1.korea.com http://www.latinolink.com http://www.edmail.com http://www.liquidinformation.net http://www.looksmart.com http://www.lycosemail.com http://www.mailbox.sk http://www.mailcity.com http://www.mailexcite.com http://www.mail.forum.dk http://www.mauimail.com http://mail.medsite.com http://www.megapoint.com/roam http://www.mixmail.com http://www.mrpost.com http://www.myownemail.com http://www.myworldmail.com http://www.n2mail.com http://nasicampur.net http://www.netaddress.com http://www.nimail.com http://www.nj.com/njoemail

w.
33

OK

BC

lu

b.

co

m

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

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

34

ww

NetNet@Mail NewMail OperaMail PandaMail Parsmail PersonalConnections Philippines.to Pinoymail Planetary Motion Pop3Now Popmail Post.cz Post.sk PostMark Postmaster PO USA ProntoMail QuikMail RaceMail RocketMail Safarimail Salu.net Satunet Sawasdee SentrisMail Starting Point Stork Site Supernews Unbounded Visto Walla! Webmails Whomail Wowmail Xoomail Yahoo! Mail Yawmail Yeehaa

http://www.netnet.com.sg http://www.newmail.net http://www.operamail.com http://bstar.net/panda http://www.parsmail.com http://www.pemail.net http://philippines.to http://www.pinoymail.com http://www.planetarymotion.com http://www.pop3now.com http://www.popmail.com http://www.post.cz http://www.post.sk http://www.postmark.net http://www.postmaster.co.uk http://www.pousa.com http://www.prontomail.com http://www.quikmail.com http://www.RaceMail.com http://www.rocketmail.com http://www.safarimail.com http://www.salu.net http://www.satunet.com http://www.sawasdee.com http://www.sentrismail.com http://mail.starting-point.com http://www.storksite.com http://www.supernews.com http://www.unbounded.com http://www.visto.com http://www.walla.co.il http://www.webmails.com. http://www.whomail.net http://www.wowmail.com http://www.xoommail.com http://mail.yahoo.com http://www.yawmail.com http://freemail.yeehaa.com

2.5.3 Penyedia Layanan E-Mail Dengan Nama Unik!
Meksipun daftar diatas sudah sangat banyak, akan tetapi mungkin nama domain untuk alamat e-mail yang ada masih tidak memuaskan Anda. Ok. Berikut adalah sebuah alternatif dimana Anda bisa memiliki alamat e-mail dengan nama domain unik, lucu, menunjukkan suatu lokasi tertentu, menunjukkan profesi yang Anda geluti dll. Sebagai contoh, jika profesi Anda adalah seorang dokter, maka Anda bisa memiliki alamat e-mail nama_anda@doctor.com atau nama_anda@dr.com. Jika Anda tertarik, alamat yang harus Anda kunjungi untuk mendaftar adalah http://www.mail.com. Untuk mendaftar, klik "New Member SIGN UP". Pada langkah pertama proses pendaftaran, Anda dapat langsung memilih nama domain yang Anda inginkan, diantaranya adalah :

OK
35

w.

BC

lu

b.

DOMAIN TERLARIS: mail.com, cheerful.com, europe.com, myself.com, post.com, consultant.com, techie.com, usa.com, writeme.com. DOMAIN LUCU/MINAT: 2die4.com, artlover.com, cliffhanger.com, bikerider.com, catlover.com, cutey.com, doglover.com, gardener.com, hotshot.com, inorbit.com, loveable.com, playful.com, poetic.com, popstar.com, saintly.com, mad.scientist.com, seductive.com, soon.com, whoever.com, winning.com, witty.com, yours.com. DOMAIN TEMPAT: africamail.com, arcticmail.com, asia.com, australiamail.com, europe.com, japan.com, samerica.com, usa.com. DOMAIN KOTA: berlin.com, dublin.com, london.com, madrid.com, moscowmail.com, munich.com, nycmail.com, paris.com, rome.com, sanfranmail.com, singapore.com, tokyo.com. DOMAIN PROPFESI: accountant.com, adexec.com, allergist.com, alumnidirector.com, archaeologist.com, chemist.com, clerk.com, columnist.com, comic.com, consultant.com, counsellor.com, deliveryman.com, diplomats.com, doctor.com, dr.com, engineer.com, execs.com, financier.com, geologist.com, graphic-designer.com, hairdresser.net, insurer.com, journalist.com, lawyer.com, legislator.com, lobbyist.com, minister.com, musician.org, optician.com,

co

m

YNNMail ZapZone ZenSearch ZDNetmail

http://www.ynnmail.com http://www.zzn.com http://www.zensearch.net http://www.zdnetmail.com

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

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

36

2.5.4 Penyedia E-Mail Gratis Dengan Spasi 40 MB!
Pada umumnya, spasi yang diberikan oleh penyedia layanan e-mail gratis hanya 2 MB, 3 MB, atau 6MB. Meski demikian, ada juga yang mampu menyediakan spasi gratis hingga 20 MB, seperti bolehmail.com misalnya. Tetapi sayangnya, protokol yang digunakan adalah web based e-mail. Jika Anda memerlukan e-mail gratis dengan protokol POP3 dan spasi e-mail sangat besar, cobalah ke http://www.mailplanet.net. MailPlanet menyediakan spasi gratis sebesar 40 MB. Fasilitas yang diberikan selain spasi yang besar adalah multi-protocol (pop3 & web), bisa jalan dibawah nama domain Anda sendiri atau sub domain MailPlanet, fasilitas forwarding, autoresponders, scaning virus harian dan masih banyak lagi!

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

BC ww
Spasi alamat e-mail sebesar 40 MegaByte sesungguhnya sudah cukup besar, akan tetapi jika inipun masih kurang bagi Anda, cobalah mendaftar ke Rileks Mail (http://mail.rileks.com). Rileks Mail adalah penyedia layanan e-mail gratis dari OKB Club Indonesia – http://www.okbclub.com

w.

37

lu

b.

Anda ingin mendapat income tambahan saat membaca e-mail? Mungkin Anda (lagi-lagi) tak percaya, akan tetapi kenyataannya banyak orang yang bisa mendapat hingga lebih dari US$ 700 perbulan hanya untuk membuka/membaca email ! Mekanismenya sederhana saja. Penyedia layanan e-mail gratis ini mendapat bayaran dari pemasang iklan dan membagikannya sebagian kepada Anda. Besar kecilnya uang yang akan Anda terima setiap bulan tergantung dari banyak sedikitnya e-mail yang dibuka/dibaca oleh orang-orang yang berhasil Anda ajak bergabung memanfaatkan layanan e-mail gratis ini. Uniknya, e-mail apapun yang dibaca, Anda akan tetap dibayar, tidak harus berisi iklan! Pada saat ini, ada sebuah program manajemen downline gratis yang bisa diikuti untuk mendapatkan uang dari membaca e-mail seperti ini lebih efektif, sehingga jika dijalankan dengan teliti dan benar, Anda akan mendapatkan penghasilkan hingga ratusan dolar perbulannya hanya dengan membaca 5 e-mail saja setiap hari. Berikut adalah alamat dimana Anda bisa memperoleh keterangan lebih lengkap mengenai program yang mulai diluncurkan tanggal 5 Desember 2000 ini beserta trik-triknya : http://uangmail.cjb.net Setelah mendaftar (gratis), alamat e-mail yang akan Anda peroleh adalah "nama_anda@themail.com" dengan ukuran spasi 6 MB.

co

2.6 ANDA AKAN DIBAYAR UNTUK MEMBACA E-MAIL!

m

pediatrician.com, presidency.com, priest.com, programmer.net, publicist.com, realtyagent.com, registerednurses.com, repairman.com, representative.com, rescueteam.com, scientist.com, sociologist.com, teacher.com, techie.com, umpire.com, underwriters.com.

Indonesia yang menyediakan spasi tidak terbatas! Setelah mendaftar, alamat email yang akan Anda peroleh adalah "nama_anda@rileks.com".

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

38

BAB 3

(HyperText Markup Language)

OK
39

Halaman-halaman web sangat mudah dibuat dengan editor HTML bertipe WYGIWYS (What You Get Is What You See). Editor semacam ini tersebar di jagat internet dan dapat diperoleh gratis. Sayangnya, kebanyakan editor secara 'lancang' menambahkan kode-kode tertentu yang kadang tidak kita harapkan. Beberapa diantaranya bahkan membelenggu kreatifitas karena tidak dapat dikendalikan secara total sesuai keinginan kita. Untuk membiasakan diri, mungkin hal semacam ini tidak menjadi masalah, bahkan penulis anjurkan untuk menggunakannya. Tetapi setelah sedikit terbiasa, Anda HARUS mempelajari HTML, terutama jika Anda ingin menjadi WebMaster kreatif, bukan sekedar WebDesainer!

ww

Hal utama yang biasanya sangat menjengkelkan saat membuat situs web gratis adalah adanya selipan banner iklan atau munculnya iklan pop-up yang secara otomatis ditambahkan oleh penyelenggara free webspace-nya. Banner dan iklaniklan pop-up ini jelas memperlambat akses ke situs kita dan bahkan dapat memecah perhatian pengujung situs. Dengan trik khusus yang akan dijelaskan di bab lain, kekurangan ini bisa diatasi. Akan tetapi trik ini membutuhkan pengetahuan HTML, terutama karena editor HTML biasanya secara otomatis memperbaiki kode-kode 'nyleneh' yang kita tulis. Padahal hanya dengan kode 'nyleneh' seperti inilah pop-up banner dan iklan dapat dilenyapkan!

BC

3.1 PENDAHULUAN

w.

lu
- URL

b.
URL

Konsep hypertext sebenarnya adalah konsep lama, akan tetapi baru mulai terkenal pada dekade 1985-an. Ide penggunaan hypertext pertama kali disampaikan dalam sebuah essay karangan Vannervar Bush tahun 1945 dan dilanjutkan oleh Theodore (Ted) Nelson pada dekade 1960-an dan 1970-an. Meski hypercard for Macintosh produksi Apple Computer memiliki kesamaan dalam implementasi hypertext primitif, namum kekuatan hypertext yang sesungguhnya adalah kemampuannya dalam menciptakan link dokumen antar host komputer di jaringan. Praktek pertama penggunaan hypertext di jaringan dilakukan oleh Tim Berners Lee dari CERN (Laboratorium Fisika Partikel Eropa yang berlokasi di Geneva, Switzerland) dengan perangkat pengembang Next Step, dengan tujuan untuk menciptakan apa yang dikemudian hari dikenal dengan HTML (HyperText Markup Language), HTTP (HyperText Tarnsfer Protocol) dan WWW (World Wide Web atau W3 atau Web).

3.1.2 Sekitar World Wide Web
World Wide Web atau biasa disebut web saja, adalah sumber data dan informasi yang dapat diakses oleh semua orang melalui jaringan internet. Tiga komponen pokok yang menjadi tulang punggung keberadaan sebuah web adalah: = Alamat dimana data atau informasi berada.

- HTTP = Protokol / bahasa yang digunakan untuk mengakses informasi. - HTML = Sumber informasi itu sendiri yang berbasis link dan hypertext.

co

LANGKAH KE-3: MEMPELAJARI HTML

Tidak terasa, tiba-tiba saja internet telah menjadi lautan data maha luas. Datadata itu tersimpan dalam ratusan ribu server yang terkoneksi satu sama lain dari seluruh dunia. Seiring dengan berjalannya waktu, berbagai macam protokol transmisi data bermunculan serta berevolusi sehingga menambah koleksi, sekaligus kekacauan bagi jaringan internet. Salah satu area yang tumbuh demikian dahsyat di internet adalah World Wide Web (WWW) yang menggunakan teknologi MarkUp berbasis hypertext untuk memungkinkan jutaan orang menyeberangi lautan data dalam berbagai format data diatas berbagai macam tipe perangkat keras dan lunak.

m

3.1.1 Evolusi Cyberspace

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

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

40

http://me:mypass@www.myhost.com:81/users/OKBClub/file.html ^ ^ ^ ^ ^ ^--- bagian alamat URL local | | | | |------ nomor port | | | ---------------------- nama host server atau alamat IP | | ----------------------------- password (optional) | -------------------------------- nama user (optional) --------------------------------------- protokol yang digunakan

OK
41

Kode me:mypass pada URL diatas adalah nama user dan kode password yang digunakan untuk mengakses sebuah web ber-password. Kode ini hanya digunakan disitus-situs tertentu yang mengharuskan user untuk memasukkan nama dan password untuk dapat mengaksesnya. Nama dan password diberikan pada user yang menjadi anggota dengan membayar iuran tertentu. Kode www.myhost.com adalah nama host komputer di internet dimana komputer itu berada. Setiap negara mempunyai kode tersendiri untuk menunjukkan dimana lokasi server berada. Sebagai contoh, jika komputer berada di Indonesia, maka nama host diberi akhiran .id (contoh: www.indo.net.id), jika komputer berada di Australia nama host diberi akhiran .au (contoh: www.dialix.perth.au). Bila kode negara tidak ada, maka server bersangkutan bersifat internasional dan lokasi servernya bisa dimana saja (contoh: www.infokomputer.com). Angka 81 pada URL diatas adalah angka yang menunjukkan nomor koneksi port ke server bersangkutan. Jika tidak ditulis, browser akan menggunakan nomor default. Kode /users/OKBClub/ adalah path dimana file yang akan dibaca, diambil atau dilihat berada. Kode file.html adalah nama file yang ingin ditampilkan dilayar. Jika tidak ditulis, browser akan mencari file dengan nama index.html, index.htm atau default.htm (tergantung seting servernya) dilokasi path.

HTTP

ww

Web Telnet News

: http://www.elexmedia.com/index.html : telnet://brahe.phys.unm.edu:9999/ : news:news.announce.newusers

w.

HTTP (Hyper Text Trasfer Protocol) adalah salah satu dari beberapa protokol yang digunakan sebagai bahasa komunikasi antar server. Protokol dapat berupa protokol web (http), Telnet, News, Gopher atau FTP. Berikut adalah beberapa contoh penggunaan alamat URL pada beberapa protokol yang ada :

BC

lu
HTML

b.

Nama lokasi pada contoh terakhir terlihat agak rumit. Kode-kode angka yang diawali dengan tanda % adalah kode Escape Sequence yang harus digunakan untuk menghubungi server gopher. Kode %20 adalah tanda spasi, kode %28 adalah "(" dan kode %29 adalah ")". Dengan demikian, alamat rumit yang dihubungi dengan ghoper diatas sebenarnya adalah seperti berikut:
gopher://gopher.cs.ttu.edu/11/reference self/faqs (freqwently asked questions)

Hampir semua dokumen web saat ini ditulis dalam bahasa HTM, dimana sebuah teks ASCII biasa dipoles (di mark up) dengan apa yang disebut tag. Karena file ASCII dapat dibaca oleh sistem komputer macam apapun yang ada didunia ini, maka polesan tag pada file-file ASCII membuat file-file ini dapat dibaca oleh sistem-sistem komputer berbasis DOS, WIN 3.x, WIN 9x, Win ME, WINDOWS 2000 atau WIN NT sama baiknya dengan sistem-sistem berbasis MACINTOSH, UNIX atau LINUX. Tag-tag yang digunakan dalam file HTML membuat semua dokumen terlihat sama meski user menggunakan sistem operasi dari tipe komputer yang sangat berbeda. Tidak seperti file-file dokumen tradisional seperti Word, Excel, WS atau WordPerfect yang tidak dapat saling dipertukarkan! HTML adalah bahasa interpreter, bukan bahasa pemrograman yang sebenarnya seperti bahasa C++, Delphi, VisualBasic atau JAVA yang harus dikompilasi terlebih dahulu sebelum dapat dieksekusi. Browser yang digunakan untuk melihat dan menampilkan halaman-halaman web seperti Nestcape Communicator, MS Internet Explorer atau Mosaic, sesungguhnya adalah interpreter yang menterjemahkan tag-tag yang diselipkan didalam file ASCII berekstensi .html (atau .htm) dan menampilkannya di layar sesuai tag yang ditemukan. Sebagai contoh, teks ASCII "membuat home page" akan ditampilkan apa adanya jika ditulis tanpa tag, tetapi jika dipoles (baca di mark up) dengan tag <B>…</B> (sehingga menjadi "<B>membuat home page</B>"), maka teks tersebut akan ditampilkan oleh browser dalam huruf-huruf tebal.

co

CATATAN :

m

URL (Uniform Resource Locator) adalah standar pengalamatan sebuah file di internet yang dirancang khusus untuk digunakan dengan browser WWW seperti Netscape, Internet Explorer atau Mosaic. Format standar sebuah URL adalah seperti berikut:

FTP : ftp://ftp.orst.edu/pub/gaming/doom/ Gopher: gopher://gopher.cs.ttu.edu/11/reference%20self/faqs%20%28 freqwently%20asked%20questions%29

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

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

42

OK
43

Berikut adalah beberapa pertanyaan penting yang harus Anda jawab sebelum merancang sebuah homepage, jawaban yang dapat Anda berikan akan menentukan sukses dan tidaknya homepage Anda! Mengapa Anda Ingin Membuat Homepage?

Siapa Yang Anda Harapkan Tertarik Dengan Homepage Anda?

ww

Apakah Anda ingin memiliki homepage untuk kalangan usia tertentu? Atau untuk semua usia? Apakah Anda ingin memiliki homepage untuk kalangan dengan OKB Club Indonesia – http://www.okbclub.com

w.

Hanya sekedar ingin memiliki homepage? Atau untuk menawarkan dan menjual sesuatu? Anda harus dapat menjawabnya dengan jelas. Jika Anda sendiri tidak tahu mengapa dan tentang apa isi homepage Anda sendiri, maka pengunjung homepage Anda tidak akan tinggal lama dan mungkin tidak akan pernah kembali lagi selamanya!

BC

Setelah sekian lama melanglang buana di internet dan kenyang menelusuri berbagai macam situs yang ada, mungkin sekarang Anda mulai berpikir untuk membuat dan memiliki homepage sendiri. Dari sekian banyak waktu yang akan Anda habiskan untuk membuat homepage, 80% diantaranya adalah untuk persiapan dan hanya 20%-nya saja yang akan Anda gunakan untuk pekerjaan yang sesungguhnya. Itulah sebabnya mengapa bagian ini menjadi sangat penting dalam merancang sebuah homepage.

lu

3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa Menjawab Ini!

b.

Seperti telah dijelaskan sebelumnya, kekuatan utama file HTML adalah kemampuannya dalam melakukan link hypertext. Sebuah teks yang diberi tag khusus akan membuat browser melompat ke halaman lain di server manapun di dunia ini jika pemakai membawa kursor dan meng-klik mouse-nya diatas teks tersebut. Namun demikian, apa yang mampu dikerjakan oleh browser sesungguhnya tidak hanya sekedar melompat dan menampilkan isi file .html atau .txt kelayar monitor saja, melainkan juga dapat menjalankan programprogram tambahan (add-on) untuk memutar lagu/musik jika teks yang dibuat tujuan hypertext adalah nama file berekstensi .wav atau .mid, memutar filmfilm secara otomatis jika file yang dituju berekstensi .mov, .avi atau .mpeg dan aktivitas-aktivitas lain sesuai kode ekstensi file yang dipakai sebagai tujuan klik hypertext.

Anda ingin memiliki homepage komersial? Atau homepage personal? Atau kedua-duanya? Homepage komersial adalah homepage yang berisi informasi iklan, penawaran suatu produk, jasa atau servis seperti e-commerce dll. Sementara homepage personal adalah homepage yang berisi informasi-informasi pribadi, materi-materi hobby atau hanya sekedar link-link ke lokasi-lokasi menarik ditempat lain. Banyak ISP yang membuat homepage dengan penawaran ganda. Mereka menarik bayaran untuk halaman-halaman komersial dan dilain pihak memberikan pelayanan gratis untuk halaman-halaman pribadi. Mengenai Apa Isi Homepage Anda? Jika Anda akan membuat homepage komersial, apakah Anda ingin mengisinya dengan beberapa produk sekaligus atau satu produk spesifik saja? Jika Anda ingin mengiklankan suatu produk atau jasa, Anda dapat mengisi homepage Anda hanya dengan satu produk atau jasa yang Anda berikan saja. Dengan cara ini, konsumen Anda akan mendapatkan informasi yang diinginkan selengkapnya secara langsung. Dilain pihak, jika Anda membuat homepage pribadi, homepage Anda dapat berisi beberapa interest sekaligus, misalnya hobby, aktivitas, keluarga, sejarah, fotografi, puisi, cerita, hasil-hasil kreatifitas Anda atau hal-hal positif lainnya. Seperti Apa Tampilan Homepage Yang Anda Inginkan? Ketika berselancar mengunjungi situs-situs web di internet, Anda mungkin pernah mampir disebuah situs web dan terpesona dengan tampilannya. Lalu dalam hati Anda berkata, "Saya ingin tampilan homepage saya seperti itu!" Cara terbaik untuk memulai membuat homepage dengan tampilan yang Anda inginkan adalah dengan menyimpan halaman situs web tersebut dan mempelajari isi serta struktur kode sumbernya. Tetapi perlu diingat bahwa Anda tidak boleh secara langsung menggunakan lay-out atau isi halaman tersebut karena pada umumnya situs web tersebut sudah dipatenkan dan memiliki hak cipta. Lebih dari itu, cara ini hanya akan membuat Anda menjadi seorang WebDuplicater, bukan WebDesainer, apalagi WebMaster!

co

Tipe Homepage Yang Bagaimana Yang Anda Inginkan?

m

interest tertentu, seks dan gambar-gambar suuurr misalnya? Atau untuk semua orang? Yang jelas, sebuah homepage dengan daya tarik untuk orang banyak akan mendapatkan lalulintas pengunjung yang padat.

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

44

3.1.4 Memilih Editor
Hal penting berikutnya yang harus dipertimbangkan dalam merancang homepage adalah memilih editor untuk membuat dan mengedit file-file HTML Anda. Karena file-file HTML adalah file-file ASCII biasa, maka sebenarnya Anda dapat menggunakan editor-editor teks sederhana seperti EDIT.EXE, WS, SideKick, NotePad, Ms.Write atau WritePad. Editor-editor teks tersebut dapat membimbing Anda mempelajari kode-kode HTML secara luar dalam. Akan tetapi mungkin akan membuat frustasi pada tahap-tahap awalnya karena Anda harus mengetik semua kode HTML baris-per-baris yang dalam perkembangannya mungkin dapat menjadi sangat rumit. Meski demikian, menggunakan teks editor untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti tentang struktur file HTML. Akan tetapi, jaman sekarang siapa yang mau repot?

BC
45

lu
Gambar 3.1: Tampilan HTML Editor HomeSite v4.5 RC3

Pada saat ini ada ribuan provider server gratis yang bisa Anda manfaatkan. Tergantung dari isi situs Anda, mereka memberikan layanan dari berbagai kategori web (personal, bisnis, hobby, sex/adult, e-commerce dll.) dengan ukuran spasi berbeda-beda (200 K, 100 MB sampai tak terhingga). Daftar ISP yang memberikan spasi gratis dan tata cara pendaftarannya dapat dilihat pada LANGKAH ke 4 (BAB 4).

ww

Yang pertama adalah HomeSite. Saat buku ini ditulis, HomeSite baru mencapai versi 4.5 (12.89 MB). Dengan editor ini Anda dapat menciptakan halamanhalaman rumit hanya dalam beberapa menit saja. HomeSite versi evaluasi dapat di download dari : OKB Club Indonesia – http://www.okbclub.com

w.

Pada prakteknya, penggunaan editor teks membuat kita harus bolak-balik antara editor dan browser untuk mengedit dan melihat hasilnya. Untuk mengatasi hal ini, penulis sarankan pada Anda untuk menggunakan editor HTML yang memberikan keleluasaan penuh pada kita untuk menulis kode-kode HTML sendiri sekaligus dapat menampilkan preview-nya. Ada 2 editor semacam ini yang sangat penulis sarankan untuk Anda download sebelum mulai membuat halaman-halaman web.

OK

b.
CATATAN : Versi evaluasi hanya bekerja untuk beberapa bulan saja. Setelah itu program tidak dapat digunakan lagi. Ini dapat diakali dengan memundurkan tanggal komputer kita. Sebagai contoh, HomeSite 4.5 versi evaluasi diatas habis masa pakainya tanggal 15 Februari 2000, tetapi dengan memundurkan tanggal komputer, misalnya menjadi 15 Januari 2000, program tetap dapat dipakai sampai kapanpun! Yang kedua adalah editor HTML yang menjadi favorit penulis, yaitu 1st Page 2000. Selain ukuran filenya lebih kecil (5.1 MB) dan gratis (Anda sama sekali tidak perlu melakukan registrasi), program ini juga sarat dengan berbagai macam fasilitas! Editor ini dilengkapi dengan 450+ Javascripts/VBScripts siap pakai, DHTML scripts, dukungan penuh untuk SSI, CGI, Perl, Cold Fusion, ASP, Flash 4, Shockwave, Java dan ActiveX, HTML Source Compressor (untuk memperkecil ukuran file html) dan masih banyak lagi, termasuk fungsi-fungsi wizard untuk membuat Drop-down comboboxs, Frame Killer, Browser OKB Club Indonesia – http://www.okbclub.com

co
46

Setelah rancangan homepage Anda selesai, Anda memerlukan sebuah server untuk menyimpan halaman-halaman homepage Anda. Server ini harus aktif dan terkoneksi dengan jaringan internet selama 24 jam sehari, 7 hari seminggu agar halaman-halaman homepage Anda dapat dilihat oleh semua orang dari seluruh dunia kapanpun mereka inginkan. Anda dapat saja menitipkan file-file Anda ke sebuah ISP dengan membayar biaya sewa spasi yang berkisar antara 15 s/d 100 US$ sebulan. Akan tetapi itu sama sekali tidak menarik karena yang menjadi incaran kita adalah server-server gratis!

http://www.allaire.com

m

Dimana Anda Ingin Memasang Homepage Anda?

HTML EDITOR

http://www.evrsoft.com/download

OK
47

Gambar 3.2: Tampilan Pembuka 1st Page 2000

ww

w.

Akhirnya, meskipun 1st Page 2000 adalah editor html gratis terbaik menurut penulis, di internet masih ada ribuan editor lain yang dapat Anda coba. Beberapa diantaranya dapat dilihat pada tabel berikut, sementara daftar yang lain bisa dilihat di http://www.w3.org/Tools/ :

BC

lu
PageMill

Menurut penulis, kelebihan utama editor ini adalah 'kerelaannya' dalam membiarkan Anda menciptakan situs web seperti apa yang Anda inginkan. Tanyakan pada semua pembuat situs web profesional dan mereka akan mengatakan pada Anda tentang pengalaman menyedihkan mereka dibalik penggunaan editor-editor html WYSIWYG standar (misalnya Macromedia BackStage, Adobe PageMill atau Microsoft Front Page). Semua web builder profesional tahu bahwa editor-editor WYSIWYG tidak pernah meng-create kode html yang bersih. Ini berarti bahwa mereka harus menghabiskan banyak waktu untuk memperbaiki, membersihkan dan mengkoreksi kode-kode html setelah penciptaannya. Program 1st Page 2000 mengantisipasi semua masalah umum ini dengan tidak menciptakan kode-kode html yang tidak kita buat! Siapapun Anda, baik pemula maupun master html, Anda akan menyukai editor ini! Editor 1st Page 2000 dapat di download dari :

b.
Html+ Editor ReVoL Web Worker Web Media Publisher HTMgen32 W3e DerekWare Chinese/Eng HTML editor Phoenix HTML Notepad

WebMania! WEB Wizard

co

Webber HTML assistant HTMLed (HTMLed32) HTMLed Pro HTML Writer HyperType Edit

m

Detector, Last Modified Date, Background Fader dan bahkan ada pula sekitar 20 cgi/perl/htmlscripts dengan instruksi lengkap tentang cara penggunaannya!

ALAMAT DOWNLOAD

http://www.w3.org/Tools/Webber.html http://www.w3.org/Tools/html-assistant.html http://www.w3.org/Tools/HTMLed.html http://www.w3.org/Tools/HTMLedPro.html http://lal.cs.byu.edu/people/nosack/ http://www.w3.org/Tools/HyperTypeEdit.ht ml http://www.w3.org/Tools/WebMania.html http://www.halcyon.com/artamedia/webwiz ard/ http://www.lm.com/~pdixon/html.html http://www.webzone1.co.uk/www/jlister/rev ol.htm http://www.wbmedia.com/publisher/ http://home.sol.no/jgaa/htmgen32.htm http://www.nce.ufrj.br/~cracky/w3e.html http://shell.masterpiece.com/derek/derekwa re/ ftp://ftp.cuhk.hk/pub/contrib/ http://http.bsd.uchicago.edu/~lnewberg/phoenix.html http://www.adobe.com/prodindex/pagemill/ main.html http://www.w3.org/Tools/HTMLNotepad.html

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

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

48

3.2 DASAR-DASAR HTML
Meskipun kenyataan membuktikan bahwa Anda dapat menciptakan halamanhalaman web tanpa mengerti sedikitpun bahasa HTM, terutama jika menggunakan editor html WYSIWYG seperti Macromedia BackStage, Adobe PageMill, Microsoft FrontPage atau Netscape Composer, tetapi untuk mengekploitasi semua kemampuan browser dan mensiasati keterbatasan berbagai fasilitas internet yang berbau 'gratisan', sangat disarankan pada Anda untuk memahami dasar-dasar html. Berbeda dengan bahasa-bahasa pemrograman komputer 'asli' lainnya, bahasa HTM adalah bahasa yang tidak memerlukan kemampuan logika dan algoritma pemrograman sehingga sebetulnya bahasa HTM tidak bisa benar-benar disebut sebagai bahasa pemrograman. Jika Anda mahir menggunakan HTML, Anda tidak akan disebut sebagai seorang programmer! Anda akan tetap menjadi seorang WebDesainer atau WebMaster!

Belajar <B>Membuat <I>Home Page</I></B> sendiri.

Akan ditampilkan oleh browser seperti ini: Belajar Membuat Home Page sendiri.

Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu dimulai dengan tanda "<" dan ditutup dengan tanda ">", misalnya <B>, <CENTRE>, <I> dan lain sebagainya.

OK

Kebanyakan tag memiliki pasangan penutup yang harus digunakan untuk menutup tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag pembuka, melainkan dapat diletakkan dimana saja dan selalu dimulai dengan tanda "</" dan ditutup dengan tanda ">", misalnya </B>, </CENTRE>, </I> dan lain sebagainya. Secara lengkap, format penggunaan tag untuk memoles teks ASCII adalah seperti berikut:

<Tag Pembuka> Teks ASCII <Tag Penutup> Contoh:
<B>Home Page</B> <I>Home Page</I>

w.

---> oleh browser akan ditampilkan sebagai Home Page ---> oleh browser akan ditampilkan sebagai Home Page

ww

Tag-tag yang memiliki pasangan penutup bersifat override (dapat menimpa fungsi tag yang sudah ada sebelumnya). Sebagai contoh, teks yang sudah dibuat tebal OKB Club Indonesia – http://www.okbclub.com

BC

3.2.1 Mengenal Tag

49

lu

b.

Meski kebanyakan tag bersifat override, ada juga tag yang tidak memiliki pasangan sehingga tidak bersifat override, misalnya <BR>, <HR> atau <INPUT>.

CATATAN : Peletakan tag penutup yang tidak benar dapat mengakibatkan tampilan yang tidak diharapkan, terutama jika pengunjung homepage Anda menggunakan browser Netscape versi 3.0 kebawah. Sebagai contoh, baris:
Belajar <I>Membuat <B></I>Home Page</B> sendiri.

Tidak akan ditampilkan sebagai "Belajar Membuat Home Page sendiri.", melainkan akan ditampilkan sebagai "Belajar Membuat Home Page sendiri." Susunan tag yang benar adalah :
Belajar <I>Membuat</I> <B>Home Page</B> sendiri.

Tag-tag html dapat ditulis dalam huruf besar maupun kecil, karena browser tidak peduli apakah Anda menulis <CENTER> dengan <Center> atau <center>. Dalam buku ini, semua tag akan ditulis dalam huruf besar untuk menunjukan bahwa itu adalah kode tag yang sudah baku (predefined).

co

m

dengan tag <B>…</B> dapat ditimpa dengan tag <I>…</I> menghasilkan kombinasi huruf tebal dan miring. Contoh:

sehingga

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

50

3.2.3 Karakter-Karakter Khusus
Semua browser mengenal karakter ASCII berkode 32 sampai 126, yaitu kode untuk angka 0-9, huruf a-z dan A-Z serta tanda-tanda baca seperti '?' atau '!'. Jika Anda ingin menggunakan kode-kode ASCII diluar kode itu, Anda harus menyertakan kode ASCII khusus yang disebut ASCII Escape Sequence. Format penggunaannya adalah &#n, dimana n adalah nomor kode ASCII yang diinginkan (0-31 & 127-255). Akan tetapi karena ada beberapa karakter ASCII yang juga digunakan sebagai komponen tag, misalnya "<", "&" atau ">", maka karakterkarakter ini harus ditangani secara khusus dengan kode-kode berikut : Karakter < > & " ± Spasi Notasi &lt; &gt; &amp; &quot; &plusmn; &nbsp; Keterangan Kurung runcing buka Kurung runcing tutup Tanda Dan Tanda petik ganda Tanda plus minus Tanda spasi

3.2.2 Atribut Tag
Sebuah tag bisa memiliki satu atribut atau lebih. Atribut digunakan untuk mengendalikan kerja tag bersangkutan. Berikut adalah 3 macam atribut yang mungkin dimiliki oleh sebuah tag: 1. 2. 3. Atribut nama, misalnya ALIGN, WIDTH dll. Atribut tanda sama dengan (=). Atribut nilai, misalnya '60', "80%", "red", "index.html" dll.

<HR ALIGN=center WIDTH=80> <HR ALIGN="center" WIDTH="80"> <HR ALIGN='center' WIDTH='80'>

OK
51

Akan tetapi sebaiknya Anda membiasakan diri untuk menggunakan tanda petik agar terhindar dari kemungkinan salah interprestasi dari sebagian browser yang ada. Jadi, meskipun cara penulisan tag seperti <A HREF=feature.html> bisa digunakan, akan tetapi akan lebih baik (dan aman) jika Anda menulisnya dengan <A HREF="feature.html">.

BC

Atribut nilai boleh juga ditulis tanpa tanda kutip, karena itu tiga contoh dibawah ini sama benarnya:

lu
Karakter  

b.

Selain kode-kode diatas, ada beberapa kode karakter khusus yang sering digunakan dalam file-file HTML. Notasi tersebut adalah: Notasi &copy; &reg; Keterangan Tanda hak cipta (Copyright) Tanda terdaftar (Registered)

Beberapa atribut nama dapat dihilangkan jika nama atribut namanya sama dengan atribut nilainya. Sebagai contoh, tag <UL COMPACT="COMPACT"> bisa ditulis dengan <UL COMPACT> saja.

w.
<— tanpa atribut

Jika atribut tidak dipakai, maka browser akan menganggap atribut yang digunakan adalah atribut default, yaitu atribut yang dipasang pada tag <BODY> (akan dijelaskan pada sub bab berikutnya). Jika menggunakan lebih dari satu atribut, maka setiap atribut yang digunakan harus dipisah dengan tanda spasi, bukan koma. Lihat contoh berikut:

3.2.4 Menangani Spasi dan Ganti Baris
Browser apapun yang Anda gunakan, tidak mengenal kode spasi lebih dari satu spasi, tidak mengenal kode ganti baris (enter/cariage return) dan tidak mengenal kode tab! Ini berarti bahwa 1000 Enter + 1000 Spasi = 1 Spasi! Jika Anda menulis teks html seperti ini :

ww

<H1>

co

Meskipun tag tidak bersifat case sensitif, namun link-link dan nama-nama referensinya bersifat case sensitif. Hal ini terutama terjadi pada file-file yang disimpan diserver-server berbasis UNIX atau LINUX. Jadi, jika Anda ingin membuat link kesebuah file bernama referensi.html, sebaiknya Anda TIDAK menggunakan tag <A HREF="Referensi.html">, melainkan harus seperti ini <A HREF="referensi.html">.

m

<H1 ALIGN="CENTER"> <— memakai 1 atribut <FONT SIZE="7" COLOR="red"> <— memakai 2 atribut

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

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

52

Maka yang akan ditampilkan oleh browser Anda adalah seperti ini:

Selain tag <!-- … -->, Anda juga bisa menggunakan tag <COMMENT> … </COMMENT>. Tetapi sayangnya, tag ini hanya dikenal oleh Internet Explorer dan Mosaic.

Riset 11 Orang Staf 6 Orang
Untuk mengatasinya, Anda harus menggunakan tag <BR> sebagai ganti baris dan menggunakan kode karakter khusus &nbsp; untuk menampilkan tanda-tanda spasi, sehingga teks html diatas harus ditulis seperti ini :
Riset 11 Orang<br> Staf &nbsp;&nbsp;&nbsp;&nbsp;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 yang lebih menyenangkan, yakni terjun langsung kedalam pembuatan halaman web yang sesungguhnya menggunakan perangkat yang sangat minim, NotePad (atau WritePad) dan Internet Explorer! Kedua program ini secara default sudah ada didalam setiap sistem operasi windows 95/98/2000/ME/NT yang Anda gunakan. Tetapi jika sempat, sekaranglah saatnya untuk men-download 1st Page 2000 atau HomeSite! (lihat sub bab 3.1.4).

CATATAN : Cara penulisan diatas dapat disederhanakan dengan <PRE>…</PRE> sehingga akan tampak seperti ini:
<PRE> Riset 11 Orang Staf 6 Orang </PRE>

tag

Baris-baris didalam file HTML dapat diberi komentar untuk memudahkan Anda atau orang lain memahami kode sumbernya. Setiap komentar harus diawali dengan tanda "<!--" dan diakhiri dengan tanda "-->". Lihat contoh berikut:

OK
53

3.2.5 Menyisipkan Komentar

atau

ww

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

w.

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

BC

lu

b.

3.3.1 Bagaimana Memulainya?
Cara terbaik untuk memulainya adalah dengan menciptakan homepage lokal didalam Hard Disk Anda. Buatlah folder baru di drive C:\ atau D:\ dengan nama apa saja, misalnya C:\www.gratis.com. Sebelum memiliki satupun editor HTML seperti yang dijelaskan pada sub bab 3.1.4, Anda dapat mulai menciptakan halaman-halaman web dengan NotePad yang ada pada setiap Windows (klik Start Programs Accessories Notepad). Berilah ekstensi .htm (atau .html) pada setiap file yang Anda buat. Untuk mencoba hasilnya, gunakan Internet Explorer dengan cara klik Start Programs Internet Explorer. Setelah Internet Explorer aktif, klik File Open File Open File in Browser… atau cukup dobel klik pada nama_file.html yang ingin ditampilkan kedalam browser.

co

m

Riset 11 Orang Staf 6 Orang

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

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

54

Gambar 3.3: Buat folder www.gratis.com di drive c:\ atau d:\ untuk menyimpan homepage lokal

Setiap halaman web setidaknya memiliki format dasar HTML seperti ini:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> Informasi mengenai isi file </HEAD> <BODY> Isi dari file </BODY> </HTML>

OK

BC

3.3.2 Format Dasar File HTML

lu
<!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE <!DOCTYPE

b.
HTML HTML HTML HTML 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. Versi HTML yang saat ini banyak digunakan adalah versi 4.0. HTML versi 4.0 disusun oleh kelompok kerja W3C (http://www.w3.org) yang bekerja sama dengan Adobe Systems, Hewlett Packard, Microsoft, IBM, Nescape Communications, Novell, SoftQuad, Spyglass dan Sun Microsystems. Juga dibantu oleh spesialis-spesialis content provider seperti HotWired, Verso dan PathFinder. Draft HTML versi 4.0 pertama kali diumumkan pada 8 juli 1997, menyempurnakan HTML versi 3.2 yang sebetulnya baru terbit Januari 1997. Meski demikian, sampai saat buku ini ditulis masih banyak dokumen HTML yang ditemukan di Internet masih menggunakan draft HTML versi 3.2. Kemukinan ini karena editor yang mereka pakai menggunakan default draft versi 3.2. Berikut adalah beberapa standar draft HTML yang bisa digunakan.

IETF (Internet Engineeiring Task Force) HTML 3.2 DTD :
PUBLIC PUBLIC PUBLIC PUBLIC PUBLIC "-//IETF//DTD "-//IETF//DTD "-//IETF//DTD "-//IETF//DTD "-//IETF//DTD HTML//EN//3.2"> HTML 3.2//EN"> HTML 3.2//EN//"> HTML Level 3.2//EN"> HTML 3.2 Level 3.2//EN">

w.

Baris pertama adalah tag untuk menentukan versi html yang digunakan dalam dokumen. Pada prakteknya, kode ini kadang dapat diabaikan alias boleh ditulis boleh tidak. Penjelasan lebih rinci akan dijelaskan dibawah. Ruang diantara tag <HEAD> dan </HEAD> dapat diisi dengan informasi mengenai halaman bersangkutan, misalnya editor yang digunakan untuk menulis halaman tersebut, informasi mengenai siapa pembuatnya, judul halaman, isi, kata kunci dll. Sedangkan ruang diantara tag <BODY> dan </BODY> adalah ruangan untuk diisi materi utama homepage Anda.

W3C HTML 3.2 & 4.0 DTD :
HTML HTML HTML HTML HTML HTML PUBLIC PUBLIC PUBLIC PUBLIC PUBLIC PUBLIC "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD "-//W3C//DTD HTML HTML HTML HTML HTML HTML 3.2 Draft//EN"> 3.2//EN"> 4.0 Draft//EN"> 4.0 Transitional//EN"> 4.0 Final//EN"> 4.0//EN">

ww

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

55

co

HTML sesungguhnya adalah salah satu aplikasi dari tipe-tipe dokumen (yang disebut DTD-Document Type Definition) dari bahasa-meta SGML. Sebuah HTML DTD berisi informasi yang menentukan secara detail tentang sintak serta tata bahasa dari penggunaan mark-up HTML.

m

3.3.3 Informasi Versi HTML

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

56

CATATAN :
Semua contoh dalam buku ini menggunakan kode FPI W3C versi 3.2 atau 4.0 seperti ini: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> Jika Anda mengedit file HTML menggunakan Netscape Navigator Gold atau Ms. FrontPage 97, file HTML yang dihasilkan secara otomatis menggunakan FPI seperti ini: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> Sementara Netscape Composer akan menghasilkan kode FPI berikut: <!DOCTYPE HTML PUBLIC Transitional//EN"> "-//W3C//DTD HTML 4.0

3.3.4 Memberi Judul Halaman/Bookmark

Ketika Anda membuka sebuah homepage, browser Anda akan menampilkan judul homepage bersangkutan di ujung kiri atas layar browser. Jika kemudian Anda menyimpan alamat URL-nya kedalam bookmark, maka judul ini akan digunakan sebagai keterangan mengenai isi alamat URL yang Anda simpan. Untuk membuat judul halaman web semacam ini, gunakan tag <TITLE>…</TITLE> dan letakkan diantara tag <HEAD> dan </HEAD> seperti ini : <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"> <HTML> <HEAD> <TITLE>HomePage SERBA-GRATIS</TITLE> </HEAD> <BODY> Home Page SERBA GRATIS </BODY> </HTML>

w.

OK
Gambar 3.5: Judul halaman secara otomatis dipakai sebagai judul bookmark

ww

BC
57

lu

b.
Gambar 3.4: Judul halaman ditampilkan disebelah kiri atas browser

Sekarang coba tambahkan halaman tersebut kedalam Bookmark (Netscape) atau Favorites (Internet Explorer), maka Anda akan mendapatkan hasil seperti tampak pada gambar 3.5.

co
OKB Club Indonesia – http://www.okbclub.com

m

Cobalah ketik baris-baris diatas dengan NotePad dan simpan dengan nama file index.html kedalam folder c:\www.gratis.com\. Setelah itu, jika file tersebut Anda klik ganda, Anda akan mendapatkan tampilan seperti gambar 3.4.

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

58

3.3.5 Informasi Untuk Search Engine
Salah satu upaya agar homepage kita dikunjungi pemakai internet sebanyakbanyaknya adalah dengan mendaftarkan homepage kita ke setiap Search Engine apa saja yang bisa ditemukan. Search Engine adalah mesin pencari URL otomatis yang bisa digunakan untuk menemukan topik-topik tertentu dibelantara web. Beberapa search engine yang terkenal diantaranya adalah Yahoo, AltaVista, InfoSeek dan WebCrawler. Jika pencarian ditemukan, search engine akan menampilkan informasi-informasi mengenai isi URL yang ditemukan. Seberapa lengkap/jelas informasi yang dapat ditampilkan oleh search engine tergantung dari pengisian saat pendaftaran atau tergantung dari isi tag informasi pada dokumen html yang ditemukan. Semua informasi yang ingin disampaikan pada halaman web dapat kita masukkan dengan tag <META NAME=> diantara tag <HEAD>…</HEAD>. Format penggunaannya adalah: <META NAME="penjelasan" CONTENT="isi"> Sebagai contoh, berikut adalah penggunaan tag <META> untuk beberapa informasi yang akan digunakan oleh search engine sebagai referensi:
<HEAD> <TITLE>Home Page SERBA GRATIS</TITLE> <META NAME="Autor" CONTENT="OKB Club Indonesia"> <META NAME="Generator" CONTENT="Microsoft FrontPage 4.0"> <META NAME="Description" CONTENT="Home Page SERBA GRATIS adalah referensi lengkap tentang semua materi di internet yang dapat diperoleh secara GRATIS !"> <META NAME="KeyWords" CONTENT="gratis,'serba gratis',free, 'free stuff','free email','free web space','free counter'"> </HEAD>

3.3.6 Mengatur Warna Teks Global

OK
59

BC

w.

Jika halaman-halaman homepage Anda terdiri dari beberapa bahasa, Anda bisa mendefinisikan bahasa yang Anda gunakan dengan atribut LANG. Sebagai contoh, jika isi dokumen web Anda ditulis dalam bahasa Perancis, Anda dapat menggunakan attribut LANG seperti ini:
<META NAME="Author" LANG=fr CONTENT="OKB Club Indonesia">

ww

lu

b.

Warna teks yang akan ditampilkan oleh browser secara global ditentukan oleh salah satu atribut yang ada pada tag <BODY>. Secara lengkap, atribut yang dapat dipasang pada tag <BODY> adalah sebagai berikut:

text="warna" - Warna teks link="warna" - Warna link vlink="warna" - Warna link yang pernah dikunjungi alink="warna" - Warna link aktif background="file_gambar" - Latar belakang gambar bgcolor="warna" - Warna latar belakang
Dimana "warna" dapat berupa kode warna atau kode nama warna. Jika menggunakan kode warna, format yang digunakan adalah #rrggbb. Masingmasing huruf rr, gg dan bb mewakili kode angka red, green dan blue dari #00 sampai #ff heksa.

Sebagai contoh, untuk menampilkan seluruh teks berwarna merah, Anda dapat menggunakan kode berikut :
<BODY TEXT="#FF0000"> Teks ini akan ditampilkan dalam warna MERAH </BODY>

Jika menggunakan kode nama warna, kode yang dapat digunakan adalah namanama warna dalam bahasa inggris. Sebagai contoh, kode diatas dapat diganti dengan baris-baris berikut dengan hasil yang sama :
<BODY TEXT="red"> Teks ini akan ditampilkan dalam warna MERAH </BODY>

co

Kode-kode bahasa yang lain adalah LANG=en untuk bahasa Inggris, LANG=de untuk bahasa belanda dan lain sebagainya. Penggunaan atribut bahasa ini memungkinkan untuk ditampilkannya karakter-karakter khusus pada bahasabahasa tertentu untuk keperluan speech synthesis, klasifikasi teks yang digunakan dalam search engine dll.

m

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

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

60

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:
Black White Red Yellow Lime Aqua = = = = = = #000000 #FFFFFF #FF0000 #FFFF00 #00FF00 #00FFFF Blue Fuchsia Gray Silver Maroon = = = = = #0000FF #FF00FF #808080 #C0C0C0 #800000 Olive Green Teal Navy Purple = = = = = #808000 #008000 #008080 #000080 #800080

Warna latar belakang (background) dapat dimanipulasi dengan dua cara. Pertama, menggunakan atribut BGCOLOR dan yang kedua, menggunakan atribut BACKGROUND. BGCOLOR digunakan untuk membuat latar belakang dengan warna-warna solid, sedangkan BACKGROUND digunakan untuk membuat latar belakang dengan file gambar. Sebagai contoh, untuk menampilkan teks putih dengan latar belakang hitam, Anda dapat menggunakan cara berikut :
<BODY TEXT="white" BGCOLOR="black"> <CENTER><H1>HOME PAGE SERBA-GRATIS !</H1></CENTER> </BODY>

OK
61

BC
Gambar 3.7: Hasil gambar 3.6 jika file background berhasil di load

3.3.7 Mengatur Warna Latarbelakang

ww

w.

Anda juga dapat menggunakan kedua atribut bersama-sama sebagai cadangan jika atribut BACKGROUND yang menggunakan gambar sebagai latar belakang gagal me-load gambar dari server. Gambar 3.6 adalah contoh penggunan kedua atribut ini bersama-sama untuk mendapatkan warna latar belakang hitam jika file gambar background.jpg yang dipakai sebagai latar belakang gagal di-load.

lu
Cara diatas adalah trik yang harus digunakan jika Anda ingin menampilkan karakter-karakter dengan warna terang. Sebab jika Anda menggunakan teks putih/kuning, sementara gambar berwarna gelap yang akan dipakai sebagai latar belakang gagal di-load, maka browser akan secara otomatis menggunakan warna latar belakang default (putih) sehingga tulisan Anda kemungkinan besar tidak terbaca oleh pengunjung.

b.

co
Gambar 3.6: Menggunakan dua latar belakang sekaligus

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.

m
OKB Club Indonesia – http://www.okbclub.com

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

62

<A HREF="/trainer/daikatana.htm">Trainer Daikatana</A>

<BODY TEXT="white" BGCOLOR="black" BACKGROUND="/images/background.jpg">

Dan jika lokasi file daikatana.htm berada dalam sub direktori yang sama, Anda cukup menulis baris diatas dengan cara berikut :
<A HREF="daikatana.htm">Trainer Daikatana</A>

Dan jika file gambarnya berada dialamat server (situs web) yang lain, maka Anda harus menggunakan alamat server tersebut secara lengkap, misalnya :
<BODY TEXT="white" BGCOLOR="black" BACKGROUND="http://serba_gratis.tripod.com/images/ background.jpg">

3.3.8 Menggunakan Link
Satu diantara dua tag yang 80%-nya digunakan dalam setiap halaman web adalah <A> (selain tag <IMG>). Tag ini digunakan untuk melompat ke halaman html lain, baik yang berada dalam server bersangkutan maupun diserver lain. Segala sesuatu (teks atau gambar) yang diapit dengan tag ini apabila di klik akan membawa user ke halaman lain sesuai atribut HREF yang digunakan dalam tag tersebut. Format penggunaannya adalah sebagai berikut : <A HREF="Lokasi_Dokumen_Tujuan">Nama Link</A> Contoh :

BC
63

OK

<A HREF="http://infocheats.tripod.com/trainer/ daikatana.htm">Trainer Daikatana</A>

Yang akan ditampilkan oleh browser seperti ini :

w.

Trainer Daikatana

ww

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

lu

b.

Anda juga dapat melompat ke bagian lain dalam file dokumen yang sama. Dalam hal ini lokasi tujuan lompatannya harus diberi nama terlebih dahulu. Sebagai contoh, didalam file index.htm terdapat topik "Yang Baru Hari Ini" dan Anda ingin membuat link-nya dari halaman yang sama pada posisi paling atas layar. Untuk melakukannya, pertama-tama Anda harus memberi nama lokasi topiknya dengan cara berikut :
<A NAME="yang_baru"></A> <B><U>Yang Baru Hari Ini:</U></B>

Setelah itu, untuk membuat link kebagian tersebut, gunakan cara berikut :
<A HREF="index.htm#yang_baru">Yang Baru Hari Ini</A>

3.3.9 Mengatur Warna Link
Teks yang dijadikan link secara otomatis akan diberi garis bawah dan secara default akan diberi warna biru, saat diklik akan berwarna ungu dan setelah di klik warnanya akan berubah menjadi ungu. Untuk mengganti warna default ini, gunakan atribut link dan alink dan vlink pada tag <BODY>. Sebagai contoh, untuk mengganti warna link menjadi merah, saat diklik berwarna biru dan setelah di klik menjadi hijau, gunakan cara berikut : <BODY LINK="red" ALINK="blue" VLINK="green">

co

m

Perhatikan juga bahwa contoh diatas menggunakan file gambar background.jpg yang berada dilokasi yang sama dengan lokasi file index.html berada. Jika file gambarnya berada dilokasi lain, Anda harus menulisnya dengan lokasi yang benar, misalnya:

server yang digunakan adalah server yang sama dengan lokasi dokumen Anda, maka penulisan alamat servernya dapat dihilangkan seperti ini :

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

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

64

3.3.10 Membuat Garis Horisontal
Garis horisontal biasanya digunakan untuk mempercantik tampilan atau untuk memisah dua informasi dengan inti yang berlainan. Garis horisontal dapat dibuat dengan tag <HR>. Dalam mode default, tag <HR> akan membangkitkan garis horisontal yang hampir membelah layar dari kiri ke kanan dengan garis berwarna abu-abu berbayang. Jika ingin ditampilkan dengan tampilan yang lain, Anda dapat menggunakan atribut-atribut berikut: ALIGN="left | right | center" - Mengatur posisi garis NOSHADE - Tidak menggunakan bayangan SIZE="angka" - Untuk mengatur tinggi garis dalam pixel WIDTH="angka" - Untuk mengatur lebar garis dalam pixel atau persen Sebagai contoh, tampilan pada gambar 3.8 berikut :

OK
65

Gambar 3.8: Contoh penggunaan tag <HR>

w.

BC
Dihasilkan oleh baris-baris HTML seperti ini:

ww

<BODY BGCOLOR="#C0C0C0"> &lt;HR WIDTH="80%" ALIGN="left"&gt;<BR> <HR WIDTH="80%" ALIGN="left"> &lt;HR WIDTH="80%" ALIGN="right"&gt;<BR>

lu

b.

3.4 MANIPULASI TEKS
Seperti sebuah dokumen, salah satu unsur yang menentukan menarik atau tidaknya tampilan dokumen web adalah lay-out dan penggunaan jenis huruf yang tepat. Hal-hal khusus yang perlu penekanan sebaiknya ditampilkan dalam huruf tebal, sementara teks-teks yang mereferansi ke sesuatu hal diberi garis bawah atau huruf miring dan demikian seterusnya. Bagaimanapun ada sedikit perbedaan antara tampilan halaman utama sebuah web dengan tampilan dokumen cetak. Dalam membuat homepage, besar halaman utama web Anda sebaiknya tidak lebih dari 35 Kb. Jika lebih dari itu, teks yang dihasilkan akan menjadi sangat panjang sehingga tidak mirip dengan 'halaman' lagi. Lebih dari itu, halaman utama web yang terlalu panjang akan membuat pengunjung menjadi lupa akan inti yang ditawarkan web bersangkutan. Dalam sub bab ini kita akan mempelajari cara mengatur ukuran huruf, mengatur posisinya, warnanya, tipe hurufnya dan semua hal yang berhubungan dengan manipulasi teks.

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:
<BODY> Mengapa harus bayar kalau ada yang <B>GRATIS!</B> </BODY>

akan ditampilkan oleh browser seperti ini:

co

<HR WIDTH="80%" ALIGN="right"> &lt;HR ALIGN="center"&gt;<BR> <HR ALIGN="center"> &lt;HR SIZE="20" ALIGN="center" WIDTH="50%"&gt;<BR> <HR SIZE="20" ALIGN="center" WIDTH="50%> &lt;HR ALIGN="center" SIZE="5' NOSHADE&gt;<BR> <HR ALIGN="center" SIZE="5" NOSHADE> &lt;HR WIDTH="65%" ALIGN="center" SIZE="15" NOSHADE&gt;<BR> <HR WIDTH="65%" ALIGN="center" SIZE="15" NOSHADE> <P><HR> <I>Copyright &copy; 2000 OKB Club Indonesia.</I> </BODY>

m

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

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

66

Mengapa harus bayar kalau ada yang GRATIS!
Jika ingin menampilkan huruf atau teks miring (italic), tag yang harus digunakan adalah <I>…</I>. Contoh berikut ini :
<BODY> Situs ini berisi semua informasi yang dibutuhkan untuk <I>Membangun HomePage Sendiri</I> secara <B>GRATIS!</B> </BODY>

<BODY> <B><I><U>Pokoknya semuanya GRATIS!</U></I></B> </BODY>

yang akan menghasilkan tampilan di browser seperti ini:

Akan ditampikan oleh browser seperti ini: Situs ini berisi semua informasi yang dibutuhkan untuk Membangun HomePage Sendiri secara GRATIS!
Sementara itu, garis bawah dapat dibuat dengan mengapit teks dengan tag <U> … </U>. Lihat contoh berikut:
<BODY> Keterangan lebih lanjut, hubungi <U>WebMaster SerbaGratis</U>. </BODY>

BC
67

akan ditampilkan seperti ini :

OK

Keterangan lebih lanjut, hubungi WebMaster SerbaGratis. CATATAN :

w.

Teks-teks yang dibuat link, secara otomatis juga ditampilkan dengan garis bawah oleh browser. Bedanya, garis bawah yang dibuat dengan tag <U>…</U> akan memiliki warna sesuai warna hurufnya, sedangkan teks bergaris bawah hasil link akan memiliki warna default link (biru) atau sesuai warna yang ditentukan oleh atribut LINK dan VLINK.

ww

lu

b.

Pokoknya semuanya GRATIS!

3.4.2 SubScript & SuperScript
SuperScript biasanya digunakan untuk menaikkan posisi karakter atau teks lebih tinggi dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan sebagainya. Perhatikan contoh berikut :
<BODY> Jam : 12<SUP>45</SUP> s/d 15<SUP>30</SUP> WIB.<BR> Sudut : 90<SUP>o</SUP><BR> Luas : 100m<SUP>2</SUP> </BODY>

Jika dilihat dengan browser akan tampak seperi ini : Jam : 1245 s/d 1530 WIB. Sudut : 90o Luas : 100m2

Sementara itu, SubScript biasanya digunakan untuk menurunkan posisi karakter atau teks menjadi lebih rendah dari teks normal, misalnya untuk menampilkan kode rumus atau indek. Sebagai contoh, tampilan seperti ini: Ucal = 3.1956 Atur selektor YA dan YB menjadi 50 Point XY14 XY15 Dapat dihasilkan dengan cara penulisan tag seperti ini: OKB Club Indonesia – http://www.okbclub.com

co

m

Karena setiap tag dapat dikombinasikan dengan tag yang lain, maka kita dapat membentuk efek campuran. Sebagai contoh, kita dapat membuat teks tebal, miring dan bergaris bawah dengan cara seperti ini:

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

68

3.4.3 Menampilkan Teks Apa Adanya
Seperti telah dijelaskan pada sub bab 3.2.4, karakter spasi yang lebih dari satu, karakter [tab] maupun [enter] akan diabaikan oleh browser. Browser tidak dapat menampilkan 2 baris teks jika pemisah diantara kedua baris tersebut adalah kode [enter]. Browser tidak dapat menampilkan 2 buah spasi jika yang digunakan benar-benar 2 buah spasi. Untuk mengatasi hal ini, yakni untuk menampilkan teks apa adanya (spasi ditampilkan spasi, [enter] ditanggapi sebagai [enter] dan sebagainya) kita dapat menggunakan tag <PRE>…</PRE>. Contoh dibawah ini akan ditampilkan browser dalam posisi yang persis sama dengan aslinya.
<PRE> <B>MALAM DIKOTAMU</B> Sepi Jalan Dalam Kenangan Suara Hujan Ketuk Kaca Jalanan Oh Suasana Nostalgia Yang Anda Menyentuh Rinduku Hari Yang Lalu </PRE>

Komputer Pentium Celeron Pentium Pentium Pentium

co
Speed 266 500 550 1 2.2 MMX II III IV Mhz Mhz Mhz Ghz Ghz

<BODY> U<SUB>cal</SUB> = 3.1956<BR> Atur selektor Y<SUB>A</SUB> dan Y<SUB>B</SUB> menjadi 50 Point<BR> XY<SUB>14</SUB>&nbsp; XY<SUB>15</SUB> </BODY>

akan ditampilkan oleh browser seperti ini :

Penawaran khusus !!!

m
Rp. Rp. Rp. Rp. Rp.

Harga Lama 500.000,600.000,850.000,950.000,999.000,-

Harga Baru Rp. Rp. Rp. Rp. Rp. 350.000,500.000,650.000,875.000,900.000,-

BC
69

3.4.4 Mencoret teks

Untuk mencoret teks, Anda dapat mengapit teks yang ingin dicoret dengan tag <STRIKE> dan </STRIKE>. Contoh dibawah ini :
<BODY> <B>Penawaran khusus !!!</B><PRE> Komputer Speed Harga Lama Harga Baru</B><BR> Pentium MMX 266 Mhz Rp. <STRIKE>500.000,-</STRIKE> Rp. 350.000,Celeron 500 Mhz Rp. <STRIKE>600.000,-</STRIKE> Rp. 500.000,Pentium II 550 Mhz Rp. <STRIKE>850.000,-</STRIKE> Rp. 650.000,Pentium III 1 Ghz Rp. <STRIKE>950.000,-</STRIKE> Rp. 875.000,Pentium IV 2.2 Ghz Rp. <STRIKE>999.000,-</STRIKE> Rp. 900.000,-</PRE> </BODY>

OK

w.

ww

lu

b.
CATATAN :

3.4.5 Membuat Teks Berkedip
Jika Anda ingin menampilkan teks tertentu lebih menarik perhatian daripada teksteks yang lain, misalnya kata PERHATIAN! atau AWAS! Anda dapat menampilkannya dalam bentuk teks yang berkedip-kedip. Tag yang dapat digunakan adalah <BLINK>…</BLINK>. Contoh :
<CENTER> <B><BLINK>PERHATIAN!</BLINK></B> <P>Ini adalah Situs Khusus Untuk Orang Dewasa. Bagi Anda yang <B>berusia dibawah 21 tahun</B>, silahkan klik tombol BACK di browser Anda!</P> </CENTER>

Fungsi pengedipan teks hanya didukung oleh Netscape. Jika user menggunakan NCSA Mosaic atau Internet Explorer, teks "PERHATIAN!" diatas tidak akan berkedip-kedip, melainkan ditampilkan seperti teks biasa!

3.4.6 Membuat Teks Berjalan
Teks berjalan dapat dibuat dengan tag <MARQUEE>..</MARQUEE>. Atribut yang umum digunakan adalah : BGCOLOR="warna" – Untuk mengatur warna background teks OKB Club Indonesia – http://www.okbclub.com

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

70

Berikut adalah contoh untuk menampilkan teks dengan font arial berwarna putih diatas dasar merah yang berjalan dari kanan kekiri ditengah layar :
<CENTER><FONT FACE="arial" COLOR="white"><B> <MARQUEE BGCOLOR="Red" WIDTH="60%"> Teks ini ditampilkan berjalan dari kanan ke kiri ! </MARQUEE> </B></FONT></CENTER>

CATATAN :

3.4.7 Menggunakan Header

w.

Header adalah huruf-huruf atau teks berukuran khusus yang dapat digunakan untuk memberi judul suatu bab atau sub bab dalam dokumen. Ada 6 level ukuran header yang dapat digunakan sesuai kebutuhan. Header level 1 adalah header dengan ukuran huruf paling besar sedangkan header level 6 adalah header dengan ukuran huruf paling kecil. Sintak penggunaannya adalah sebagai berikut: <Hn ALIGN="margin">

OK
71

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!

BC
Gambar 3.9: Mengatur ukuran font dengan Header

ww

lu
3.4.8 Mengatur Paragraph
Setiap dokumen biasanya terdiri dari satu paragraph atau lebih. Masing-masing paragraph dipisahkan dengan spasi kosong. Secara umum Anda bisa memakai dua tag <BR> untuk membuat spasi kosong diantara 2 paragraph, tetapi ini tidak praktis. Ada tag khusus yang dapat digunakan untuk memisahkan paragraph, yaitu

b.

DIRECTION="left | right" – Mengatur arah gerakan teks BEHAVIOR="scroll | slide | alternate" – Mengatur perilaku gerakan (scroll=teks bergerak berputar, slide=teks bergerak sekali lalu berhenti, alternate=teks bergerak kekiri lalu kekanan dst.) TITLE="pesan" – Pesan akan muncul saat mouse berada diatas teks SCROLLAMOUNT="angka" – Mengatur kecepatan gerakan dalam pixel, semakin banyak semakin cepat SCROLLDELAY="angka" – Mengatur waktu tunda gerakan dalam mili detik LOOP="angka | -1 | infinite" – Mengatur jumlah loop WIDTH="lebar" – Mengatur lebar blok teks dalam pixel atau persen

<BODY> <H1>Menggunakan Header Level 1 (&lt;H1&gt;)</H1> <H2>Menggunakan Header Level 2 (&lt;H2&gt;)</H2> <H3>Menggunakan Header Level 3 (&lt;H3&gt;)</H3> <H3 ALIGN="center">Menggunakan Header Level 3 (dengan ALIGN="center")</H3> <H3 ALIGN="right">Menggunakan Header Level 3 (dengan ALIGN="right")</H3> <H4>Menggunakan Header Level 4 (&lt;H4&gt;)</H4> <H5>Menggunakan Header Level 5 (&lt;H5&gt;)</H5> <H6>Menggunakan Header Level 6 (&lt;H6&gt;)</H6> <BODY>

co

m

dimana n adalah angka dari 1 s/d 6. Margin dapat berupa "left" (default), "right" atau "center". Contoh :

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

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

72

Akan menghasilkan efek yang sama dengan baris ini: Ini adalah paragraph pertama <BR><BR>Dan ini adalah paragraph kedua.

3.4.9 Mengatur Alignment
Tag <P> sebenarnya memiliki atribut khusus yang dapat kita gunakan untuk mengatur mode perataan (alignment) teksnya. Sintak penggunaannya adalah seperti ini: <P ALIGN="mode_perataan"> dimana mode_perataan adalah mode perataan teks yang dapat berupa:

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

ww

<BODY> <P>Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara OKB Club Indonesia – http://www.okbclub.com

w.

Sebagai contoh, tampilan pada gambar 3.10 dihasilkan dari baris-baris dibawah ini. Paragraph pertama menggunakan mode perataan default (rata kiri), paragraph kedua menggunakan mode rata-kanan, paragraph ketiga menggunakan mode 'center' dan paragraph terakhir menggunakan mode perataan kiri dan kanan (justify).

OK
Gambar 3.10: Contoh-contoh pengaturan aligment teks

"center" - Untuk membuat paragraph berada ditengah layar "justify" - Membuat paragraph rata kiri dan kanan (hanya berlaku untuk Netscape Comunicator dan MS Internet Explorer versi 4 beta 2 keatas)

BC
73

lu

b.

co

Ini adalah paragraph pertama. <P>Dan ini adalah paragraph kedua.

m

tag <P>. Secara otomatis, penggunaan tag ini akan membangkitkan efek yang sama dengan penulisan 2 buah tag <BR>. Contoh:

GRATIS! Dari mulai akses internet-nya, alamat email-nya, editor-nya, program-program bantunya, trik-triknya, informasinya, web server-nya, guestbook-nya, counter-nya, script-nya dll. <P ALIGN="right">Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara GRATIS! Dari mulai akses internet-nya, alamat email-nya, editor-nya, program bantunya, trik-triknya, informasinya, web server-nya, guestbook-nya, counter-nya, script-nya dll. <P ALIGN="center">Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara GRATIS! Dari mulai akses internet-nya, alamat email-nya, editor-nya, program bantunya, trik-triknya, informasinya, web server-nya, guestbook-nya, counter-nya, script-nya dll. <P ALIGN="justify">Situs ini berisi semua informasi yang dibutuhkan untuk Membangun Home Page Sendiri secara GRATIS! Dari mulai akses internetnya, alamat email-nya, editor-nya, program bantunya, trik-triknya, informasinya, web servernya, guestbook-nya, counter-nya, script-nya dll. </BODY>

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

74

TIPS :
Penggunaan tag <P ALIGN="center"> menghasilkan reaksi yang sama dengan penggunaan tag <CENTER> … </CENTER>.

3.4.10 Mengatur Indent Paragraph
Jika Anda menghendaki sebuah paragraph lebih masuk kedalam (indent) dari pada paragraph-paragraph yang lain, Anda dapat menggunakan tag <BLOCKQUOTE>…</BLOCKQUOTE>.

3.4.11 Memilih Font

lu

b.
Gambar 3.11: Indent paragraph dapat diatur dengan <blockquote>

Secara default, semua teks normal yang ditulis dihalaman web akan ditampilkan dengan tipe huruf (font) Times New Roman berukuran 10 point, sedangkan teksteks formatted akan ditampilkan dengan tipe huruf Courier New. Dari sisi user, jika ingin tampilan dengan tipe huruf yang lain, user dapat merubah tipe-tipe hurufnya dengan cara merubah setting huruf default di browser-nya dengan cara seperti ini: Jika menggunakan Netcape Navigator : Klik menu Options General Preference… pilih tab Fonts klik tombol Choose Font…. Jika menggunakan Internet Explorer : Klik menu View Options… pilih tab General klik tombol Fonts…. Internet

Sebagai contoh, tampilan pada gambar 3.11 diatas adalah hasil dari baris-baris html dibawah ini :
<BODY> Teks normal …. <BLOCKQUOTE> <P><B>Routing di Internet</B> <P>Kita semua tahu Internet menghubungkan komputer-komputer yang ada dimuka bumi ini. Kita dapat mengirim e-mail yang berada di Australia, Amerika, Eropa dan banyak lagi. Kita juga dapat kencan dengan gadis Boston, demikian iklan salah

OK
75

w.

BC ww

Sedangkan dari sisi perancang web, berbagai macam atribut huruf seperti ukuran, warna atau tipe hurufnya dapat diatur dengan tag <FONT>…</FONT>. Tag ini adalah satu-satunya tag manipulasi karakter bergaya fisik yang memiliki attribut. Tag <FONT> pertama kali diperkenalkan oleh Netscape untuk mengatur ukuran huruf. Kemudian disusul oleh Internet Explorer yang juga menambahkan 2 atribut baru, COLOR dan FACE. Semenjak saat itu, browser-browser berbasis grafik yang biasanya hanya menampilkan huruf tebal, miring garis bawah dan huruf-huruf berlebar tetap (fixed-width) atau kombinasi diantaranya, dapat ditampilkan lebih bervariasi lagi. Format penggunaan tag ini adalah: <FONT SIZE="ukuran" COLOR="warna" FACE="tipe_font"> dimana ukuran adalah angka 1 s/d 7, warna adalah kode warna (lihat sub bab 3.3.6) dan tipe_font adalah nama tipe huruf yang diinginkan. Sebagai contoh, baris-baris dibawah ini akan ditampilkan browser seperti tampilan gambar 3.12.
<BODY><BASEFONT SIZE=5> Ini tipe huruf normal (Times New Roman).<BR> Ini <FONT FACE="Algerian">tipe huruf ALGERIAN</FONT>.<BR>

co

m

satu penyedia jasa Internet. Tetapi bagaimana sebenarnya mekanisme yang terjadi sehingga kita dapat berkencan?</P> --<I>Majalah Infokomputer</I>, Oktober 1999 – </BLOCKQUOTE> </BODY>

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

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

76

lu
Gambar 3.12: Tampilan teks dalam berbagai macam tipe font

Selain ketiga atribut yang telah disebutkan diatas, masih ada satu lagi atribut POINT-SIZE yang dapat digunakan sebagai alternatif baru yang lebih fleksibel untuk mengatur ukuran huruf. Kemampuan yang hanya dimiliki oleh Netscape Navigator versi 4.0 Beta 5+ ini dapat mengatasi keterbatasan atribut SIZE yang hanya dapat mengatur ukuran font dari 1 sampai 7 saja. Format penggunaannya adalah:

OK
77

BC

Contoh:

<font POINT-SIZE=20>Text dengan ukuran 20 point</font>

ww

w.

<FONT POINT-SIZE="ukuran font dalam point">

b.

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 yang mengatur warna teks untuk keseluruhan dokumen, atribut COLOR= pada tag <FONT> hanya mengatur warna huruf sampai ditemukannya tag penutup </FONT>. Tampilan gambar 3.13 dihasilkan dengan baris-baris html dibawah ini :
<BODY> <CENTER><H2> <FONT FACE="arial"><FONT COLOR="Green">Selain <FONT COLOR="blue"> tipe huruf,</FONT> kita juga dapat mengatur </FONT><FONT COLOR="Fuchsia">WARNA</FONT> huruf dengan mengatur <FONT COLOR="Aqua">attribut</FONT> <FONT COLOR="red"> COLOR=</FONT> <FONT COLOR="Yellow">warna</FONT> pada tag &lt;FONT&gt;.</FONT> </H2></CENTER> </BODY>

co

Ini <FONT FACE="Comic Sans MS">tipe huruf Comic Sans MS</FONT>.<BR> Ini <FONT FACE="Haettenschweiler">tipe huruf Haettenschweiler</FONT>.<BR> Ini <FONT FACE="Broadway">tipe huruf Broadway</FONT>.<BR> Ini <FONT FACE="Diploma">tipe huruf DIPLOMA</FONT>.<BR> Ini <FONT FACE="Tahoma">tipe huruf Tahoma</FONT>.<BR> Ini <FONT FACE="Harlow">tipe huruf HARLOW</FONT>. </BODY>

TIP MEMILIH FONT :
1.

Pilihlah font yang kira-kira dimiliki oleh kebanyakan komputer pengunjung homepage Anda. Jika Anda menggunakan font yang tidak umum, maka kemungkinan besar pengunjung situs Anda tidak memiliki tipe font seperti yang Anda miliki. Sebagai akibatnya, browser akan menampilkan huruf dengan font default (New Times Roman) sehingga tujuan Anda untuk menggunakan tipe-tipe font yang menurut Anda bagus malah bisa menjadi tidak karuan! 2. Jika Anda tidak yakin pengunjung Anda memiliki font seperti yang Anda inginkan, gunakanlah font alternatif (menggunakan font lain jika font yang Anda inginkan tidak mereka miliki). Caranya adalah dengan mencantumkan tipe font alternatifnya dibelakang font yang sudah ada dengan perantara tanda koma. Jika ada spasi, font tersebut harus dikurung dengan tanda petik tunggal. Contoh: <FONT FACE="TopSecret,'Century Gothic',Copacabana">teks</FONT>

m

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

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

78

Gambar 3.13: Warna font bisa diatur dengan atribut “COLOR=x”

Ukuran font dapat dipilih dengan mengatur atribut SIZE= pada tag <FONT>. Ukuran-ukuran yang dapat dipilih adalah angka 1 (setara dengan ukuran standar windows 8 point) s/d 7 (setara dengan 36 point). Contoh:
<BODY><B> <FONT SIZE=1>FONT SIZE=2</FONT> <FONT SIZE=3>FONT SIZE=4</FONT> <FONT SIZE=5>FONT SIZE=6</FONT> <FONT SIZE=7>FONT </BODY> SIZE=1</FONT> <FONT SIZE=2>FONT SIZE=3</FONT> <FONT SIZE=4>FONT SIZE=5</FONT> <FONT SIZE=6>FONT SIZE=7</FONT></B>

OK
79

ww

w.

Selain angka 1 s/d 7, kita juga dapat menggunakan tanda – atau + didepan angkaangka tersebut untuk mengatur ukuran huruf relatif terhadap ukuran huruf default yang diatur oleh tag <BASEFONT> (dibahas dibawah).

BC

3.4.13 Mengatur Ukuran Font

lu

b.
Gambar 3.14: Ukuran font bisa diatur dengan atribut “SIZE=x”

3.4.14 Mengatur Font Default
Warna teks default memang dapat diset dengan atribut TEXT= dalam tag <BODY> (lihat sub bab 3.3.6), akan tetapi ukuran dan tipe hurufnya tidak. Untuk mengatasinya, Anda dapat menggunakan tag <BASEFONT>. Cara penggunaannya adalah seperti ini:

<BASEFONT SIZE="ukuran" COLOR="warna" FACE="font">
dimana "ukuran" adalah ukuran font dari 1 s/d 7. "warna" adalah kode warna default yang diinginkan dan "font" adalah tipe huruf yang diinginkan, misalnya 'Arial', 'Times New Roman', 'Algerian' dlsb. Contoh:
<BASEFONT SIZE="3" COLOR="blue" FACE="arial"> <BODY> … Semua teks disini secara default akan ditampilkan dengan tipe huruf Arial berwarna biru dengan ukuran font 3 (setara dengan 12 point dalam windows) </BODY>

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m
80

TIPS :
<BASEFONT> bisa diletakkan dimana saja, akan tetapi efek yang dihasilkan hanya terjadi pada font yang berada pada baris-baris dibawahnya saja. Jika Anda ingin mendapatkan efek pada semua font, letakkan tag <BASEFONT> diatas tag <BODY> atau letakkan diantara <HEAD>…</HEAD>. Ukuran yang dibuat sebagai base font akan digunakan oleh <FONT> sebagai ukuran font dasar (default-nya adalah 3). Untuk mengubah ukuran font ini, Anda harus menambahkan tanda "–" atau "+" (misalnya +4 atau -1). Sebagai contoh, jika Anda mengatur base font dengan SIZE=3, maka jika kemudian Anda menggunakan <FONT SIZE=+2>, maka font yang akan ditampilkan browser adalah font berukuran 5 (dari 3+2). Tetapi perlu diperhatikan bahwa ukuran font yang ditanggapi oleh browser maksimum adalah 7. Jika hasil penjumlahan font lebih dari 7, browser tetap akan menampilkan ukuran font 7. Karena itu dengan base font berukuran 6, <FONT SIZE=+4> akan menghasilkan tampilan yang sama dengan <FONT SIZE=+2> atau sama dengan <FONT SIZE="7">. Lihat contoh dibawah ini:

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

w.

OK ww
<BODY> <B>Tanpa BASEFONT (default)</B><BR> <FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1' </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">

BC
81

lu

b.
CATATAN :

Font-font yang dibentuk dengan tag header (<H1>, <H2>, <H3>, <H4>, <H5> dan <H6>) tidak terpengeruh oleh tag <BASEFONT>.

3.5 MANIPULASI GAMBAR
Selain ukuran dan warna teks yang kreatif, gambar adalah materi bagus untuk meningkatkan tampilan web karena gambar dapat membangkitkan nuansa informasi visual. Tetapi terlalu banyak gambar dapat menyita bandwidth sehingga akan memerlukan waktu lebih banyak untuk membukanya, terutama jika gambar-gambar yang digunakan tidak dioptimasi untuk penggunaan web. Desain halaman web dengan gambar-gambar yang tidak tepat justru dapat menimbulkan masalah! Gambar sebaiknya hanya digunakan untuk membuat tampilan web menjadi lebih menarik dan informatif, tidak semata-mata membuat seluruh halaman menjadi berbasis gambar! Ingatlah bahwa setiap gambar yang Anda gunakan akan menambah waktu loading halaman web Anda, padahal setiap pengguna internet selalu ingin segala sesuatunya berjalan serba cepat. Jika Anda ingin pengunjung homepage Anda mampir dan betah tinggal lama di situs web Anda, buatlah halaman-halaman web yang dapat diakses secepat mungkin. Untuk mengetahuinya, cobalah menahan nafas sementara Anda membuka homepage Anda dengan browser. Dapat? Jika tidak, berarti halaman Web Anda terlalu sarat dengan gambar!

3.5.1 Memburu Editor Gambar Gratis Dari Internet
Sekarang editor gambar dapat diperoleh dengan sangat mudah. Dari yang sederhana sampai yang sangat canggih. Jika Anda menggunakan Windows, editor OKB Club Indonesia – http://www.okbclub.com

co

SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR> <B>Dengan BASEFONT SIZE="2"</B><BR> <BASEFONT SIZE="2"> <FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1' </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3"> SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR> <BASEFONT SIZE="3"> <B>Dengan BASEFONT SIZE="4"</B><BR> <BASEFONT SIZE="4"> <FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1' </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3"> SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT> </BODY>

m

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

82

BC
Gambar 3.16: Tampilan program Paint Shop Pro 5.0

lu
Gambar 3.17: Tampilan program Xara3D

Jika Anda sempat jalan-jalan ke toko-toko CD-ROM yang lengkap, Anda akan mendapati puluhan CD-ROM berisi berbagai macam editor gambar dari yang sederhana sampai yang canggih dan rumit dengan harga berkisar 20 ribu sampai 60 ribu rupiah. Murah amat? Tentu saja karena ini versi bajakan! Jika Anda kebetulan adalah salah seorang penggemar software, Anda pasti setuju untuk mengatakan bahwa "Dimasa krisis ini, membeli software asli di Indonesia jaaaaaauuh …. lebih sulit dari pada beli yang bajakan!". Jika Anda tidak sempat jalan-jalan, ada ratusan bahkan ribuan editor gambar di Internet yang dapat di download gratis! Salah satunya yang paling saya sarankan pada Anda untuk memilikinya adalah Paint Shop Pro. Program ini sangat mudah digunakan dan memiliki segudang fasilitas hebat yang sangat dibutuhkan oleh seorang desainer web. Paint Shop Pro dapat di download dari http://www.jasc.com/psp.html.

b.
Untuk melengkapi Paint Shop Pro dan Xara3D, berikut adalah sebagian editor gratis lain berserta alamat dimana Anda dapat men-download-nya:
NAMA PROGRAM GIMP Button Artist imageN Windows Scanner Photo Wizard ImageForge VCW VicMan's Photo Editor Active Multimedia Button Bevel Devil Painter Ornament Too Mihov Image Resizer Primus i.Mage Picture Power Paint Xnview Chaos Fx ALAMAT DOWNLOAD http://www.gimp.org/win32/ http://mssoft.hypermart.net/ http://www.pixoid.com/ http://www.yildun.com/wscanner.html http://www.americansys.com/ http://www.cursorarts.com/ca_imffw.html http://www.photo-editor.net/ http://www.castlems.com/ammb4.html http://www.emajen.com/beveldevil/index.htm http://jansfreeware.com/ http://www.ocomag.com/ http://www.mihov.com/eng/ir.html http://www.comm-unique.com/ http://www.ozemail.com.au/~fret/image.html http://mprogs.hypermart.net/monsoft/ http://perso.wanadoo.fr/pierre.g/ http://www.world-of-newave.com/chaosfx/

ww

w.
83

OK

co
OKB Club Indonesia – http://www.okbclub.com

gambar telah ada dikomputer Anda sebagai asesori default, yaitu PaintBrush (Win 3.1) atau Ms. Paint (Win95/98/2000/NT). Sayangnya, kedua editor gambar ini hanya dapat digunakan untuk manipulasi file-file gambar dalam format *.BMP dan *.PCX. Sementara rekomendasi untuk penggunaan di web adalah format *.JPG dan *.GIF.

m

Sementara untuk membuat teks 3 dimensi dan animasi teks, penulis sarankan untuk menggunakan Xara3D yang dapat di download dari http://www.xara.com/.

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

84

http://kiss.uni-lj.si/~k4fe0043/sw/BGTester.html

OK w.
Gambar 3.18: Tampilan program BackGround Tester

BC

lu

Akhirnya, untuk membantu Anda dalam membuat desain background, penulis sarankan untuk men-download program BackGround Tester. Dengan program ini kita dapat melihat hasil kreasi gambar kita bila dipakai sebagai background web dalam sekejap! Program ini dapat di download dari:

b.

Shaping Banner Maker Pro FilterFX Lite Pmacs WebCreator WebPainter Art-O-Matic Filters Unlimited Deca3D BitMorph PhotoFrame PhotoBevel Solo Xara WebStyle imagoWEB MicroSites

http://members.xoom.com/JanVee/freeware.htm http://www.bannermakerpro.8m.com/ http://homes.arealcity.com/pdblake/ http://www.asahi-net.or.jp/~gv9k-setg/ http://www.evgesoft.com/ http://www.totallyhip.com/ http://www.3dize.com/ http://www.icnet.de/ http://www.decatomb.com/ http://www.people.cornell.edu/pages/dmc27/ http://www.extensis.com/photoframe/ http://www.extensis.com/FREE_PhotoBevel/ http://www.xara.com/webstyle/ http://fabrizio.jth.it/imagoweb.htm http://www.zapamicrosites.com/main.html

HOME PAGE

3.5.2 Cara Menampilkan Gambar

Lebih dari 90% browser terkenal yang ada saat ini dapat menampilkan multimedia (suara dan gambar). Netscape dan Mosaic (dan kebanyakan browser lain) awalnya hanya dapat menampilkan gambar dengan format *.GIF dan *.JPG saja. Namun dalam perkembangannya, setiap browser dapat menampilkan format lain dengan bantuan software external yang telah terinstal di komputer atau dengan software tambahan (add-on). Dilain pihak, selain dapat menampilkan gambar dengan format *.GIF dan *.JPG, Internet Explorer juga dapat menampilkan gambar dengan format .PNG (Portable Network Graphic), gambargambar JPEG progresif dan juga *.BMP. 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 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:
<IMG SRC="logo.gif">

ww

Jika Anda tidak sempat membuat background sendiri, ada ribuan file background dan tool yang dapat Anda download gratis dari internet, berikut adalah beberapa alamat diantaranya : OKB Club Indonesia – http://www.okbclub.com

Tetapi jika file logo.gif berada di sub direktori lain, misalnya direktori images, maka Anda harus menulisnya seperti ini :
<IMG SRC="images/logo.gif">

co

Web Background The Clip Art Connection Barry's Clip Art Server Caboodles Of Clip Art Background Factory Web Site Background Texture Works

m

ALAMAT http://cub.kcnet.org/~landrews/graphics/ http://www.acy.digex.net/~infomart/clipart/ http://www.barrysclipart.com/ http://www.toltbbs.com/~jhudson/clipart.htm http://www.dove-ent.com/bfb/index.html http://taotao.de/webb/ http://www.spriteworks.com/texworks.html

di sub

85

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

86

Sedangkan jika file gambarnya berada di server lain, Anda harus menulis alamat server-nya secara lengkap seperti ini :
<IMG SRC="http://gratis2000.tripod.com/images/logo.gif">

BC
87

Selain atribut SRC, tag <IMG> memiliki beberapa atribut lain yang akan dijelaskan pada sub bab berikutnya. Atribut-atribut itu adalah: HEIGHT="tinggi_gambar" - Untuk mengatur tinggi gambar WIDTH="lebar_gambar" - Untuk mengatur lebar gambar BORDER="border_gambar" - Untuk mengatur border gambar

ALT="teks" – Untuk menampilkan teks alternatif jika user mematikan fungsi penampil gambar atau file gambarnya gagal di load ke browser.

OK

w.

3.5.3 Membuat Linebar & Bullet Dengan Gambar

Gambar dapat dimanfaatkan untuk membuat linebar atau bullet. Jika Anda memiliki gambar linebar atau bullet (buatan sendiri, download dari internet atau dari CD-ROM Web Graphics), Anda dapat menggunakannya untuk mempercantik tampilan web Anda.

ww

lu

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

b.
Gambar 3.20: Menggunakan gambar sebagai linebar dan bullet list

Sebagai contoh, jika Anda memiliki file gambar "background.jpg", "garis.gif" dan "bola.gif", maka Anda dapat menggunakannya untuk mempercantik tampilan list (gambar 3.20) dengan cara seperti ini:
<BASEFONT FACE="arial"> <BODY BACKGROUND="background.jpg" TEXT="white"> <H2>DAFTAR SEARCH ENGINE</H2> <IMG SRC="garis.gif"><P> <IMG SRC="bola.gif"> Alta Vista<BR> <IMG SRC="bola.gif"> Ask Jeeves<BR> <IMG SRC="bola.gif"> EuroSeek<BR> <IMG SRC="bola.gif"> Excite<BR> <IMG SRC="bola.gif"> HotBot<BR> <IMG SRC="bola.gif"> InfoSeek<BR> <IMG SRC="bola.gif"> Lycos<BR> <IMG SRC="bola.gif"> Yahoo<BR> <IMG SRC="bola.gif"> Web Crawler<BR> </BODY>

3.5.4 Mengatur Ukuran Tampilan Gambar
Ukuran tampilan gambar di browser (tinggi dan lebarnya) dapat diatur sesuai lay-out halaman yang kita inginkan. Perubahan ukuran hanya terjadi pada tampilan browser, tidak pada file yang sebenarnya. Tinggi gambar dapat diatur dengan atribut HEIGHT dan lebar gambar diatur dengan atribut WIDTH. Ukuran yang digunakan adalah dalam satuan pixel atau persen layar.

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m
88

<IMG SRC="fotoku.jpg" WIDTH="50%">

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

ww

w.

OK
89

BC

lu
TIPS :

Meskipun dapat menggunakan satuan persen, umumnya satuan ini hanya digunakan untuk mengatur lebar gambar, bukan tinggi gambar. Sebab mengatur tinggi gambar dengan satuan persen akan menghasilkan tampilan yang tidak konsisten karena akan tergantung dari lebar jendela browser serta resolusi tampilan layar. Karena itu jika Anda mengatur lebar gambar dengan satuan persen, atribut HEIGHT tidak perlu diatur lagi karena ukuran pixelnya secara otomatis di-skala dengan ukuran yang benar. Lihat contoh berikut:

b.

Atribut HEIGHT dan WIDTH umumnya digunakan untuk mempercepat tampilnya halaman web, karena kedua atribut ini secara teknis memerintahkan browser untuk memesan tempat sebelum gambarnya sendiri berhasil di download. Caranya adalah dengan mengatur gambar dengan ukuran sama seperti aslinya. Sebagai contoh, jika ukuran gambarnya 90x120 pixel, maka kita harus menampilkannya dengan cara seperi ini :
<IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120>

Untuk mengetahui ukuran pixel pada Paint Shop Pro, lihat title bar disebelah kanan bawah layar saat kursor mouse berada diatas gambar.

co

<BODY> <IMG SRC="fotoku.jpg"> (ukuran asli = 90x120 pixel)<P> <IMG SRC="fotoku.jpg" WIDTH="45" HEIGHT="60"> (45x60 pixel) <IMG SRC="fotoku.jpg" WIDTH="180" HEIGH="240"> (180x240 pixel) <BODY>

m

Sebagai contoh, jika kita memiliki file gambar dengan ukuran 90x120 pixel, maka untuk menampilkannya dalam ukuran yang lain kita dapat melakukannya dengan cara seperti ini (lihat hasilnya pada Gambar 3.21):

Ukuran gambar yang ditampilkan dengan baris diatas akan mengikuti ukuran layar browser relatif terhadap seting ukuran resolusi layar. Jika layar diset pada resolusi 800x600 pixel dan layar browser dibuat maksimum, maka gambar akan ditampilkan pada ukuran sekitar 400x300 pixel. Dan jika resolusi layarnya 1024x768 pixel, gambar akan ditampilkan dalam ukuran 512x384 pixel, yakni 50% ukuran jendela browser, bukan 50% ukuran gambar!

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

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

90

3.5.5 Menampilkan Teks Di Area Gambar
Penampilan teks diarea gambar dimaksudkan sebagai antisipasi terhadap user yang masih menggunakan browser lama (yang tidak dapat menampilkan gambar) atau menggunakan browser yang dimatikan fungsi penampilan gambarnya (untuk mempercepat loading halaman web). Untuk menampilkan teks diarea gambar kita dapat menggunakan atribut ALT. Contoh :
<BODY> <IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120 ALT="Gambar Fotoku.jpg"> <IMG SRC="fotoku.jpg" ALT ="Gambar Fotoku.jpg (tanpa atribut WIDTH & HEIGHT)"> </BODY>

3.5.6 Mengatur Border Gambar

Gambar 3.22: Menggunakan WIDTH & HEIGHT untuk memesan area gambar

w.

Dari tampilan yang dihasilkan, terlihat lokasi pemesanan area gambar karena penggunaan atribut WIDTH dan HEIGHT. Seringkali perancang web memanfaatkan atribut ini untuk memberi informasi mengenai ukuran file gambar. Hal ini dapat membantu tamu web untuk memperkirakan lama gambar dapat ditampilkan ke layar secara utuh, misalnya:
<IMG SRC="fotoku.gif" WIDTH=90 HEIGHT=120 ALT="fotoku.jpg (90x120) 30 KB">

OK
91

BC
Gambar 3.23: Mengelilingi gambar dengan border

ww

lu

b.

Mengatur border yang mengelilingi sebuah gambar dapat dilakukan dengan atribut BORDER. Jika digunakan sendirian, warna border yang dibuat adalah sesuai warna teks disekitarnya atau warna teks yang ditentukan oleh atribut TEXT dalam <BODY>. Jika digunakan dalam hyperlink, warna border yang digunakan adalah warna default hyperlink atau warna yang ditentukan oleh atribut LINK/VLINK dalam <BODY>. Contoh:
<BODY> <IMG SRC="fotoku.jpg"> <B> Tanpa BORDER <IMG SRC="fotoku.jpg" BORDER="7"> BORDER="7" <IMG SRC="fotoku.jpg" BORDER="15"> BORDER="15"</B> </BODY>

Selain menggunakan atribut BORDER, Anda juga dapat menggunakan tabel untuk membuat border tiga dimensi (berbayang). Tabel akan dibahas tersendiri pada sub bab berikutnya. Perhatikan contoh berikut yang menggunaakan fungsi tabel untuk menampilkan gambar :
<TABLE BORDER="0" WIDTH="100%"> <TR>

co

Secara default, setiap gambar yang ditampilkan tidak memiliki border. Tetapi jika gambar digunakan dalam fungsi hyperlink, justru default-nya memiliki border.

m

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

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

92

BC
93

OK

Gambar 3.24: Memanfaatkan tabel untuk membuat border 3D

3.5.7 Trik Mempercepat Gambar Tampil Dilayar

w.

Lepas dari kapasitas bandwidth dan jalur yang sibuk, cepat atau lambatnya gambar ditampilkan dilayar sangat dipengaruhi oleh ukuran file gambarnya sendiri. Ukuran file gambar ditentukan oleh warna, resolusi serta ukuran pixel gambar. Semakin besar ukuran gambar, semakin banyak warna gambar atau semakin tinggi resolusi gambar, akan membuat waktu download gambar menjadi semakin lama karena ukuran file gambarnya juga semakin besar. Jadi, jika Anda ingin gambar-gambar yang ada dihalaman web Anda cepat tampil di layar komputer pengunjung, buatlah gambar dengan ukuran, warna dan resolusi sekecil mungkin.

ww

lu
Contoh:

b.
CATATAN :

<TD>Border = 2 <TABLE BORDER="2"> <TR><TD><IMG SRC="fotoku.jpg"></TD></TR> </TABLE> </TD> <TD>Border = 8 <TABLE BORDER="8"> <TR><TD><IMG SRC="fotoku.jpg"></TD></TR> </TABLE> </TD> <TD>Border = 15 <TABLE BORDER="15"> <TR><TD><IMG SRC="fotoku.jpg"></TD></TR> </TABLE> </TD> </TR> </TABLE>

Penggunaan atribut LOWSRC memungkinkan tag <IMG> menampilkan dua gambar sekaligus pada satu lokasi tetapi pada waktu yang berlainan. Gambar yang ditampilkan pertama adalah gambar yang ditentukan dengan atribut LOWSRC. Sedangkan gambar kedua adalah gambar yang ditampilkan dengan atribut SRC. Gambar kedua akan ditampilkan diatas gambar pertama dan hanya akan ditampilkan jika semua halaman web telah selesai di-load. Berikut adalah cara penggunaannya:

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

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

Ukuran pixel gambar pertama dan kedua harus sama. Jika tidak, browser akan men-skala gambar kedua menjadi sama dengan ukuran gambar pertama. 3.5.8 GIF atau JPG ?
Seperti telah dijelaskan diatas, semua browser berbasis grafik yang beredar saat ini secara default dapat menampilkan gambar berformat GIF maupun JPG. Meski sama baiknya, Anda harus pandai-pandai mensiasati penggunaannya. Format GIF dapat menyimpan informasi warna hingga 8-bit per pixel atau sama dengan 256 warna. Format ini sangat cocok untuk gambar grafik dan clip-art. Format GIF memiliki sangat sedikit efek kompresi sehingga tidak ada degradasi

co

Ukuran file gambar yang kecil membuat cepat waktu download gambar, tetapi hasilnya mungkin tidak akan memuaskan Anda. Untuk mengatasinya, Anda dapat menerapkan teknik khusus. Yakni menggunakan gambar seadanya dahulu (resolusi rendah) sampai seluruh halaman selesai di-load. Setelah selesai, gambar dengan resolusi yang sebenarnya (resolusi lebih tinggi) ditampilkan. Caranya adalah menggunakan atribut LOWSRC.

m

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

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

94

Gambar 3.25: Tampilan program JPEG Optimizer

ww

Format JPG menggunakan teknik kompresi secara intensif sehingga ukuran file gambar dapat menjadi sangat kecil. Sayangnya, teknik kompresi yang intensif ini menimbulkan efek degradasi. Anda dapat membatasi atau mengurangi efek degradasi dengan cara menyimpan gambar dengan seting kualitas tertinggi. Akan tetapi Anda akan kehilangan efek kompresi karena ukuran filenya menjadi bertambah besar. Degradasi yang terjadi pada file-file JPEG karena teknik kompresi disebut "artifacts". Untuk mengatur seberapa besar degradasi yang masih dapat diterima oleh mata, Anda dapat menggunakan program JPEG Optimizer. Selain mempermudah pengaturan resolusi gambar, JPEG Optimizer juga dapat mengkompres hanya bagian-bagian tertentu dari gambar. Sebagai contoh, perhatikan Gambar 3.25. Gambar sebelah kiri adalah gambar asli dengan ukuran 23087 byte. Sedangkan gambar sebelah kanan adalah hasil gambar setelah dioptimasi pada bagian-bagian tertentu sehingga ukurannya sekarang menjadi 14460 byte. Meski ukurannya menjadi lebih kecil, tetapi gambar yang dihasilkan

OK
95

BC
Gambar 3.26: Tampilan Animation Shop bawaan Paint Shop Pro 5.0

w.

lu
Animasi yang dapat ditampilkan langsung oleh browser (tanpa program tambahan apapun) saat ini adalah file-file gambar dengan format GIF89a, yakni format pengembangan lanjutan dari file format GIF. Format GIF89a adalah format file yang memungkinkan untuk menyimpan beberapa gambar sekaligus dalam satu file. Semua gambar kemudian ditampilkan satu persatu secara urut dengan waktu tampil yang dapat diatur. Untuk membuat gambar-gambarnya, Anda dapat menggunakan editor gambar apa saja. Akan tetapi untuk menggabungnya menjadi OKB Club Indonesia – http://www.okbclub.com

b.

Hampir disetiap homepage yang kita kunjungi saat ini menggunakan satu atau lebih gambar animasi, baik animasi logo, animasi gambar maupun animasi teks. Animasi dapat menyajikan informasi lebih banyak dan lebih menarik karena gambar bergerak selalu kelihatan lebih menarik daripada gambar diam. Lebih dari itu, animasi teks yang berganti-ganti isinya tentu akan menampilkan lebih banyak informasi.

co

Sementara itu, format JPG dapat menyimpan informasi warna hingga 24-bit per pixel atau sama dengan 16,7 juta warna (biasa disebut true-color). Karena kemampuannya dalam menyimpan warna tersebut, format JPG sangat bagus untuk gambar-gambar fotografi.

3.5.9 Menggunakan Gambar Animasi

m

(penurunan kualitas) gambar. Karena sedikitnya efek kompresi ini, ukuran file GIF menjadi besar.

hampir tidak dapat dibedakan dengan gambar aslinya. Program JPEG Optimizer (1.06 MB) dapat di download dari http://www.xat.com/

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

96

<IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">

NAMA ANIMATOR 3D GIF Designer Aesop GIF creator Alchemy GIF Animator AniMagic Gif Animator Animato CoffeeCup GIF Animator COOL 3D CyD GiF Studio Pro Emotion 3D Web Edition Gif Construction Set Pro GIF Movie Gear GIFLine GIFLine Pro HVS Animator JAnimation Tool Jator Jedor Viscosity Macromedia FireWorks MagicViewer Movies Lite Ulead GIF Animator Ulead Particle.Plugin Ulead WebRazor Pro

HOME PAGE / ALAMAT DOWNLOAD http://www.pysoft.com/?GIF_Designer_fr.html http://www.yukudr.com/ http://www.alchemy-lab.com/products/agif/ http://rtlsoft.com/animagic/index.html http://www.lakeclear.com/ http://www.coffeecup.com/ http://www.webutilities.com/ http://members.xoom.com/FcyD/GifStudio/ http://www.anarkmedia.com/products/emotion3d.htm http://www.mindworkshop.com/alchemy/gifcon.html http://www.moviegear.com/ http://www.geocities.com/athens/3683 http://www.diprode.com/ http://www.digfrontiers.com/anim.html http://www.janimation.net/ ftp://ftp.simtel.net/pub/simtelnet/win95/java/jator350.zip http://www.jedor.com/ http://www.macromedia.com/software/fireworks/ http://www.crayonsoft.com/ http://jansfreeware.com/ http://www.webutilities.com/ http://www.webutilities.com/ http://www.ulead.com/wrp/runme.htm

OK
97

Imagemap memungkinkan kita untuk memasang beberapa link dalam satu gambar. Pengeklikan pada area yang berbeda akan membawa kita pada link yang berbeda pula.

w.

3.5.10 Menggunakan Gambar Untuk Membuat Imagemap

BC

ww

Jika Anda memiliki sekelompok gambar berdekatan yang masing-masing memiliki link, maka sebaiknya Anda menggunakan imagemap. Ingat-ingatlah OKB Club Indonesia – http://www.okbclub.com

lu

b.

Setelah itu kita memerlukan kombinasi antara tag <MAP> dan <AREA> untuk mendefinisikan area serta alamat link-nya. Sintak penggunaan untuk <MAP> adalah: <MAP MAP="nama_map"> Dan sintak penggunaan untuk <AREA> adalah :

<AREA SHAPE="default|rect|circ|poly" COORDS="lihat_penjelasan" HREF="link" ALT="keterangan_link">
SHAPE="default" digunakan untuk menyatakan kemana link akan pergi jika link khusus tidak didefinisikan didalam area. Dalam hal ini COORDS tidak digunakan. Jika SHAPE="rect", maka COORDS="x,y,w,h". Dimana x,y adalah koordinat kiri-atas dan w,h adalah koordinat kanan-bawah area link. Jika SHAPE="circ", maka COORDS="x,y,r", dimana x,y adalah koordinat pusat lingkaran dan r adalah radius lingkarannya. Jika SHAPE="poly", maka COORDS="x,y,x,y,…" dimana x,y adalah koordinat setiap titik polygon. Perhatikan contoh penggunaannya dibawah ini:
<BODY BACKGROUND="background.jpg"> <IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0"> <MAP NAME="menu"> <AREA SHAPE=RECT COORDS="15,88,256,113" HREF="html_editor.html" ALT="Daftar HTML Editor Gratis!">

co

Bagaimanapun, saat ini ada banyak sekali program yang bisa digunakan untuk membuat gambar animasi. Tetapi kita akan menbahas khusus yang gratis-gratis saja. Jadi, mari kita rame-rame memburunya di internet … Berikut adalah sebagian kecil alamat dimana Anda dapat men-download program-program animator tersebut:

Untuk menggunakan imagemap, pertama-tama kita harus menambahkan atribut USEMAP="nama_map" pada tag <IMG> seperti contoh berikut:

m

satu file dan mengendalikan waktu tayangnya, Anda harus menggunakan program khusus, misalnya CEL Assembler, GIF Animator atau Animation Shop bawaan editor gambar Paint Shop Pro versi 5.0 keatas.

bahwa setiap gambar yang Anda gunakan akan melakukan pemanggilan HTTP ke server secara terpisah. Ini jelas memakan waktu. Karena itu jika Anda dapat menggabung masing-masing gambar menjadi satu, maka Anda hanya perlu melakukan satu pemanggilan HTTP ke server!

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

98

BC OK
99
Gambar 3.27: Contoh penggunaan imagemap untuk membuat multi-link

lu
Gambar 3.28: Tampilan imagemap creator – CrossEye

ww

Membuat imagemap perlu ketelitian dan kesabaran khusus karena angka-angka koordinat yang dipakai agak rumit dan membingungkan, terutama jika menggunakan koordinat polygon. Untuk mempermudah pembuatan imagemap, ada banyak program bantu (disebut imagemap creator) yang dapat di download gratis dari internet, diantaranya adalah HotSpot, MapThis! dan CrossEye. Dalam hal ini penulis sarankan pada Anda untuk men-download program CrossEye (lihat Gambar 3.28) karena kecanggihan dan kemudahan pemakaiannya. CrossEye dapat di download dari http://www.sausage.com.au (2,8MB).

w.

b.
3.5.11 Optimasi Gambar Untuk Situs Web
Salah satu trik untuk mempercepat akses halaman web dengan banyak gambar adalah dengan mengoptimasi (memperkecil) ukuran file gambar dengan tidak mengorbankan kualitasnya. Berikut adalah beberapa cara optimasi gambar yang dapat kita lakukan.

<AREA SHAPE=RECT COORDS="15,115,264,139" HREF="image_editor.html" ALT="Daftar Image Editor Gratis!"> <AREA SHAPE=RECT COORDS="15,141,192,163" HREF="email_gratis.html" ALT="Daftar E-Mail Gratis!"> <AREA SHAPE=RECT COORDS="15,165,240,188" HREF="web_space.html" ALT="Daftar Penyelnggara Web Space Gratis!"> <AREA SHAPE=RECT COORDS="15,191,234,214" HREF="bookmark.html" ALT="Daftar Bookmark Gratis!"> <AREA SHAPE=RECT COORDS="15,216,208,239" HREF="counter.html" ALT="Daftar Counter Gratis!"> <AREA SHAPE=RECT COORDS="16,241,336,264" HREF="web_authoring.html" ALT="Daftar Web Authoring Tool Gratis!"> <AREA SHAPE=RECT COORDS="15,266,241,289" HREF="uang_tunai.html" ALT="Daftar Penyandang Dana Gratis!"> </MAP> </BODY>

Mengurangi Warna:
Setiap pixel gambar dengan kedalaman 16,7 juta warna membutuhkan memori 24-bit untuk menyimpan informasi warnanya. Apakah Anda benar-benar membutuhkan 16,7 juta warna dalam gambar Anda? Mungkin ya, tetapi seringkali tidak! Cobalah untuk mengurangi jumlah warna gambar Anda. Kebanyakan clip-art bahkan hanya menggunakan 16 warna! Ini berarti hanya 4-bit per pixelnya, atau hanya membutuhkan bandwidth 1/6 kalinya! Tetapi jika Anda melihat adanya degradasi warna (artifacts) yang payah, cobalah simpan file dalam format JPG dengan kualitas gambar terbaik, atau gunakan color safe pallete, kurangi jumlah warnanya dan simpan sebagai file GIF. OKB Club Indonesia – http://www.okbclub.com

co
100

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

m

http://members.tripod.com/~mharing/GifClean32.html

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

ww

w.

OK
101

BC

Untuk membersihkan berbagai macam informasi sampah tersebut, Anda dapat menggunakan program GifClean32. Program ini secara otomatis dapat membersihkan file-file GIF dari berbagai informasi tak berguna yang menempel dan menambah ukuran file GIF. Dengan GifClean32, optimasi ukuran file GIF dapat dilakukan dengan sangat mudah. Anda tinggal drag & drop file GIF atau folder berisi file-file GIF ke jendela program dan GifClean32 akan membereskannya untuk Anda. Optimasi ini dapat mengurangi dari 100 byte hingga beberapa kilo byte ukuran file. Program GifClean32 (393KB) dapat di download dari alamat :

lu

b.

Setiap file GIF sebenarnya berisi sejumlah informasi struktur file internal. Informasi ini berkaitan dengan bagaimana gambar harus ditampilkan kelayar (transparan terhadap background atau tidak), animasi atau standar, jumlah looping (menentukan pola animasi), lama waktu tunda (menentukan lama animasi), komentar (informasi mengenai tanggal pembuatan, pembuat, tool yang dipakai, dll.) serta sejumlah struktur ekstensi lain. Komentar dan struktur ekstensi lain yang sama sekali tak dikenal Netscape ini jelas menambah besar file dan memperlama waktu download gambar. Komentar umumnya diselipkan pada file-file GIF yang dibuat dengan program-program animator versi shareware atau freeware yang tidak diregistrasi seperti terlihat pada gambar 3.29.

http://www.pppr.sk/rainbow/download/jpgcln15.zip

Menurunkan Kualitas Gambar Hingga Batas Yang Masih Dapat Diterima Mata:
Secara default, editor gambar umumnya menyimpan file JPG pada level degradasi/kualitas gambar sekitar 15 (0%=terbaik, 100%=terburuk). Padahal hingga pada level 75-pun mata kita masih tidak mudah untuk dapat membedakannya jika ditampilkan dilayar monitor. Karena itu, Anda dapat menurunkan kualitas gambar JPG untuk memperkecil ukuran file hingga sekitar sepersepuluhnya! Program yang penulis sarankan Anda download untuk mempermudah pekerjaan ini adalah program WebGraphics Optimizer. Dengan program ini Anda dapat membandingkan kualitas gambar asli dengan 5 gambar lain hasil optimasi secara langsung. Jika perlu, WebGraphics Optimizer bahkan dapat mengkonversi file JPG ke GIF (atau sebaliknya) dan langsung menampilkan hasilnya dilayar. Sebagai contoh, gambar paling kiri dari Gambar 3.30 adalah file JPG asli dengan ukuran file 79,7KB. Setelah dioptimasi, ukuran file ini dapat menjadi 7,9KB (hanya 10%!) tanpa mengurangi kualitas gambar yang mampu dilihat oleh mata (lihat gambar nomor dua dari kanan). WebGraphics Optimizer dapat di download dari alamat: http://www.webopt.com/.

co

Seperti format GIF, format JPG juga berisi struktur internal yang berisi data non-gambar (seperti yang biasanya ditambahkan pada file-file yang dibuat dengan Adobe Photoshop). Untuk membersihkan data tak berguna ini, Anda dapat menggunakan program gratis bernama JPG Cleaner (33KB) yang dapat di download dari http://rnbw.tsx.org, atau langsung ke :

m

Menghilangkan Komentar Pada File GIF:

Menghilangkan Data Non-Gambar Pada File-File JPG:

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

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

102

lu BC
103

Gambar 3.30: Tampilan WebGraphics Optimizer

Memperkecil Area Gerak Gambar Animasi:

OK

Gambar-gambar animasi sangat rakus bandwidth! Ingat-ingatlah bahwa setiap frame yang digunakan akan membutuhkan jumlah memori dengan jumlah yang sama dengan yang dibutuhkan frame pertama. Sebagai contoh, jika setiap frame berukuran 15 KB, maka sebuah animasi dengan 4 frame akan membutuhkan memori 4x15 = 60 KB! Animasi-animasi yang besar membutuhkan waktu yang lama untuk loading. Jika Anda ingin halaman web Anda dapat cepat di load, animasi sebisa mungkin dihindari. Tetapi jika Anda dengan berbagai alasan tidak dapat meninggalkannya, buatlah animasi dengan warna dan gerakan sesedikit mungkin! Saat ini, beberapa program animator telah memungkinkan untuk melakukan optimasi animasi secara internal. Salah satu diantaranya adalah Cel Assembler. Optimasi Cell Assembler dilakukan dengan menghilangkan bagian-bagian gambar yang tidak bergerak. Dengan cara ini, ukuran filenya akan banyak berkurang.

w.

ww

b.
Gambar 3.31: File gamani.gif sebelum dioptimasi (17KB)

Perhatikan gambar 3.31. File animasi yang tampak pada gambar tersebut berukuran 150x50 pixel dengan 256 warna dan terdiri dari 24-frame. Ukuran filenya adalah 17 KB. Frame-frame yang ada belum dioptimasi sehingga setiap frame akan berukuran 150x50 pixel (area gambar berwarna putih). Setelah dioptimasi, area setiap framenya akan dipotong sesuai isi gambar yang bergerak sehingga ada yang tetap besar (150x50 pixel) dan ada yang menjadi sangat kecil (25x25 pixel) seperti terlihat pada gambar 3.32. Setelah disimpan, ukuran file animasi hasil optimasinya akan menjadi 10 KB atau hanya 59 persennya! Program Cel Assembler dapat di download dari :

http://www.gamani.com/tools Mengkompres File GIF Animasi:
Menggunakan gambar yang bagus dengan ukuran sekecil mungkin harus menjadi perhatian utama jika Anda ingin menjadi WebMaster, bukan sekedar WebDesainer. Karena itu, Anda harus mengusahakan pengecilan ukuran file sekecil-kecilnya tetapi dengan kualitas sebaik-baiknya. Untuk melakukan pekerjaan ini, penulis sarankan pada Anda untuk segera mendownload OKB Club Indonesia – http://www.okbclub.com

co
OKB Club Indonesia – http://www.okbclub.com

m
104

Gambar 3.32: File gamani.gif setelah dioptimasi (10 KB)

OK
105

Gambar 3.33 adalah contoh tampilan A Smaller GIF saat melakukan kompresi pada file gamani_opt.gif (hasil optimasi dengan Cell Assembler). Perhatikan bahwa ukuran file hasil optimasi Cell Assembler adalah 10.180 byte. Setelah dikompres dengan A Smaller GIF, file tersebut akan berubah menjadi 8.615 byte saja (berkurang hingga 15,37%). Program A Smaller GIF dapat di download dari alamat : http://www.peda.com/smaller/

ww

Bagaimanapun, fleksibilitas teknologi HTML memungkinkan Anda untuk menggunakan sumber data dan gambar dari mana saja di seluruh penjuru dunia. Anda dapat membuat halaman web dengan gambar yang Anda ambil dari server manapun didunia ini. Memang itu mungkin, tetapi akan sangat menyita waktu dan memboroskan bandwidth orang lain, bahkan bisa menjadi ilegal jika gambar yang dipakai memiliki property right! OKB Club Indonesia – http://www.okbclub.com

w.

Jangan Menjadi Perampok Bandwidth!

BC

lu

b.
Gambar 3.33: Tampilan progran kompresi GIF animasi A Smaller GIF

Beberapa ISP (Internet Service Provider) meminta bayaran yang tinggi pada para pelanggannya untuk pelayanan bandwidth yang digunakan. Jadi, jangan melakukan link ke server mereka untuk menampilkan gambar dihalaman web Anda. Mintalah ijin pada WebMaster-nya untuk melakukan download gambar tersebut dan kemudian upload-lah ke server Anda sendiri!

3.6 MANIPULASI DAFTAR ITEM
Manipulasi list tidak begitu populer secara ekstrim karena ia dapat diganti dengan gambar bullet. Akan tetapi selain bekerja jauh lebih cepat dari penggunaan gambar bullet, ia membuat kesan berbeda antara homepage pemula dengan homepage bagus.

Halaman-halaman web yang berisi daftar tentang nama-nama staf, divisi, stok barang, daftar isi atau indek biasanya memerlukan tampilan yang rapi dan profesional. Ada beberapa tag khusus yang berhubungan dengan pembuatan daftar. Beberapa diantaranya adalah <UL>, <OL>, <LI>, <DL>, <DT>, <DD>, <DIR> dan <MENU>.

co
OKB Club Indonesia – http://www.okbclub.com

m
106

program A Smaller GIF buatan Pedagoguery Software. Dengan program ini ukuran file GIF animasi dapat dikompres dengan teknik khusus, sekaligus menghilangkan komentar apapun yang menempel pada file tersebut.

3.6.1 Membuat Daftar Tak Berurut
Daftar tak berurut dapat digunakan untuk membuat daftar item yang isinya tidak berurut. Tag yang digunakan adalah <UL>…</UL>. Setiap item yang ada di dalam daftar harus didahului dengan tag <LI>. Contoh : <B>PENYELENGGARA E-MAIL GRATIS!</B> <UL> <LI><a href="http://mail.telkom.net">Telkom</a> <LI><a href="http://www.satunet.net">Satunet</a> <LI><a href="http://mail.yahoo.com">Yahoo</a> <LI><a href="http://mail.excite.com">Excite</a> </UL> Secara default, browser akan menghasilkan gambar bullet berupa bulatan hitam untuk item level pertama, gambar lingkaran untuk item level kedua dan gambar kotak hitam untuk item level ketiga. Demikian seterusnya secara berulang. Perhatikan contoh berikut :
<BODY> <B>SERBA GRATIS DARI INTERNET</B> <UL> <LI><B>Penyelenggara E-mail Gratis!</B> > <UL> <LI>DALAM NEGERI : > <UL> <LI><U>Telkom</U> > <LI><U>BolehMail</U> > </UL> <LI>LUAR NEGERI : > <UL> <LI><U>Yahoo</U> > <LI><U>Excite</U> > </UL> </UL> <LI><B>Penyelenggara Web Space Gratis!</B> > </BODY>

<!-- level 1 -<!-- level 2 -<!-- level 3 -<!-- level 3 -<!-- level 2 -<!-- level 3 -<!-- level 3 --

OK
<!-- level 1 --

w.

BC
107

Akan menghasilkan tampilan seperti ini :

ww

lu

b.

SERBA GRATIS DARI INTERNET • Penyelenggara E-mail Gratis! DALAM NEGERI : Telkom BolehMail LUAR NEGERI : Yahoo Excite • Penyelenggara Web Space Gratis!

Jika tidak senang dengan tampilan default, Anda dapat memilih tipe bullet sendiri dengan mengisi atribut TYPE pada tag <UL> dengan format berikut :

<UL TYPE="kode_bullet" COMPACT="COMPACT"> dimana "kode_bullet" dapat berupa salah satu dari :

"disc" - menghasilkan gambar bullet • "square" - menghasilkan gambar bullet "circle" - menghasilkan gambar bullet
Sementara itu atribut COMPACT="COMPACT" dapat digunakan untuk mengurangi spasi antar item (hanya berlaku untuk Netscape). Penggunaan tag <UL> menghasilkan reaksi yang sama dengan penggunakan tag <DIR> dan <MENU>, kecuali bahwa tag <DIR> didesain untuk daftar dengan item-item pendek dan tag <MENU> didesain untuk item-item panjang. Contoh :
<DIR> <LI>A-H<LI>I-M<LI>N-R<LI>S-Z </DIR>

co

m

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

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

108

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

dimana tipe_nomor digunakan untuk menentukan tipe nomor yang ingin ditampilkan oleh browser. Dapat berupa salah satu dari : Tipe_nomor 1 a A i I Ditampilkan browser 1, 2, 3, … a, b, c, … A, B, C, … i, ii, iii, … I, II, III, …

"angka" pada atribut START= adalah angka integer yang dapat digunakan untuk menentukan angka awal item (akan dijelaskan dibawah). Default tipe angka dan nomor awal adalah 1. Perhatikan contoh berikut :
<BODY> <B>SERBA GRATIS DARI INTERNET</B> <OL TYPE="I"><B> <LI>Penyelenggara E-mail Gratis!</B> <OL TYPE="A"> <LI>DALAM NEGERI : <OL> <LI><a href="http://mail.telkom.net">Telkom</a> <LI><a href="http://www.bolehmail.com">BolehMail</a> </OL> <LI>LUAR NEGERI : <OL> <LI><a href="http://mail.yahoo.com">Yahoo</a> <LI><a href="http://mail.excite.com">Excite</a> </OL> </OL><B> <LI>Penyelenggara Web Space Gratis!</B> </BODY>

OK
109

w.

BC

ww

lu

b.
Gambar 3.34: Tipe penomoran item bisa diatur dengan atribut “TIPE=x”

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

3.6.3 Mengatur Angka Awal Item
Nomor awal item secara default ditentukan oleh isi atribut START=. Tetapi kita juga dapat mengatur nomor awal sendiri dengan mengatur atribut VALUE= pada tag <LI>. Sintak penggunaannya adalah :

<LI TYPE="typeUL|typeOL" VALUE="angka_integer">
"typeUL|typeOL" adalah kode_bullet untuk tag <UL>…</UL> atau tipe_nomor untuk tag <OL>…</OL>. "angka_integer" adalah sebuah angka integer untuk menentukan angka awal item Sebagai contoh, baris-baris html dibawah ini :
<OL> <LI>Angka pada item ini adalah 1 (default) <LI VALUE="15">Angka pada item ini adalah 15 <LI>Angka pada item ini adalah 16 (lanjutan) <OL START="30">

co
OKB Club Indonesia – http://www.okbclub.com

m
110

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

dapat

Akan menghasilkan tampilan seperti gambar 3.35 berikut :

Akan menghasilkan tampilan seperti tampak pada gambar 3.36.

Gambar 3.35: Angka awal item tidak harus selalu 1

3.6.4 Membuat Daftar Definisi

BC
111

OK

Daftar definisi diperlukan saat kita akan menjelaskan suatu terminologi secara rapi dan profesional. Secara umum ada dua bagian item didalam sebuah daftar definisi. Bagian pertama adalah bagian label dan bagian kedua adalah bagian penjelasan. Blok daftar definisi ditentukan dengan tag <DL>…</DL>. Untuk membuat bagian label, kita memerlukan tag <DT>, sedangkan untuk membuat bagian penjelasan atau definisi kita menggunakan tag <DD>.

ww

<DL> <DT><I>BAB I</I> <DD><B>Pendahuluan.</B> Menjelaskan mengenai Evolusi Cyberspace, Word Wide Web,

w.

Contoh, penggunaan tag <DL>, <DT> dan <DD> berikut :

lu
Gambar 3.36: Tampilan definisi dibuat dengan tag <DL>, <DT> dan <DD>

b.
Jika digunakan tanpa tag <DL>, tag <DD> dapat dimanfaatkan untuk membuat baris pertama paragraph lebih masuk kedalam (indent) seperti ini :
<BODY> <DD><I>Bank yang tidak masuk dalam daftar likuidasi tetap berjalan seperti biasa. Jika terdapat selebaran palsu mengenai daftar Bank yang dikatakan bakal dilikuidasi, masyarakat jangan percaya. Itu selebaran palsu yang berisi omong kosong. Hanya 16 Bank yang telah dilikuidasi.</I> <DD>Demikian penegasan gubernur Bank Indonesia J. Soedradjad Djiwandono di gedung utama sekretariat kabinet, di Jakarta, Senin (3/11), usai pengumuman paket kebijaksanaan ekonomi 3 Nopember 1997. </BODY>

co

digunakan untuk membuat HomePage. <DT><I>BAB II</I> <DD><B>Dasar-Dasar Bahasa HTML.</B>menjelaskan mengenai mengapa kita menggunakan tag-tagbeserta atributatributnya serta menjelaskan segala sesuatu tentang dasar-dasar HTML yang harus diketahui sebelum membuat HomePage. </DL>

m

<LI>Angka pada item ini adalah 30 <LI VALUE="10">Angka pada item ini adalah 10 <LI>Angka pada item ini adalah 11 (lanjutan) </OL> <LI>Angka pada item ini adalah 17 (lanjutan) </OL>

Perancangan HomePage serta Editor-editor Web yang

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

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

112

Gambar 3.37: Membentuk indent teks dengan tag <DD>

3.6.5 Menampilkan Daftar Multi-Colum
Spesifikasi HTML asli mengenai penggunaan tag <DIR> sesungguhnya akan menghasilkan daftar dalam kolom-kolom (multi-colum listing), akan tetapi tidak ada satupun browser populer yang menerapkan spesifikasi ini. Meski demikian, Netscape versi 3 beta 5 keatas telah menambahkan kemampuan 'ideal' ini dengan tag <MULTICOL>.

<MULTICOL COLS="kolom" WIDTH="lebar%" GUTTER="spasi">

OK
113

<MULTICOL> dapat digunakan untuk membuat daftar dalam format multi-colum dimana lebar semua item akan dibuat sama. Format penggunaannya adalah seperti ini:

BC

w.

dimana kolom adalah jumlah kolom yang diinginkan, default-nya adalah 1. lebar% adalah lebar item dalam persen layar dan spasi adalah spasi antar kolom item dalam point, default-nya adalah 10. Setiap item akan memiliki lebar yang sama sehingga secara keseluruhan lebar lay-out layar multi-colum adalah (kolom*lebar)+((kolom-1)*spasi). Jika lebar tidak ditentukan, browser akan menggunakan lebar default satu layar penuh (100%). Contoh:
<MULTICOL COLS=3 WIDTH=40% GUTTER=50> <LI>A-D<LI>E-H<LI>I-L<LI>M-P<LI>Q-T<LI>U-X<LI>Y-Z </MULTICOL>

ww

lu

b.

3.7 MENGGUNAKAN FORM

Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web, misalnya untuk mendapatkan komentar dari pengunjung, untuk melakukan pendaftaran suatu keanggotaan tertentu, pemesanan barang dan lain sebagainya. Untuk membentuk sebuah form, tag yang digunakan adalah <FORM>…</FORM>. Sedangkan atribut yang paling umum digunakan adalah METHOD= dan ACTION=. Sintak penggunaannya adalah :

<FORM METHOD="post|get" ACTION="alamat_URL"> .... .... </FORM>

Form bekerja dengan mengirimkan data yang diketik atau dipilih oleh user ke suatu script program (misalnya CGI Script, php3 atau .pl) yang berada di alamat_URL. Script semacam ini bisa diperoleh gratis dari : http://www.cgi-resources.com/Programs_and_Scripts/ Jika Anda tidak memiliki akses ke script CGI manapun yang dapat menangani data dari form Anda, Anda dapat menggunakan alamat e-mail untuk menampung data yang masuk sehingga Anda dapat menanganinya sendiri. Metoda post, digunakan untuk mengirim data yang dimasukkan user dan metoda get untuk OKB Club Indonesia – http://www.okbclub.com

co
Gambar 3.38: Contoh pengaturan data multi-colum

m
OKB Club Indonesia – http://www.okbclub.com

114

Setelah form didefinisikan, informasi dari pengunjung dapat diperoleh dengan tag <INPUT>. Tag ini tidak memiliki pasangan tag penutup. Atribut yang dapat digunakan adalah : TYPE="text|hidden|checkbox|radio|image|submit|reset" – digunakan untuk memilih tipe informasi yang ingin didapatkan dari pengunjung NAME="nama" – digunakan untuk memberi nama item informasi VALUE="isi_item" – digunakan untuk mengisi item informasi default SIZE="angka_integer" – untuk menentukan panjang kolom isian MAXLENTH="angka_integer" – untuk menentukan panjang isian yang dapat diketik oleh pengunjung

3.7.1 Mendapatkan Informasi Dari Pengunjung

OK
115

Untuk mendapatkan informasi dari pengunjung, misalnya nama dan alamat emailnya, kita dapat menggunakan tipe input "text". Sedangkan untuk mengirim datanya kita menggunakan input "submit". Lihat contoh berikut :
<CENTER><H1>DATA PENGUNJUNG</H1><B> <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"> Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT NAME="EMAIL" SIZE="30"><P> <INPUT TYPE="submit"> <INPUT TYPE="reset"> </FORM></B></CENTER>

w.

Jika pengunjung menekan tombol Submit Query, maka nama dan alamat e-mail pengunjung akan segera dikirim kealamat e-mail OKBClub@telkom.net. Kiriman itu berupa file attachment berformat teks dengan nama file POSTDATA.ATT. Jika file ini dilihat dengan Notepad atau dengan teks editor lainnya, isinya adalah seperti ini:

ww

BC

lu
Contoh :

b.

NAMA=Arif+Nurcahyo&EMAIL=arif@telkom.net
Perhatikan bahwa setiap spasi yang diketik oleh user secara otomatis akan dirubah menjadi tanda plus ("+") dan batas antar informasi diberi tanda dan ("&"). Jika Anda membuka file tersebut dengan Write atau Ms.Word, maka dengan mudah Anda dapat melakukan search & replace tanda "+" dengan [spasi] dan tanda "&" dengan [enter] (kode enter = ^13) sehingga akan didapat data seperti ini :

NAMA=Arif Nurcahyo EMAIL=arif@telkom.net
Sayangnya, kode yang dikirim kealamat e-mail Anda bisa beragam (tidak hanya "&" dan "+") sehingga Anda harus banyak melakukan search & replace. Untuk mengatasi hal ini, Anda dapat menggunakan program WEP Form Formatter yang akan dijelaskan pada sub bab 3.7.8.

3.7.2 Melakukan Survei Pengunjung
Untuk melakukan survei pada pengunjung, kita bisa menggunakan tipe input 'radio' untuk mendapatkan satu item pilihan dari sekian item yang kita sediakan, atau tipe 'checkbok' untuk mendapatkan data dari beberapa item yang menjadi perhatian pengunjung.

co
Gambar 3.39: Tampilan form untuk mendapatkan data dari pengunjung

mendapatkan data dari halaman lain. Metoda get hampir tidak pernah digunakan. Semua contoh dalam bab ini menggunakan metoda post kesebuah alamat e-mail. Ini adalah cara paling mudah karena kita tidak perlu mempelajari script apapun. Tetapi setelah mahir menggunakan metoda ini, Anda dapat beranjak ke script CGI atau PERL yang lebih baik. Semua bahan yang dibutuhkan juga dapat diperoleh dari alamat diatas.

m
OKB Club Indonesia – http://www.okbclub.com

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

116

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

Gambar 3.40: Dengan checkbox, pengunjung bisa memilih lebih dari satu pilihan
<CENTER><H1><U>SURVEI PENGUNJUNG</U></H1><B> <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"> Penilaian Anda Tentang <I>HomePage</I> ini : <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P> Yang menarik perhatian Anda Dalam Situs Ini :<P> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" checked> E-mail Gratis<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="WebSpaceGratis"> Web Space gratis<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="ImageEditorGratis"> Image Editor Gratis<P> <INPUT TYPE="submit"> <INPUT TYPE="reset"> </FORM></B></CENTER>

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

ww

Sebagaimana terlihat pada contoh diatas, kita harus menambahkan kode 'checked' pada pilihan yang ingin kita buat sebagai pilihan default. Selain itu, pada contoh diatas pengunjung harus mengklik pilihan tepat pada bulatan pilihan. Untuk mempermudah pengunjung melakukan pemilihan, kita dapat membuat teks pilihannya juga dapat diklik, yaitu dengan menambahkan atribut ID= pada tag
Gambar 3.41: Tampilan menu drop down yang dibuat dengan form

w.

OK
117

BC

lu

b.

3.7.3 Membuat Menu Drop-Down

Menu drop-down pilihan dapat digunakan untuk menghemat halaman survai jika item pilihan yang kita tawarkan sangat banyak. Tag yang kita perlukan adalah blok tag <SELECT>…</SELECT> dan tag <OPTION> seperti tampak pada contoh berikut :
<H1><U>SURVEI PENGUNJUNG</U></H1><B> <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"> DARI MANA ANDA BERASAL : <SELECT NAME="ASAL" SIZE=1> <OPTION SELECTED>Jabotabek <OPTION>Semarang <OPTION>Yogyakarta <OPTION>Surabaya <OPTION>MEDAN <OPTION>Kalimantan <OPTION>Sulawesi </SELECT><P> <INPUT TYPE="submit"> <INPUT TYPE="reset"> </FORM></B>

co

<INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked ID="Baik"><LABEL FOR="Baik">Baik</LABEL> -

m

<INPUT> dan tag <LABEL> diantara teks yang digunakan seperti tampak pada contoh berikut.

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

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

118

3.7.4 Mendapatkan Komentar Dari Pengunjung
Untuk mendapatkan komentar dari pengunjung, kita perlu menyediakan suatu area yang cukup untuk menulis komentar. Untuk itu kita memerlukan blok tag <TEXTAREA>…</TEXTAREA>. Atribut yang diperlukan adalah ROWS= (untuk menentukan jumlah baris ruang komentar) dan COLS= (untuk menentukan jumlah kolom ruang komentar). Jika diantara tag <TEXTAREA> dan </TEXTAREA> diisi tulisan, maka tulisan tersebut akan ditampilkan dalam kolom teks sebagai teks default. Jika tidak ingin menggunakan teks default, sebaiknya ruang ini dikosongkan saja. Lihat contoh berikut :
<H1><U>KOMENTAR PENGUNJUNG</U></H1><B> <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"> KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P> <INPUT TYPE="submit"> <INPUT TYPE="reset"> </FORM></B>

OK w.
Gambar 3.42: Tampilan form untuk mendapatkan komentar dari pengunjung

<BODY> <CENTER><H1><U>DATA PENGUNJUNG</U></H1> <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"><B> Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT NAME="EMAIL" SIZE="30"><P> Penilaian Anda Tentang <I>HomePage</I> ini : <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik" checked>Baik <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P> Yang Menarik Perhatian Anda Dalam Situs Ini :<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis" checked> E-mail Gratis<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="WebSpaceGratis"> Web Space gratis<BR> <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="ImageEditorGratis"> Image Editor Gratis<P> DARI MANA ANDA BERASAL : <SELECT NAME="ASAL" SIZE=1> <OPTION SELECTED>Jabotabek <OPTION>Semarang <OPTION>Yogyakarta <OPTION>Surabaya <OPTION>MEDAN <OPTION>Kalimantan <OPTION>Sulawesi </SELECT><P>KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA> <P><INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT TYPE="reset" VALUE=" RESET "> <INPUT NAME="DIKIRIM_DARI" TYPE="hidden" VALUE="http://serba_gratis.tripod.com"> </B> </FORM> </BODY>

BC
119

ww

lu

b.

Jika diinginkan, Anda juga dapat menggunakan file gambar sebagai pengganti tombol "Submit Query". Sayangnya tidak ada cara untuk menggunakan gambar sebagai pengganti tombol reset. Lihat contoh berikut:
<BODY BGCOLOR="#C0C0C0"> <CENTER><H1><U>KOMENTAR PENGUNJUNG</U></H1><B> <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"> KOMENTAR ANDA TENTANG HOME PAGE INI :<BR> <TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P>

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

co

Atribut SIZE= pada tag <SELECT> diatas digunakan untuk mengatur ukuran tampilan menu drop-downnya. Sebagai contoh, jika pada contoh diatas Anda menggunakan SIZE=3, maka yang akan ditampilkan kelayar secara default adalah kota 'Jabotabek', 'Semarang' dan 'Yogyakarta'.

3.7.5 Mengganti Label Tombol
Secara default, tag <INPUT> dengan tipe 'submit' akan menciptakan tombol berlabel 'Submit Query' dan input bertipe 'reset' akan menciptakan tombol berlabel 'Reset'. Anda dapat merubah teks label pada tombol-tombol ini dengan menambah atribut VALUE="label" seperti tampak pada contoh halaman survai lengkap dibawah ini :

m

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

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

120

Gambar 3.43: Tampilan layar survei data pengunjung lengkap

Catat bahwa beberapa browser juga mengirim koordinat lokasi saat user mengklik gambar tombol. Dalam hal contoh diatas, jika user mengklik tombol pada koordinat 159, 15 misalnya, maka tambahan format yang akan Anda terima melalui e-mail adalah "TOMBOL.x=159&TOMBOL.y=15".

BC
121

Gambar 3.44: Menggunakan gambar sebagai ganti teks Submit Query

ww

w.

OK

lu

b.

Setelah memiliki dan membaca buku panduan ini, mungkin Anda menjadi sedemikian antusias untuk membangun homepage sendiri dan tiba-tiba saja Anda telah memiliki beberapa alamat sekaligus dengan masing-masing form survei didalamnya! Jika tidak karena pola jawaban yang diberikan pengunjung Anda, mungkin Anda tidak akan pernah tahu dari situs yang mana data itu dikirim. Untuk itu, Anda perlu mengirimkan data tersembunyi, misalnya untuk menyebutkan dari mana sebuah data dikirim. Atribut yang diperlukan adalah TYPE="hidden". Isi dari atribut VALUE= yang didefinisikan akan dikirim bersama data yang lain tanpa sepengetahuan pengunjung. Berikut adalah contoh pemakaiannya :
<INPUT NAME="DIKIRIM_DARI" TYPE="hidden" VALUE="http://serba_gratis.tripod.com">

Baris diatas dapat diletakkan dimana saja selama masih berada didalam form. Untuk lebih jelasnya, lihat contoh lebih lengkap pada sub bab 3.7.5 diatas.

3.7.7 Membuat Link Dengan Tombol
Form dapat dimanfaatkan untuk membuat link berbentuk tombol. Caranya adalah dengan mengisi atribut TYPE dengan "button". Contoh :
<B>Tombol-tombol ini dibentuk dengan tag FORM dan input bertipe "button"</B><P> <FORM> <INPUT type="button" value="E-Mail Gratis !" onClick="window.location.href='email.html'"> <INPUT type="button" value="Web Space Gratis !" onClick="window.location.href='webspace.html'"> <INPUT type="button" value="Image Editor Gratis !" onClick="window.location.href='img_editor.html'"> </FORM>

co

m

</FORM></B></CENTER> </BODY>

3.7.6 Mengirim Data Tersembunyi

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

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

122

Gambar 3.45: Menggunakan form untuk membuat tombol link

3.7.8 Menggunakan WEB Form Text Formatter
Membaca data kiriman dari suatu web form masih mudah dilakukan jika informasi yang dikirim tidak banyak. Akan tetapi ini bisa menjadi mimpi buruk jika informasi yang ingin kita dapatkan cukup banyak. Sebagai contoh, form survai lengkap yang ada pada sub bab 3.7.5 diatas jika diisi lengkap akan menghasilkan data seperti ini:

ww

http://move.to/moose

w.

Lumayan pusing khan? Untungnya, ada banyak tool yang bisa kita gunakan untuk mempermudah membaca informasi ini. Anda bisa mendapatkannya di homepage filelibrary (http://www.filelibrary.com) dengan mengetik "Form Formatter" pada kolom pencarian. Salah satu yang penulis rekomendasikan untuk Anda download adalah WEB Form Text Formatter. Program berukuran 129 KB ini bisa Anda download dari alamat berikut:

OK
Gambar 3.46: Tampilan program Web Form Formatter

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

BC
123

lu

b.

3.8 MENGGUNAKAN FRAME

Frame umumnya digunakan untuk menampilkan beberapa halaman html sekaligus dalam satu layar. Frame sangat bermanfaat jika digunakan untuk membuat menu dengan link ke berbagai halaman atau menampilkan lebih dari satu subjek dalam satu halaman. Untuk memanfaatkan frame, ada 2 tag utama yang harus dipakai. Pertama, <FRAMESET>...</FRAMESET> untuk mengatur hal-hal yang berhubungan dengan ukuran frame. Atribut yang diperlukan adalah :

co

Cara kerja program ini sangat sederhana. Anda tinggal membuka file data dengan teks editor apa saja dan menyimpannya kedalam clipboard. Jika menggunakan Notepad, Anda dapat melakukannya dengan klik Edit Select All dan kemudian klik Edit Copy. Setelah itu jalankan WEB Form Text Formatter, klik tombol Clipboard dan kemudian klik tombol "Process Input Text". Beres! Anda kemudian dapat menyimpan hasilnya kedalam clipboard dan mem-pastenya ke file apa saja. Sebagai contoh, file data yang diperoleh dari form survei lengkap diatas akan terlihat mudah dibaca seperti tampak pada gambar 3.46.

m

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

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

124

rows="lebar1,lebar2,lebarN,..." – Menentukan lebar tampilan masingmasing frame dalam pixel atau % (horisontal). cols="tinggi1,tinggi2,tinggiN,..." - Menentukan tinggi tampilan frame dalam pixel atau % (vertikal). border="ukuran_border" – Menentukan border pemisah antar frame. Defaultnya adalah 2 pixel. bordercolor="kode_warna" – Menentukan warna border jika atribut border digunakan. noresize – Jika digunakan, akan membuat pengunjung tidak dapat mengatur ukuran frame. Dan yang kedua adalah <FRAME>...</FRAME> untuk mengatur nama dan 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. name="nama_frame" – Memberi nama frame. Digunakan sebagai referensi tujuan pada frame mana halaman ingin ditampilkan.

scrolling="yes|no|auto" – Untuk mengatur apakah pengunjung boleh menggulung layar dalam frame atau tidak. Ini bermanfaat jika halaman tujuan linknya berukuran kecil. Defaultnya adalah "yes".

BC
125

3.8.1 Membelah Layar Dalam Frame

w.

Layar dapat dibelah menjadi frame-frame baik secara vertikal, horisontal atau keduanya sekaligus. File yang digunakan untuk menampilkan frame terpisah dari file yang ingin ditampilkan itu sendiri. Untuk menampilkan 2 halaman web dalam 1 layar frame, Anda akan butuh 3 buah file. Dua untuk ditampilkan dan satunya lagi untuk menampilkan kedua file tersebut. Berikut adalah contoh file html (bernama 2_frame.htm) untuk menampilkan file menu.htm dan main.htm dalam sebuah layar.

OK

ww

lu

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

Perhatikan bahwa dalam contoh ini kita tidak menggunakan tag <BODY> karena jika kita memasukkan frame kedalam <BODY>, maka hanya Internet Explorer saja yang mengenalinya sedangkan Netscape tidak. Karena itu catat bahwa jangan sekali-kali memasukkan frame kedalam tag <BODY>.
<HTML> <HEAD> <TITLE>Situs Home Page SERBA-GRATIS !!!</TITLE> </HEAD> <FRAMESET COLS="24%,76%"> <FRAME NAME="menu" SRC="menu.htm"> <FRAME NAME="main" SRC="main.htm"> </FRAMESET> </HTML>

Pada contoh diatas, ukuran kolomnya dinyatakan dalam %. Kolom sebelah kiri adalah tampilan file menu.htm yang berukuran 24% lebar layar. Sedangkan bagian sebelah kanan adalah tampilan file main.htm yang berukuran sisanya (dari 100%), yaitu 76%. Jika Anda menggunakan ukuran pixel, angka sebelah kanan sebaiknya diganti tanda "*" untuk menyatakan sisa kolomnya. Jika Anda menggunakan angka juga, misalnya 490 (untuk desain layar 640x480) maka OKB Club Indonesia – http://www.okbclub.com

co
126

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

m

<FRAMESET COLS="150,*">

Secara umum, untuk membuat sebuah link ke suatu file, misalnya ke email_gratis.htm, Anda dapat melakukannya seperti ini :
<A HREF="email_gratis.htm">E-Mail Gratis</A>

<HTML> <HEAD> <TITLE>HomePage SERBA GRATIS !!!</TITLE> </HEAD> <FRAMESET FRAMESPACING="1" ROWS="97,*"> <FRAME NAME="judul" SCROLLING="no" NORESIZE SRC="judul.htm"> <FRAMESET COLS="180,*"> <FRAME NAME="menu" SRC="menu3.htm" SCROLLING="no"> <FRAME NAME="main" SRC="main3.htm"> </FRAMESET> </FRAMESET> </HTML>

Gambar 3.48: Tampilan situs Serba-Gratis dalam mode 3 frame

ww

w.
127

OK

BC

lu

b.

Gambar 3.48 adalah tampilan hasil implementasi pemakaian 3 buah frame sekaligus menggunakan baris-baris html dibawah ini:

Akan tetapi jika ini Anda lakukan dari sebuah frame, maka hasil link-nya akan ditampilkan pada halaman yang sama dengan lokasi dimana link berada. Jika Anda ingin menampilkan hasil link-nya pada frame yang lain, Anda harus menyebutkan nama target frame-nya (yang sebelumnya didefinisikan dengan NAME="nama_frame"). Jika frame tujuannya diberi nama "main" seperti pada contoh diatas, maka untuk membuat hasil link-nya tampil di frame "main" Anda dapat melakukannya dengan cara seperti ini :
<A HREF="email_gratis.htm" TARGET="main">E-Mail Gratis</a>

Jika Anda ingin menampilkan hasil link-nya dalam satu halaman browser penuh tanpa frame, Anda harus menggunakan nama target "_top" (misalnya, TARGET="_top"). Sedangkan jika ingin menampilkan hasilnya dalam halaman browser baru, Anda dapat menggunakan nama target "_blank" (misalnya, TARGET="_blank").

3.8.3 Cara Mudah Membuat Frame Dengan Frame-It
Frame-It adalah sebuah program shareware yang dapat digunakan untuk mempermudah pembuatan frame. Dengan program ini Anda dapat dengan mudah mengatur ukuran frame, jumlah frame, nama frame dan lain sebagainya hanya dengan beberapa klik saja. Frame-It dapat di download dari http://www.iinet.net.au/~bwh/frame-it.html

co

Jika ingin menggunakan 3 frame sekaligus, misalnya untuk menampilkan judul, menu dan halaman utama, maka kita dapat menggunakan frame dalam frame. Satu frameset untuk membelah layar secara horisontal (dengan atribut ROWS) dan satu lagi untuk membelah layar secara vertikal (dengan atribut COLS).

m

pengunjung yang menggunakan resolusi layar 800x600 akan mendapati 160 pixel sisa layarnya dalam keadaan 'blank'. Contoh :

3.8.2 Menggunakan Link Dalam Frame

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

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

128

3.9 MENGGUNAKAN TABEL

BC
129

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

lu
Gambar 3.50: Tabel 2 baris 2 kolom

Penggunaan tabel dalam halaman web dapat meningkatkan kualitas tampilan homepage karena dengan tabel kita bukan saja dapat menampilkan data lebih profesional, melainkan juga dapat leluasa mengatur layout halaman web!

OK

Sebelum tag untuk membuat tabel diciptakan, perancang homepage harus bekerja keras untuk menampilkan data dalam format-format kolom. Mereka harus secara hati-hati mendesain tabulator dengan tag <PRE>…</PRE>. Menghitung-hitung spasi dan kemudian bolak-balik men-cek hasilnya melalui browser! Sekarang, bab ini akan menjelaskan kepada Anda betapa mudahnya me-layout halaman web dengan tabel.

3.9.1 Format Dasar Sebuah Tabel

w.

ww

Tabel memungkinkan perancang web untuk mengorganisasikan data dalam struktur tabulator yang rumit. Tabel juga dapat diisi dengan daftar item, paragraph, form, gambar, teks-teks preformatted dan bahkan tabel-tabel yang lain (tabel dalam tabel).

b.

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

Atribut BORDER pada tag <TABLE> akan membentuk border disekeliling tabel seperti tampak pada Gambar 3.50. Default atrribut ini adalah BORDER=0 yang berarti tidak menggunakan border. Tabel dengan border dimatikan bisa dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain BORDER, berikut adalah atribut lain yang dapat dipakai dalam <TABLE> : bordercolor="kode_warna" – Mengatur warna border, jika border digunakan. align="left|center|right" – Mengatur posisi tabel dilayar. cellpadding="angka" – Mengatur jarak antara border dengan isi sel (vertikal dan horisontal) dalam satuan pixel. cellspacing="angka" – Mengatur tebal frame dalam satuan pixel. width="angka" – Mengatur lebar tabel dalam satuan pixel atau persen.

co

Format sebuah tabel sebenarnya sederhana, akan tetapi dapat menjadi rumit karena sifat struktur aslinya. Meski sederhana akan tetapi aturan mainnya harus benar-benar diikuti, tidak seperti penggunaan tag-tag yang lain. Sebuah tabel dimulai dengan tag <TABLE> dan diakhiri dengan </TABLE>. Setiap baris tabel dibentuk dengan tag <TR>…</TR> dan setiap kolom tabel dibentuk dengan tag <TD>…</TD>. Berikut adalah contoh tabel dengan 2 baris dan 2 kolom :

m
Kolom #1</TD> Kolom #2</TD> Kolom #1</TD> Kolom #2</TD>

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

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

130

TIPS :
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
131

lu
Gambar 3.52: Tabel dengan cellspacing="10"

3.9.2 Mengatur Border

Border adalah garis yang mengelilingi sebuah tabel. Jika border tidak dipakai, browser tidak akan menampilkan border. Gambar berikut adalah hasil barisbaris contoh html pada sub bab 3.9.1 diatas dengan border=10.
<TABLE BORDER="10"> ... ... ... </TABLE>

OK w. ww

Gambar 3.51: Tabel dengan border="10"

b.

bgcolor="kode_warna" – Mengatur warna latar belakang sel. background="gambar.gif" – Menggunakan gambar sebagai latar belakang sel. align="left|right|center" – Mengatur perataan isi sel (teks, gambar, dll.) secara horisontal. valign="top|bottom|middle" – Mengatur perataan isi sel (teks, gambar, dll.) secara vertikal. colspan="angka" – Untuk menggabung sel kosong. width="angka" – Mengatur lebar sel dalam satuan pixel atau persen.

<TABLE BORDER CELLSPACING="10"> ... ... ... </TABLE>

Selain mengatur lebar frame, Anda juga dapat mengatur jarak antara border dengan isi sel dalam segala arah (vertikal dan horisontal). Pengaturannya dapat dilakukan dengan atribut CELLPADDING seperti contoh berikut:
<TABLE BORDER CELLPADDING="10"> ... ... ... </TABLE>

co

Sel adalah kolom-kolom yang berada didalam tabel. Ada 2 hal yang dapat dimanipulasi dari sebuah sel, yang pertama adalah mengatur jarak antara border luar dengan sel dan sekaligus mengatur jarak antar sel. Dengan kata lain kita dapat mengatur lebar frame tabel. Pengaturan ini dapat dilakukan dengan mengatur atribut CELLSPACING didalam tag <TABLE>. Gambar berikut adalah hasil baris-baris html pada sub bab 3.9.1 dengan tebal frame 10.

m

Dan berikut adalah beberapa atribut dalam tag <TD> yang sering digunakan:

3.9.3 Manipulasi Sel Dalam Tabel

Gambar 3.53: Tabel dengan cellpadding="10"

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

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

132

<TABLE BORDER="10" CELLSPACING="10" CELLPADDING="10"> ... ... ... </TABLE>

Gambar 3.54: Tabel dengan border, cellspacing dan cellpadding = "10"

3.9.4 Menampilkan Sel Kosong
Sebuah sel yang tidak berisi data apapun akan ditampilkan dalam kotak tanpa border. Misalnya jika hanya menggunakan kode <TD></TD> saja tanpa isi seperti contoh berikut yang akan menghasilkan tampilan seperti tampak pada gambar 3.55A.
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4"> <TR> <TD></TD> <!-- ini adalah sel kosong --> <TD>2</TD> </TR> <TR> <TD>3</TD> <TD>4</TD> </TR> </TABLE>

OK
133

BC

ww

w.

Jika Anda ingin untuk menampilkan sel berupa kotak kosong dengan border, Anda harus mengisi sesuatu kedalam sel tersebut, misalnya kode ganti baris atau kode spasi. Gambar 3.55B adalah hasil kode sel yang diisi kode ganti baris (<TD><BR></TD>).

lu
dan

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 baris. Atribut yang digunakan adalah COLSPAN untuk penggabungan kolom dan ROWSPAN untuk penggabungan baris. Cara penggunaannya adalah seperti ini: <TD COLSPAN="jumlah_kolom"> <TD ROWSPAN="jumlah_baris">

Dimana jumlah_kolom adalah jumlah kolom yang ingin digabung (default-nya 1) dan jumlah_baris adalah jumlah baris yang ingin digabung (default-nya juga 1). Perhatikan contoh berikut:

Menggabung kolom: (hasilnya lihat gambar 3.56A)
<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4"> <TR> <TD COLSPAN=2>1 & 2</TD> <!-- Menggabung kolom --> </TR> <TR> <TD>3</TD> <TD>4</TD> </TR> </TABLE>

co
OKB Club Indonesia – http://www.okbclub.com

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

m
OKB Club Indonesia – http://www.okbclub.com

Untuk mendapatkan efek tertentu, beberapa atribut dapat digunakan sekaligus menjadi satu dalam <TABLE> seperti ini :

134

Gambar 3.56: Contoh penggabungan baris dan kolom

ww

w.

<TABLE BORDER> <TR> <TD>Kata-kata dalam sel ini diatur otomastis oleh browser</TD> <TD>Kata-kata<BR>dalam sel<BR>ini diatur<BR>dengan<BR>tag &lt;BR&gt;</TD> <TD NOWRAP>Kata-kata dalam sel ini diatur dengan atribut NOWRAP</TD> </TR> </TABLE>

OK
135

Secara default, perilaku teks dalam sel diatur otomatis oleh browser. Semakin kecil ukuran jendela browser, semakin pendek pula penggalan kata dalam kalimatnya. Jika ingin memenggal kata-kata yang ada dalam sel pada lokasilokasi tertentu, Anda dapat menggunakan tag <BR>. Tetapi jika Anda tidak ingin kata-kata dalam kalimatnya dipenggal secara otomatis, Anda dapat menggunakan atribut NOWRAP pada tag <TD>. Dengan menyertakan atribut NOWRAP, ukuran sel akan terpaku pada isi teks yang dimasukkan kedalam sel. Ini berarti bahwa mengecilkan ukuran jendela browser tidak membuat kata-kata dalam sel menjadi terpenggal-penggal. Contoh:

BC

3.9.6 Mengatur Perilaku Sel

lu

<TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4"> <TR> <TD ROWSPAN="2">1 & 3</TD> <!-- Menggabung baris --> <TD>2</TD> </TR> <TR> <TD>4</TD> </TR> </TABLE>

b.

Menggabung baris: (hasilnya lihat gambar 3.56B)

Pada contoh diatas, pemenggalan kata pada kolom pertama diserahkan sepenuhnya kepada browser. Pada kolom kedua, pemenggalannya dilakukan secara manual dengan menyertakan beberapa buah tag <BR>. Sedangkan pada kolom ketiga, atribut NOWRAP membuat kalimat didalam sel tidak dipenggal sama sekali (ditampilkan utuh).

3.9.7 Mengatur Alignment Tabel
Posisi tampilan tabel dapat diatur dengan menyertakan atribut ALIGN pada tag <TABLE>. Lihat sub bab 3.9.1 diatas untuk penjelasan mengenai atribut ini. Contoh berikut akan mendemonstrasikan penggunaannya :
<TABLE BORDER> <TR> <TH>Default (ALIGN="left")</TH> <TD>Kolom #2</TD><TD>Kolom #3</TD> </TR> </TABLE><BR> <TABLE BORDER ALIGN="center"> <TR> <TH>ALIGN="center"</TH> <TD>Kolom #2</TD><TD>Kolom #3</TD> </TR> </TABLE><BR> <TABLE BORDER ALIGN="right"> <TR> <TH>ALIGN="right"</TH> <TD>Kolom #2</TD><TD>Kolom #3</TD> </TR> </TABLE>

co

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

m
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

136

Gambar 3.58: Beberapa contoh pengaturan alignment tabel

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

ww

<BODY> <TABLE BORDER="2" CELLSPACING="3" WIDTH="100%"> <TR><TD><IMG SRC="logo.gif"></TD> <TD VALIGN="top">Kata-kata dalam sel ini diatur dengan VALIGN="top"</TD> <TD VALIGN="middle">Kata-kata dalam sel ini diatur dengan VALIGN="middle"</TD> <TD VALIGN="bottom">Kata-kata dalam sel ini diatur dengan VALIGN="bottom"</TD> </TR></TABLE><BR> <TABLE BORDER="2" CELLSPACING="3" WIDTH="100%"> <TR> <TD ALIGN="left">Kata-kata dalam sel ini diatur dengan ALIGN="left"</TD> <TD ALIGN="center">Kata-kata dalam sel ini diatur dengan ALIGN="center"</TD> <TD ALIGN="right">Kata-kata dalam sel ini diatur dengan ALIGN="right"</TD> </TR></TABLE>

OK
137

Atribut ALIGN digunakan untuk mengendalikan alignment secara horisontal dan memiliki tiga macam argumen yaitu "left", "center" dan "right". Sementara atribut VALIGN digunakan untuk mengendalikan alignment secara vertikal, juga memiliki tiga macam argumen yaitu "top" untuk rata atas, "middle" untuk rata tengah dan "bottom" untuk rata bawah. Perhatikan contoh penggunaannya berikut ini :

BC

w.

lu
Gambar 3.59: Beberapa contoh pengaturan alignment sel dalam tabel

b.
3.9.9 Tabel Dalam Tabel
Seperti telah dijelaskan pada awal bab ini, sebuah tabel dapat diisi dengan tabel yang lain. Teknik ini umumnya digunakan untuk mengelompokkan tabel-tabel atau utuk memperindah tampilan halaman web. Perhatikan contoh aplikasi tabel dalam tabel berikut:
<CENTER> <TABLE WIDTH=100% BORDER="2" CELLPADDING="4"> <TR> <TD WIDTH=25%><H3><CENTER>E-MAIL GRATIS</CENTER></H3><P> <LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB) <LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB) <LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB)

co

<BR> <TABLE BORDER="2" CELLSPACING="3" WIDTH="100%"> <TR><TD><IMG SRC="logo.gif"></TD> <TD ALIGN="left">Kata-kata dalam sel ini diatur dengan ALIGN="left"</TD> <TD ALIGN="center" VALIGN="bottom">Kata-kata dalam sel ini diatur dengan ALIGN="center" dan VALIGN="bottom"</TD> <TD ALIGN="right" VALIGN="top">Kata-kata dalam sel ini diatur dengan ALIGN="right" dan VALIGN="top"</TD> </TR></TABLE> </BODY>

m

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

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

138

3.9.10 Mengatur Warna Background Sel

OK w.
139
Gambar 3.60: Contoh penggunaan tabel didalam tabel

BC
Gambar 3.61: Contoh pengaturan warna background sel

<TD WIDTH=25%><H3><CENTER>WEB SPACE GRATIS</CENTER></H3><P> <LI><A HREF=http://www.geocities.com>GeoCities</A> (11 MB) <LI><A HREF=http://www.tripod.com>Tripod</A> (50 MB) <LI><A HREF=http://xoom.com/join/>Xoom</A> (Unlimited !) <LI><A HREF=http://www.fortunecity.com/join/index.html> FortuneCity</A> (20 MB) <LI><A HREF=http://www.virtualave.net/signup.html>Virtualave </A> (20 MB) </TD> </TR> </TABLE> </CENTER>

ww

lu
Dimana warna dapat berupa kode warna atau nama warna sedangkan file_gambar dapat berupa file *.gif atau *.jpg. Contoh :
<TABLE BORDER="1" WIDTH="100%" CELLPADDING="10"> <TR><TD BACKGROUND="background.jpg"> <TABLE BORDER="2" CELLPADDING="10" CELLSPACING="1"> <TR BGCOLOR="#9E7725"><TD ALIGN="center"> <FONT COLOR="white" SIZE="4"><B>E-MAIL GRATIS</B></FONT></TD> </TR>

b.

<TD> <TABLE BORDER="6" WIDTH="100%"> <!-- TABEL DIDALAM TABEL --> <TR> <TD ALIGN="center"><H1><U>HOT NEWS</U></H1><FONT SIZE="4"> <A HREF="7langkah.html"><B>7 Langkah Memiliki HomePage Gratis!</B></A></FONT><BR> <EM>Tutorial langkah demi langkah membuat HomePage dengan Modal Dengkul, Alias Gratis 100%</EM></P><FONT SIZE="4"> <A HREF="anti_popup.html"><B>ANTI POPUP</B></A></FONT><BR> <EM>Tip & Trik menghilangkan banner pop-up di server web gratisan!</EM><P></TD> </TR> </TABLE> </TD>

Format penggunaannya adalah seperti ini: <TABLE BGCOLOR="warna"> <TR BGCOLOR="warna"> <TD BGCOLOR="warna"> <TABLE BACKGROUND="file_gambar"> <TR BACKGROUND="file_gambar"> <TD BACKGROUND="file_gambar">

co

Untuk lebih memperindah tampilan, Anda dapat memberi warna background sel. Atribut yang harus digunakan adalah BGCOLOR atau BACKGROUND. Atribut ini dapat dimasukkan baik pada tag <TABLE>, <TR> maupun <TD>.

m

<LI><A HREF=http://mail.excite.com>Excite</A> (5 MB) <LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB) <LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (&plusmn; 5 MB)</TD>

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

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

140

2.

3.9.11 Cara Mudah Membuat Tabel Dengan HomeSite
Seperti telah dijelaskan didepan, pembuatan tabel sebenarnya sederhana tetapi dapat menjadi rumit karena sifat dasarnya. Setelah memahami cara kerja dan cara pembuatannya secara manual dalam sub bab-sub bab diatas, Anda boleh melangkah menggunakan fasilitas yang ada pada html editor 1st Page2000 atau HomeSite (sudah download belum? Jika belum sekaranglah saatnya untuk download). Kalau ada sesuatu yang "aneh", Anda dapat membetulkannya sendiri secara manual dengan bekal pengetahuan tadi. 3.

Gambar 3.62: Lokasi tombol Table Wizard didalam editor html HomeSite

ww

"Table sizer" dapat digunakan untuk membuat tabel secara cepat. Sedangkan "Table wizard" dapat digunakan untuk membuat tabel yang tidak umum, misalnya tabel dengan banyak kolom dimana beberapa diantaranya saling tergabung satu dengan yang lainnya.

w.

Pembuatan tabel dalam HomeSite dapat dilakukan dengan mengklik tab Tables yang ada disebelah kanan atas layar. Setelah itu Anda dapat menggunakan "Table Sizer" (tombol paling kanan dari sub menu tabel) atau "Table wizard" (tombol paling kiri dari sub menu table, lihat gambar 3.62).

OK
Gambar 3.63: Membuat tabel dengan HomeSite Table Wizard

BC
141

lu
4.

b.

co

<TR><TD BGCOLOR="#E4C88B" NOWRAP> <LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB) <LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB) <LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB) <LI><A HREF=http://mail.excite.com>Excite</A> (5 MB) <LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB) <LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (&plusmn; 5 MB)</TD></TR> </TABLE> </TD></TR> </TABLE>

1.

Saat pertama diaktifkan, "Table wizard" akan membuat tabel 2 kolom 2 baris. Kita kemudian dapat menambah kolom atau menambah barisnya dengan mengklik tombol "+" pada 'columns'/'rows'. Atau mengurangi kolom/barisnya dengan mengklik tombol '-'. Untuk menggabung satu atau beberapa sel sekaligus, klik baris atau kolom diatas baris atau kolom yang akan digabung. Setelah itu klik tombol '+' pada 'column span' untuk menggabung kolom yang dipilih dengan kolom disebelah kanannya, atau klik tombol '+' pada 'rows span' untuk menggabung baris yang dipilih dengan baris dibawahnya (lihat gambar 3.63). Setelah layout tabel selesai dibuat, klik tombol "Next >". Setelah itu akan muncul tampilan setting untuk mengatur layout tabel secara keseluruhan (cell padding, cell spacing dan alignment), lebar tabel, warna background, border dlsb. Abaikan setting ini jika Anda ingin menggunakan setting default. Setelah itu klik tombol "Next >" dan lanjutkan dengan klik tombol "Finish". SELESAI.

m

Berikut adalah contoh penggunaan HomeSite "Table wizard" :

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

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

142

Jika baris-baris html diatas dilihat dengan browser, ia akan menghasilkan tampilan seperti tampak pada gambar 3.64.

OK

Gambar 3.64: Tabel rumit ini dibuat dengan mudah menggunakan HomeSite Table Wizard

ww

w.

BC
143

lu

<TABLE WIDTH="200" CELLSPACING="2" CELLPADDING="6" BORDER="1"> <TR> <TD># 01</TD> <TD COLSPAN="2">#02, #03</TD> <TD># 04</TD> </TR> <TR> <TD ROWSPAN="2" COLSPAN="2">#05, #06<BR>#09, #10</TD> <TD># 07</TD> <TD ROWSPAN="2"># 08<BR>#12</TD> </TR> <TR> <TD># 11</TD> </TR> <TR> <TD># 13</TD> <TD># 14</TD> <TD># 15</TD> <TD># 16</TD> </TR> </TABLE>

b.
Jika Anda telah mengerjakan langkah 1 sampai langkah 3 buku ini, maka pada saat ini Anda telah dapat mengakses internet, memiliki alamat e-mail dan memiliki homepage lokal berupa file-file html yang hanya bisa dilihat oleh Anda sendiri atau beberapa orang yang kebetulan bisa mengakses komputer Anda dan tahu keberadaan file-file html Anda. Dengan kata lain, pada saat ini Anda telah memiliki homepage sendiri secara offline. Untuk membuat semua orang diseluruh dunia, sekali lagi, DISELURUH DUNIA, kapanpun mereka inginkan, dapat melihat homepage Anda secara on-line, Anda harus menyimpan file-file tersebut ke komputer yang terhubung ke jaringan internet selama 24 jam sehari, 7 hari seminggu. Komputer semacam inilah yang disebut WEB SERVER. Untuk dapat menyimpan file-file Anda kesuatu web server, Anda harus mempunyai ijin dan hak akses ke server tersebut dengan cara mendaftar. Jika Anda memiliki account di suatu ISP, coba Anda tanyakan apakah account yang Anda bayar itu termasuk jatah ruang di server mereka? Biasanya ya (sekitar 1 s/d 2MB atau lebih untuk jenis account tertentu, misalnya korporat). Jika Anda seperti saya, yang mengakses internet secara serampangan; kadang dikantor, kadang di warnet dan kadang melalui TelkomNet dirumah, maka WEB SERVER GRATIS adalah pilihan utama! Disamping gratis, ruang simpan yang disediakan juga jauh lebih banyak dari yang biasanya disediakan kebanyakan ISP lokal. Di internet dengan mudah Anda dapat menemukan web server gratis yang menyediakan spasi 15MB, 20MB, 50MB, 100MB dan bahkan tidak terbatas!

co

LANGKAH KE-4: MENDAFTAR KE WEB SERVER GRATIS!

m

Jika Anda membuat tabel seperti tampak pada gambar 3.63 diatas, maka beberapa detik kemudian Anda akan mendapatkan baris-baris html seperti dibawah ini. Untuk mempermudah pemahaman, didalam tabel ini telah penulis sisipkan teks angka-angka dari #01 s/d #16 kedalam masing-masing sel.

BAB 4

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

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

144

Hal lain yang perlu Anda perhatikan saat mendaftar adalah untuk mengisi nama, alamat atau nomor telepon dengan benar (atau paling tidak dengan format yang 'seolah-olah' benar). Laporan dari banyak situs penyelenggara webspace gratis menyatakan bahwa mereka biasanya terpaksa harus menolak 4 dari 10 pendaftar baru karena si pendaftar mengisi alamat atau nomor teleponnya dengan "11111111111111" !

4.1.1 WEB SERVER GRATIS DARI INDONESIA

Anda mungkin tidak mengira bahwa ada web server gratis dari indonesia. Beberapa tahun yang lalu, barangkali Anda hanya dapat menemukan Serpong.net (sekarang sudah tidak ada lagi) atau apakabar.com (sekarang sudah tutup pendaftarannya) yang menyediakan spasi gratis dari Indonesia, akan tetapi sekarang Anda memiliki lebih banyak pilihan.

ww

Namun perlu dicatat bahwa pengusaha dot com di Indonesia amat sangat rentan terhadap gangguan keuangan yang menopang keberadaannya. Hal ini menyebabkan eksistensinya menjadi timbul tenggelam. Beberapa yang bisa disebut diantaranya adalah www.PengenPunyaSitus.com dan www.NetKiosk.org. Penulis telah beberapa kali dibuat kecewa dengan hilangnya situs-situs penyedia free webspace dari Indonesia yang penulis pakai untuk OKB Club Indonesia – http://www.okbclub.com

w.

OK
Gambar 4.1: Situs Rileks Free Homepage, menyediakan spasi gratis 20 MB!

BC
145

lu

Satu hal yang perlu dicatat sebelum Anda memburu penyedia layanan webspace gratis adalah bahwa dunia gratis di internet adalah dunia yang selalu berubah dan akan terus berubah. Situs-situs penyelenggara webspace gratis terus bermunculan setiap hari, akan tetapi ada pula beberapa yang kolaps dan akhirnya mati (biasanya dari Indonesia he…he…he…). Jika Anda mendapati satu atau dua situs yang saat Anda kunjungi telah menutup keanggotaanya, carilah situs lain atau datanglah lain waktu. Jika spasi yang ditawarkan suatu situs kurang besar untuk menampung file-file Anda, Anda masih bisa mendaftar lagi dengan ID dan alamat e-mail yang lain sehingga secara teori, spasi gratis yang bisa Anda peroleh di internet menjadi TIDAK TERBATAS!

b.

Berikut adalah review singkat mengenai beberapa penyedia layanan web server gratis dari Indonesia, yang mudah-mudahan masih ada saat buku ini berada ditangan Anda! Sebelumnya jangan salah, meski penyelenggaranya dari Indonesia, akan tetapi situs-situs ini tetap bisa diakses dari seluruh dunia!

Rileks Free Homepage
Rileks Free Homepage (http://mypage.rileks.com/) menyediakan spasi gratis plus alamat e-mail. Spasi gratis yang disediakan pada Anda adalah 20 MB. Akan tetapi bisa menjadi lebih besar lagi jika Anda memiliki alasan yang tepat dan mengirimkan permintaan Anda ke web-master Rileks.com.

Alamat homepage yang akan Anda miliki setelah mendaftar di situs ini adalah : OKB Club Indonesia – http://www.okbclub.com

co

Pada langkah ke 4 ini kita akan mencoba mendaftar pada dua buah situs penyedia layanan web server gratis (free webspace). Satu dari Indonesia dan satu lagi dari luar negeri. Namun sebelum itu, kita akan membahas dahulu beberapa situs yang menyediakan spasi gratis sebagai perbandingan. Baik situs yang berasal dari Indonesia maupun dari luar negeri. Pembahasan meliputi nama alamat yang akan kita peroleh, fasilitas yang mereka tawarkan, kapasitas ruang simpannya, kemudahan akses filenya, syarat-syaratnya dan lain sebagainya.

Bagaimanapun, penulis tidak ingin apriori. Tetapi tidak ada salahnya jika Anda melakukan pertimbangan berulang-ulang jika ingin menitipkan homepage Anda ke web server gratis dari Indonesia. Pada umumnya pendaftaran ke penyedia layanan webspace gratis dari Indonesia memang cukup mudah (disamping karena berbahasa Indonesia tentunya). Akan tetapi dari 5 situs penyedia layanan webspace gratis dari Indonesia yang pernah penulis daftari, 2 situs lenyap dalam waktu 1 tahun dan 2 yang lain musnah dalam waktu kurang dari 4 bulan !

m

4.1 MEMBURU WEB SERVER GRATIS

menyimpan homepage penulis. Padahal alamat URL-nya telah penulis daftarkan pada banyak search engine dan telah mulai mendapat hit rate lumayan banyak.

146

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! 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. Syarat keanggotaan dalam situs ini adalah: 1. 2. 3. Tidak boleh menggunakannya untuk kegiatan atau usaha bisnis yang bertentangan dengan hukum yang berlaku di wilayah Republik Indonesia. Menyimpan, menaruh, meletakkan dan mempublikasikan gambar atau cerita porno, dan segala macam lainnya yang berbau pornografi. Menyimpan file MP3, software bajakan, program hacking atau phreaking dan segala sesuatu yang yang melanggar hak cipta dan/atau hak paten lainnya.

SSNet

Dan sebuah webspace yang bisa diisi file-file homepage dengan alamat :

http://www.s-s-net.com/terserah_anda

w.

Cara pendaftarannya sangat mudah dan cepat. Ketik alamat berikut kedalam browser Anda: http://www.s-s-net.com/asp/register.asp. Setelah itu Anda hanya perlu mengisi ID (terserah_anda), Nama Anda dan kode password yang Anda inginkan (lihat gambar 4.2). Lalu …. abakadabra … dalam waktu kurang dari satu menit Anda akan memiliki almaat e-mail baru dengan alamat: terserah_anda@s-s-net.com

OK
147

SSNet (http://www.s-s-net.com/) adalah situs internet yang didedikasikan untuk dunia pendidikan Indonesia. SSNet menyediakan spasi gratis sebesar 2 MB plus layanan e-mail berbasis web dan POP3 yang meski sebenarnya ditujukan untuk pelajar dan mahasiswa Indonesia, tetapi pada prakteknya siapapun dapat mendaftar disini.

ww

BC

lu

b.
Capella.co.id

Upload file ke SSNet dapat dilakukan baik melalui utilitas file manager yang telah disediakan atau menggunakan program FTP (dengan host address 202.155.18.2 dan nomor port 21). Sementara itu e-mail dapat Anda buka baik dengan browser maupun e-mail client seperti Microsoft Outlook atau Eudora (dengan host name www.s-s-net.com dan nomor port 25). Satu hal yang perlu Anda perhatikan adalah bahwa SSNet menggunakan file default bernama default.htm, bukan index.htm atau index.html seperti situs-situs yang lain.

Capella Web Hosting menyediakan spasi gratis sebesar 15 MB. Berbeda dengan sebelumnya, jika situs-situs web gratis yang telah disebutkan diatas melarang Anda untuk mengisi spasi web personal Anda dengan materi bisnis atau segala bentuk penawaran yang bersifat profit oriented, maka Capella justru menawarkan spasi khusus untuk keperluan bisnis atau e-commerce untuk perusahaan atau instansi berbadan hukum. Capella juga menyediakan dukungan teknis atas layanan yang diberikan selama jam dan hari kerja melalui e-mail, telepon, atau kunjungan pelanggan. Pelanggan menggunakan server yang disediakan Capella agar dapat diakses dari internet setelah sebelumnya mendaftarkan diri melalui formulir yang disediakan oleh Capella dan mendapatkan konfirmasi dari pihak Capella. Jika Anda berminat, Anda dapat mendaftar dari alamat ini :
http://www.capella.co.id/e-commerce/free/formulir.html

co
Gambar 4.2 : Situs SSNet menyediakan spasi gratis 2 MB.

m
OKB Club Indonesia – http://www.okbclub.com

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

148

http://www.ceritaseru.org/members/terserah_an da

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

OK
149

Setelah mendaftar dan disetujui, selain spasi gratis sebesar 15 MB, Anda juga akan mendapat 5 buah account e-mail (masing-masing dengan quota 1 MB) dan 1 FTP access. Satu hal yang perlu Anda perhatikan adalah bahwa Capella hanya menyediakan spasi gratisnya saja untuk penempatan homepage Anda. Sedangkan nama domainnya (terserah_anda.com atau terserah_anda.co.id) harus Anda daftarkan sendiri (jika belum punya). Pendaftaran nama domain bisa dilakukan dari alamat http://namadomain.com dengan membayar sejumlah uang tertentu. Akan tetapi dengan trik khusus, Anda juga bisa mendapatkan nama domain sendiri dengan gratis (lihat bagian TIP & TRIK dibelakang).

BC

CeritaSeru.org

w.

Sesuai dengan nama host-nya, situs CeritaSeru yang beralamat di http://www.ceritaseru.org ini menyediakan spasi gratis khusus untuk diisi dengan materi-materi khusus dewasa (baik cerita maupun gambar). Syaratnya adalah tidak vulgar, tidak berisi materi yang melanggar hukum (MP3, crackz, dan sejenisnya), bukan berupa situs yang menjadi saingan CeritaSeru, tidak mengandung link ke situs kompentitor CeritaSeru, dan maksimal ukuran file (HTML dan gambar GIF/JPG) adalah 500 Mb.

ww

lu
Gambar 4.4: CeritaSeru.Org menyediakan spasi gratis 500 MB!

b.
Jika Anda berminat, Anda dapat segera mengirimkan file-file homepage Anda dalam bentuk file ZIP. Kirimkan file tersebut melalui e-mail ke alamat wiro@radiolink.net. Jangan lupa untuk menyertakan nama direktori yang anda inginkan dan mengisi subject e-mail dengan "SITUS WEB BARU".

4.1.2 WEB SERVER GRATIS DARI LUAR NEGERI
Berbeda dengan jumlah penyedia layanan webspace gratis dari Indonesia yang masih bisa dihitung dengan jari, penyedia layanan webspace gratis dari luar negeri jumlahnya sudah tidak terhitung lagi. Sub bab ini akan kita pakai untuk membahas beberapa diantaranya yang paling hebat, kecil iklannya (kalau bisa yang tanpa iklan), cepat aksesnya, pendek alamat domainnya dan lengkap fasilitasnya dibanding ribuan lagi yang lain. Satu hal yang perlu dicatat adalah bahwa meskipun pembahasan telah diusahakan se-uptodate mungkin, akan tetapi perubahan bisa saja terjadi setiap saat.

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m

Bayangkan! 500 MB gratis untuk Anda yang gemar cerita-cerita ngeres! Alamat yang akan Anda peroleh jika Anda mendaftar dan disetujui adalah :

150

50Megs - http://www.50megs.com/

Pembahasan situs web gratis dari luar negeri ini disusun berdasarkan abjad.

50Megs menyediakan file manager yang bagus serta site builder yang mudah digunakan oleh pemula. Alamat yang akan Anda terima jika mendaftar di situs ini adalah :

20m - http://www.20m.com/
Sesuai dengan namanya 20m menyediakan spasi gratis sebesar 20 MB untuk situs personal dengan iklan banner disebelah atas halaman web. Selain itu, mereka juga menyediakan e-mail, chat dan instant messaging. Upload file bisa dilakukan baik melalui browser menggunakan file management tool yang disediakan atau melelui FTP. 20m adalah salah satu situs penyedia layanan webspace gratis yang tumbuh sangat cepat. Meski spasi yang disediakan hanya 20 MB, akan tetapi ini sudah cukup untuk menampung sekitar 2000 halaman teks atau 500 lembar foto. Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah : http://terserah_anda.20m.com

4Office Net menyediakan spasi gratis tidak terbatas khusus untuk kalangan bisnis dengan iklan banner disebelah atas halaman web. Selain spasi gratis tak terbatas, mereka juga menyediakan program-program afiliasi dan berbagai macam resource bisnis. Tampaknya, 4Office disediakan khusus untuk kalangan bisnis. Tetapi sayangnya, akses ke 4Office agak lambat. 4Office Mendukung script CGI dan e-mail forwarding, sementara itu upload file hanya dapat dilakukan melalui FTP. Alamat yang akan diperoleh setelah mendaftar adalah :

OK
151

4Office.net - http://www.4office.net/

w.

http://terserah_anda.4office.net

ww

BC

lu

b.

http://terserah_anda.50megs.com

AcmeCity - http://www.acmecity.com/
AcmeCity menyediakan spasi gratis sebesar 20 MB untuk keperluan personal. Anda tidak diijinkan memasang link komersial dalam situs ini. Sementara iklan dari penyelenggara ditampilan berupa banner disebelah atas tiap halaman web. Fasilitas yang diberikan selain spasi gratis adalah e-mail, chat dan bulletin board. Upload file ke AcmeCity bisa dilakukan baik melalui browser maupun melalui FTP. AcmeCity cocok bagi Anda yang ingin membangun situs entertainment. Anda dapat memasukkan foto-foto, video clip atau clip art. Komunitas AcmeCity bahkan cocok bagi Anda yang memiliki interest terhadap pertelevisian, film atau musik. Dengan tool yang mereka sebut "HomeBuilder", seorang pemula bisa membangun situs web menarik dalam waktu kurang dari satu jam. Sementara bagi yang sudah berpengalaman, mereka juga menyediakan site management tools atau FTP untuk melakukan upload. Alamat yang akan diperoleh dari situs ini adalah : http://www.acmecity.com/terserah_anda

Angelfire - http://www.angelfire.com/
Saat pertama kali penulis mendaftar di Angelfire sekitar tahun 1994 yang lalu, penulis mendapatkan spasi gratis sebesar 0.5 MB. Akan tetapi sekarang, Anda akan mendapatkan spasi gratis 100 kalinya, yaitu 50 MB! dengan iklan banner pop-up. Plus fasilitas e-mail gratis serta search box, poll, guest feedback dan manajemen link ke situs Anda menggunakan "Gears" add-on.

co

Sangat berbeda dengan penyedia layanan webspace gratis dari Indonesia, pondasi keberadaan situs-situs free webspace dari luar negeri amat sangat kuat. Dari 4 situs webspace gratis yang pernah penulis daftari 7-8 tahun yang lalu, keempat-empatnya masih aktif hingga sekarang!

Sesuai dengan namanya, 50Megs menyediakan spasi gratis untuk keperluan personal sebesar 50 MB dengan iklan banner disebelah atas layar halaman web. Selain itu, Anda juga akan mendapatkan alamat e-mail dan juga counter. Upload file bisa dilakukan baik melalui browser maupun FTP.

m

Biasanya ini terjadi pada ukuran spasi yang disediakan (umumnya semakin besar, bukan sebaliknya), fasilitas upload file (tambahan pada fungsi FTP/browser), cara penampilan iklan (banner atau pop-up) dan layanan tambahan seperti email, counter, guest book atau message board.

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

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

152

http://www.angelfire.com/id/terserah_anda

Gambar 4.5 : Angelfire sekarang menyediakan spasi gratis 50 MB!

Big Step – http://www.bigstep.com

ww

BigStep menyediakan Site Building Tools yang sangat mudah digunakan, juga untuk urusan upload file dengan browser. Setelah situs Anda selesai dibangun, Anda dapat segera mempublikasikannya dan melakukan promosi hanya dengan beberapa kali klik saja! Alamat yang akan Anda peroleh adalah :

w.

BigStep menyediakan spasi gratis sebesar 11 MB untuk keperluan personal atau bisnis kecil. Meski spasi yang diberikan agak kecil akan tetapi kekuatan utama web ini adalah pada orientasi bisnisnya. Mereka menyediakan fasilitas transaksi on-line, database kustomer terintegrasi, katalog on-line plus promosi web serta reporting tools. Kemudahan akses yang diberikan membuat siapapun bisa membuat homepage disini.

OK
153

BC

lu

Bizland adalah salah satu web hosting gratis populer untuk kalangan pebisnis kecil. Berdiri tahun 1999 lalu dan sekarang telah memiliki lebih dari 800.000 members! Servis yang diberikan termasuk akses dan servis ke produk-produk berdiskon, tool untuk membantu melakukan promosi dan penjualan, customizable portofolio dari produk-produk yang ditawarkan, penggabungan messaging service yang membuat Anda dapat mengkombinasikan tool komunikasi individual dalam format yang sederhana, direktori Bizland untuk mempercepat identifikasi dan melokasikan anggota dan produk-produknya, Bizland forum, message board, link ke resource bisnis lain serta ruang chat untuk keperluan advis dan dukungan on-line. Alamat yang akan Anda terima adalah : http://terserah_anda.bizland.com

b.

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 memiliki nama domain sendiri, maka banner iklan pop-upnya akan hilang dengan sendirinya. Selain spasi gratis sebesar 10 MB, yang rencananya akan dinaikkan menjadi 35 MB pada kuartal pertama tahun 2001, mereka juga menyediakan free e-commerce (atau b-commerce) lengkap dengan merchant account, free account e-mail tak terbatas dan akses internet gratis khusus untuk USA dan Canada (seperti LinkNet kalau di Jakarta). Upload file ke BootBox hanya bisa dilakukan melalui FTP. Tetapi ini adalah solusi terbaik untuk Anda yang telah memiliki alamat domain resmi dan ingin menyimpan isi homepage di server gratis. Alamat yang akan Anda terima adalah http://www.terserah_anda.com (untuk yang telah memiliki nama domain) atau jika belum punya, adalah seperti ini : http://terserah_anda.bootbox.net

co

Angelfire, yang sekarang dikuasai oleh raksasa LYCOS, termasuk situs penyedia spasi web gratis yang populer. Untuk melakukan upload file ke Angelfire, Anda dapat menggunakan browser, program FTP atau FrontPage. Sedangkan untuk melakukan pendaftaran, Anda cukup mengisi nama dan password yang Anda inginkan. Kemudian memilih nama direktori (misalnya 'id') atau topik (misalnya 'music') dan diikuti dengan memasukkan nama belakang homepage (misalnya terserah_anda). Secara keseluruhan, alamat homepage yang akan Anda miliki dari Angelfire bisa seperti ini :

Bizland – http://www.bizland.com
Bizland menyediakan spasi gratis untuk bisnis sebesar 35 MB dengan banner iklan disebelah atas halaman web. Selain itu mereka menyediakan juga alamat email, storefront, chat, shoping chart dan counter. Upload file ke Bizland bisa dilakukan baik melalui browser maupun FTP.

m

http://terserah_anda.bigstep.com

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

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

154

CrossWinds tumbuh dengan cepat dan kini menjadi situs free hosting favorit dan populer bagi para pemakai berpengalaman, terutama karena spasinya yang tak terbatas itu plus tanpa iklan. Selain itu, kecepatan aksesnya bagus dan setiap masalah yang terjadi pada server mereka segera ditangani secara profesional.

http://www.dencity.com/terserah_anda

Domain Valet - http://www.domainvalet.com/
Domain Valet menyediakan spasi gratis sebesar 20 MB untuk keperluan personal dengan banner iklan disebelah atas tiap halaman web. Selain itu mereka juga menyediakan e-mail dengan spasi tak terbatas. Upload file bisa dilakukan melalui FTP, tetapi tidak mendukung frontpage. Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah : http://www.domainvalet/terserah_anda

Gambar 4.6: Crosswinds.net menyediakan spasi gratis tak terbatas!

Jika Anda adalah seorang webmaster yang berkompeten, maka CrossWinds mungkin adalah pilihan terbaik bagi Anda, akan tetapi bagi pemula, Anda tidak akan mendapatkan apa-apa disini. Alamat yang akan Anda terima setelah mendaftar di situs ini adalah :

OK

BC

lu

b. w.
http://www.Crosswinds.net/terserah_anda

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

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 mereka akan menambahinya jika Anda dapat memberikan alasan yang tepat. Alamat yang akan didapatkan setelah mendaftar bisa dipilih antara http://dreamwater.net/terserah_anda atau http://1freespace.com/terserah_anda dan dapat diakses dengan menyebut sub domainnya saja seperti ini : atau

http://terserah_anda.dreamwater.net/ http://terserah_anda.1freespace.com/

Envy - http://www.envy.nu/
Envy menyediakan spasi gratis sebesar 20 MB (lebih besar dari sebelumnya) untuk keperluan personal. Sayangnya, mereka juga merubah feature dari situs tanpa iklan menjadi situs beriklan banner pop-up. Upload file ke Envy harus dilakukan melalui browser. Alamat yang akan diperoleh adalah : OKB Club Indonesia – http://www.okbclub.com

DenCity - http://www.dencity.com/

ww

DenCity memberikan spasi gratis sebesar 25 MB untuk keperluan personal maupun bisnis dengan iklan berupa tombol. Akan tetapi sebenarnya orientasi OKB Club Indonesia – http://www.okbclub.com

155

co

CrossWinds menyediakan spasi gratis tak terbatas baik untuk keperluan personal maupun bisnis dengan tanpa iklan. Selain itu saat ini mereka juga menyediakan e-mail gratis. Upload file hanya bisa dilakukan melalui FTP sehingga mungkin tidak sesuai untuk pemakai pemula.

Upload file ke DenCity bisa dilakukan baik melalui browser maupun melalui FTP. Alamat yang akan Anda peroleh dari situs ini adalah :

m

Crosswinds - http://home.crosswinds.net/

utamanya ada pada penggunaan personal karena pada kenyataanya, meskipun mereka mengijinkan untuk keperluan bisnis, tetapi Anda tidak boleh memasang banner komersial Anda sendiri atau link-linknya.

156

EWebCity - http://www.ewebcity.com/
EwebCity menyediakan spasi gratis sebesar 30 MB untuk keperluan personal maupun bisnis dengan halaman-halaman web tanpa iklan! Pendaftarannya sangat cepat dan mudah. Meskipun tidak mendukung CGI dan frontpage extension, tetapi EwebCity mendukung ASP dan SQL. Upload file dilakukan dengan browser melalui file manager yang mudah digunakan. EwebCity memiliki banyak web tutorial on-line. Alamat homepage yang akan Anda peroleh setelah mendaftar adalah : http://www.eWebCity.com/terserah_anda

Waktu yang dibutuhkan untuk mengaktifkan account Anda di situs ini sangat cepat (kurang dari 1 menit), akan tetapi Anda tidak bisa menggunakan nama sendiri. Yang bisa Anda lakukan adalah memilih area dan kode alamat sehingga alamat yang akan Anda terima adalah seperti ini :

ww

http://www.fortunecity.com/nama_area/nomor_alamat

w.

OK
Gambar 4.7: Freeservers.com menyediakan spasi gratis 20 MB!

Penulis tidak dapat membayangkan, berapa besar harddisk yang mereka sediakan mengingat pada saat ini jumlah member Fortune City telah mencapai lebih dari 2.000.000 user. Bayangkan, 2 juta kali 100 MB ada berapa ?!? (memang sih, itu kalau semua user memakainya secara maksimal). Bagaimanapun, Fortune City memiliki komunitas yang sangat besar, meskipun alamat yang disediakan cukup panjang (seperti Geocities dulu sebelum diakuisisi oleh Yahoo!). Mungkin karena sekarang nama panjang sudah tidak menjadi masalah lagi karena kita bisa memperpendeknya dengan fasilitas URL redirection (lihat bagian TIP & TRIK).

BC
157

Fortune City dulu menyediakan spasi gratis sebesar 25 MB, tetapi sekarang mereka memperbesarnya hingga menjadi 100 MB. Sebuah spasi yang cukup besar untuk sekedar membuat homepage pribadi! Fasilitas yang disediakan termasuk alamat e-mail, chat, search box dll. Upload file bisa dilakukan baik melalui browser maupun melalui FTP. Sayangnya, Fortune City menempatkan banner iklan yang lumayan besar pada setiap halaman yang kita buat sehingga agak memperlambat akses. Selain itu ukuran file maksimal yang bisa disimpan disini adalah 1 MB. Lebih dari itu file tersebut akan langsung dihapus oleh server

lu

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

b.

Fredom2Surf menyediakan spasi gratis 20 MB baik untuk personal maupun bisnis dengan dukungan penuh terhadap teknologi PHP, CGI, SSI, Perl Script serta front page extension. Mereka juga menyediakan search option, web statistic, counter dan web board gratis. Selain fasilitas tersebut, Anda juga mendapat alamat e-mail dengan spasi tak terbatas. Hebatnya lagi, freedom2suf bebas iklan! Satu-satunya yang menjadi kekurangan adalah bahwa semua transfer file harus dilakukan melalui FTP ke www.terserah_anda.f2s.com (yang mungkin agak menyulitkan bagi yang tidak biasa melakukannya). Alamat yang akan Anda peroleh adalah : http://terserah_anda.f2s.com

Freeservers - http://www.freeservers.com/
Freeservers menyediakan spasi gratis 20 MB untuk keperluan personal web dengan banner iklan disebelah atas halaman web. Upload file bisa dilakukan baik melalui browser maupun FTP. Fasilitas yang disediakan termasuk instant messaging, guest book, counter, shopbot search engine dan e-mail dengan spasi tak terbatas!

co

m

http://www.envy.nu/terserah_anda

Freedom2Surf - http://www.f2s.com/

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

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

158

FreeYellow - http://www.freeyellow.com/

Upload file ke FreeYellow bisa dilakukan baik melalui browser maupun FTP. Alamat homepage yang akan Anda peroleh adalah :
http://www.freeyellow.com/members/area/terserah_anda

w.

FreeYellow menyediakan spasi gratis sebesar 12 MB baik untuk personal maupun untuk bisnis dengan sebuah iklan banner. Selain itu, mereka juga menyediakan counter, pustaka gambar, form yang bisa di cut & paste, seting chat serta WebWizard site builder yang mudah digunakan.

OK
159

http://terserah_anda.freeservers.com http://terserah_anda.4t.com http://terserah_anda.4mg.com http://terserah_anda.8m.com http://terserah_anda.8k.com http://terserah_anda.s5.com http://terserah_anda.bizhosting.com http://terserah_anda.faithweb.com http://terserah_anda.freehosting.net http://terserah_anda.gq.nu http://terserah_anda.htmlplanet.com http://terserah_anda.itgo.com http://terserah_anda.iwarp.com http://terserah_anda.scriptmania.com http://terserah_anda.theshoppe.com http://terserah_anda.tvheaven.com

ww

BC

lu

b.

http://www.geocities.com/terserah_anda

Go Network - http://homepages.go.com/
Go Network menyediakan spasi gratis dengan tanpa iklan sama sekali, baik banner maupun pop-up. Upload file dilakukan melalui browser dengan file manager yang disediakan. Selain spasi gratis, mereka juga menyediakan guest book, chat room dan e-mail. Alamat homepage yang akan Anda terima jika mendaftar di situs ini adalah : http://homepage.go.com/~terserah_anda

Homepage - http://www.homepage.com/

Homepage menyediakan spasi gratis sebesar 10 MB untuk keperluan personal atau bisnis dengan banner iklan disebelah atas layar. Mereka mengklaim diri sebagai pemimpin dalam hal penyedia layanan aplikasi untuk e-bussines dengan daftar pengguna termasuk about.com, discoverychannerl, PetSmart dan namanama besar lainnya. Secara definitif, homepage termasuk salah satu dari penyedia web hosting gratis dengan antarmuka paling bersih di internet, tetapi tidak menawarkan tool pembantu yang biasanya disediakan untuk pemakai pemula. Anda akan lebih baik jika membuat situs dilain homepage dan setelah itu melakukan migrasi kesini. Homepage adalah pilihan bagus untuk keperluan bisnis, akan tetapi jika Anda seorang pemula, masih banyak pilihan lain yang mungkin lebih baik. Alamat yang akan diperoleh jika mendaftar di situs ini adalah : http://terserah_anda.homepage.com

co

Freeserver adalah salah satu pelopor penyedia layanan webspace gratis dengan jumlah member saat ini lebih dari 1.500.000 user! Mereka juga menyediakan fasilitas "Site Copier" untuk memindah situs yang telah Anda miliki ke Freeservers, juga file manager yang sangat baik dan 'user friendly'. Seperti situs PengenPunyaSitus.Com dari Indonesia (sewaktu masih hidup), Freeservers menyediakan 16 pilihan nama sub domain unik. Keenambelas nama sub domain tersebut adalah :

Geocities adalah penyedia layanan internet yang sudah sangat tua. Dulu, mereka hanya menyediakan spasi gratis sebesar 5 MB, lalu naik menjadi 11 MB dan sekarang sudah ditambah lagi hingga menjadi 15 MB. Iklan yang ditampilkan adalah banner berupa watermark kotak disebelah kanan atas layar web. Sedangkan fasilitas yang disediakan selain spasi gratis adalah alamat e-mail (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 akan Anda terima setelah mendaftar adalah :

m

Geocities - http://www.geocities.com/

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

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

160

http://www.homestead.com/terserah_anda

Hypermart - http://www.hypermart.net/

OK
161

Hypermart memberikan spasi gratis sebesar 20 MB yang bisa Anda gunakan untuk keperluan personal maupun bisnis kecil dengan tampilan iklan yang bisa dipilih antara banner biasa atau pop-up banner. Upload file bisa dilakukan baik melalui browser maupun melalui FTP.

w.

Selain spasi gratis yang disediakan, Anda juga bisa memanfaatkan programprogram afiliasi yang ada atau memanfaatkan bussines resources yang banyak tersedia di situs ini. Akan tetapi jika Anda ingin memanfaatkan shopping cart atau e-services yang lain, Anda harus melakukan upgrade keanggotaan dengan membayar sejumlah uang.

ww

BC

Jika Anda telah memiliki homepage lain, mereka juga menyediakan sebuah utility canggih yang disebut "Site Mover" untuk mempermudah kepindahan Anda! Sebelum mencoba mendaftar ke Homestead, catat bahwa situs ini juga bekerjasama dengan Spedia, pencetak uang dolar gratis yang terkenal itu! Jika Anda telah terdaftar di Spedia (lihat bagian BONUS: TIP & TRIK - Gunakan Situs Anda untuk mencari uang dari internet!), maka pendaftaran ke Homestead akan memberikan 70 tambahan point (setara dengan akses inernet 1 jam 10 menit). Enak khan? Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah :

lu

Homestead adalah salah satu penyedia layanan spasi web gratis yang sangat besar. Jumlah membernya saat buku ini ditulis telah mencapai lebih dari 4 juta user! Mereka sangat profesional dan secara konstan melakukan update situs dengan berbagai fasilitas dan fitur yang baru. Jika Anda memiliki usaha bisnis kecil, tidak ada salahnya mencoba Homestead karena mereka menyediakan semua elemen yang diperlukan untuk melakukan setup halaman muka 'kios' Anda untuk e-commerce, bahkan juga fasilitas e-commerce payment processing-nya!

b.
Gambar 4.8: Hypermart.net menyediakan spasi gratis 20 MB!

Saat buku ini ditulis, hypermart telah memiliki lebih dari 1.000.000 member, termasuk beberapa program pengeruk uang gratis dari internet seperti iklan mini Bonanza (http://uangiklan.cjb.net) dan organizer program Pensiun Muda (http://pensiun.cjb.net) dan masih akan terus bertambah! Jika Anda mendaftar, alamat yang akan Anda peroleh adalah : http://terserah_anda.hypermart.net

iXprss - http://www.xprss.com
iXprss memberi spasi gratis sebesar 100 MB untuk keperluan bisnis dengan iklan berbentuk banner dibagian bawah halaman web. Fasilitas yang disediakan selain spasi gratis dan setup yang mudah adalah e-mail, kalender, news page dan link page. Upload file ke iXprss dilakukan melalui browser. Anda bisa secara cepat melakukan setup on-line store dan mengatur suatu database untuk men-set halaman-halaman produk lengkap dengan gambargambarnya. iXprss bahkan menyediakan shoping cart gratis untuk keperluan ecommerce Anda. Selain itu, Anda juga dapat menggunakan lebih dari 100 template bisnis untuk keperluan lay-out halaman web Anda! Alamat yang akan Anda dapatkan jika mendaftar di situs ini adalah : http://www.xprss.com/kategori/terserah_anda

co
OKB Club Indonesia – http://www.okbclub.com

Homestead menyediakan spasi gratis sebesar 16 MB (sebelumnya 12 MB) untuk keperluan personal atau bisnis dengan tampilan iklan kecil berupa banner disebelah bawah halaman web. Metoda upload filenya dilakukan melalui browser. Sementara fasilitas yang diberikan sangat banyak, diantaranya alamat email, kalender, guest book, chat room, counter, web poll, promosi situs, teks animasi plus koleksi ribuan clip-art dan suara.

m
162

Homestead - http://www.homestead.com/

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

Jika Anda adalah seorang pemula, Anda bisa menggunakan "wizard" site builder untuk memulai membuat homepage. Mereka akan menuntun Anda langkah demi langkah sambil menawarkan berbagai fasilitas yang bisa meningkatkan kualitas homepage Anda. Semua ini bisa dilakukan hanya dalam waktu 3 menit! Satu-satunya kekurangan situs ini hanyalah pada ukuran spasi yang disediakan yang tampaknya sudah tidak sesuai untuk standar saat ini. Akan tetapi selama Anda tidak menggunakan banyak grafik, ruang sebesar ini sebenarnya masih cukup untuk kebanyakan situs web. Alamat yang akan diperoleh jika mendaftar di situs ini adalah : http://www.LiveUniverse.com/terserah_anda

co

LiveUniverse menyediakan spasi gratis 10 MB baik untuk personal maupun bisnis dengan iklan disebelah atas layar. Selain itu mereka juga menyediakan message board, chat, mailing list, text ticker, auction catalog dan masih banyak lagi plus site builder sederhana yang mudah digunakan.

Penyedia layanan free webspace dari Indonesia, pengenpunyasotus.com (dulu), juga menggunakan portland sebagai web hosting untuk semua member yang mendaftar ke pengenpunyasitus.com. Alamat homepage yang akan Anda terima jika mendaftar di situs ini adalah: http://www.portland.co.uk/terserah_anda http://terserah_anda.portland.co.uk http://terserah_anda.port5.com atau atau

NetColony menyediakan spasi gratis 100 MB dengan iklan banner disebelah atas halaman web Anda. Selain itu mereka juga menyediakan e-mail gratis, guest book, message board dan banyak tutorial mengenai html dan homepage. Upload file dilakukan dengan browser melalui utiliti file manager yang disediakan. Jika ingin melakukan editing langsung, Anda juga bisa menggunakan EZ homebuilder yang disediakan.

Pada saat buku ini ditulis, NetColony telah memiliki 175.000 member yang tersebar di seluruh dunia. Selain nama belakang, Anda juga harus memilih jenis kategori isi dari homepage Anda (misalnya 'internet' atau 'games') sehingga alamat homepage yang akan Anda terima adalah: http://www.netcolony.com/kategori/terserah_anda

OK
163

PortLand - http://www.portland.co.uk/

ww

PortLand menyediakan spasi gratis sebesar 15 MB dengan tanpa iklan sama sekali, baik banner maupun pop-up. Selain itu mereka juga menyediakan fasilitas statistik dan alamat multi e-mail. Jika Anda telah memiliki nama domain, Anda dapat menggunakan PortLand sebagai web hosting gratis dan menggunakan domain Anda sendiri. OKB Club Indonesia – http://www.okbclub.com

w.

BC

NetColony - http://www.netcolony.com/

lu

b.

Rebondir - http://www.rebondir.com/
Rebondir menyediakan spasi gratis sebesar 20 MB untuk keperluan personal dengan tampilan banner iklan. Selain itu Rebondir juga menyediakan e-mail gratis, counter, guestbook dan form yang bisa dikustomisasi. Upload file bisa dilakukan baik melalui browser maupun melalui FTP.

Jika Anda seorang pemula, Anda bisa menggunakan Site Building Tool yang sederhana dengan banyak template desain halaman dan desain grafik yang mudah. Utiliti "Site Copier" yang disediakan juga dapat mempermudah kepindahan Anda dari situs yang sudah ada ke situs baru di Rebondir, dan file manager berbasis web yang disediakan mempermudah editing dan upload file. Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah : http://terserah_anda.rebondir.com

Stas - http://www.stas.net/
Stas memberikan spasi gartis tak terbatas yang bisa Anda gunakan untuk keperluan personal dengan tanpa iklan! Selain itu mereka juga menyediakan guest book, web board, form mail dan search box. Juga site builder yang mudah digunakan. Sementara upload file dilakukan dengan browser. Jika Anda berencana untuk membuat sebuah situs web untuk mendukung industri multimedia, Stas adalah pilihan tepat mengingat spasi 'unlimited' yang disediakan, meskipun janji dan klaim mereka yang 'tanpa iklan' itu tampak terlalu muluk mengingat iklan adalah satu-satunya sumber dana yang masuk akal. Tapi … kita lihat saja nanti. Alamat yang akan Anda dapat jika mendaftar di situs ini adalah : http://www.stas.net/terserah_anda/ OKB Club Indonesia – http://www.okbclub.com

m

LiveUniverse - http://www.liveuniverse.com/

Upload file ke situs ini bisa dilakukan melalui FTP. Selain file-file html, PortLand juga mempersilahkan Anda untuk meng-upload script-script CGI yang Anda miliki.

164

http://terserah_anda.stormloader.com

TheBurgh - http://www.tbns.net/
TheBurgh menyediakan webspace gratis sebesar 30 MB. Selain cepat, TheBurgh juga menyediakan e-mail gratis, forum diskusi dan chat. Upload file dilakukan melalui browser. Tbns adalah singkatan dari The Burgh Network Solution. Setelah mendaftar, Anda akan mendapat alamat seperti ini: http://www.tbns.net/terserah_anda

Tripod - http://www.tripod.com/

http://terserah_anda.tripod.com

ww

w.

Akses file di Tripod bisa dilakukan dengan semua cara yang mungkin bisa dilakukan, misalnya melalui browser (menggunakan file manager canggih yang disediakan), melalui FTP atau bahkan melalui FrontPage. Fasilitas yang disediakan juga cukup banyak, seperti counter, guest book, alamat e-mail, horoscope, ramalan cuaca, gambar-gambar dlsb. Selain itu, Tripod juga mendukung frontpage extension. Menurut penulis, disamping karena kecepatan aksesnya, kemudahan atas hampir semua hal yang berhubungan dengan proses penciptaan situs web di Tripod menjadikannya awal yang baik untuk memulai memiliki homepage sendiri. Alamat yang akan Anda peroleh setelah mendaftar adalah :

OK
165

Setahun atau dua tahun yang lalu, Tripod hanya menyediakan spasi gratis sebesar 11 MB, akan tetapi sekarang Tripod memberikan spasi yang cukup besar untuk Anda, yakni 50 MB! Anda bisa menggunakannya baik untuk personal maupun untuk bisnis. Sementara iklan yang ditampilkan pada layar web bisa dipilih apakah berbentuk banner atau pop-up.

BC

lu

b.

Virtual Avenue mendukung penggunaan Script CGI, Perl dan frontpage extension. Setelah mendapatkan spasi dari Virtual Avenue, Anda bisa menggunakan nama domain yang telah Anda miliki atau menggunakan alamat sub domain yang telah disediakan, yaitu : http://terserah_anda.virtualave.net

WebHostMe - http://www.webhostme.com/

WebHostMe menyediakan spasi gratis sebesar 20 MB untuk keperluan personal maupun bisnis. Mereka mendukung penggunaan Script CGI, frontpage extension, Active Server Page (ASP) dan bahkan database MS-Access.

Account Anda akan aktif sekitar 10 menit setelah Anda mendaftar. Jika Anda telah memiliki alamat domain, Anda dapat menggunakan WebHostMe sebagai web server gratis dengan nama domain Anda sendiri. Jika belum punya, alamat yang akan Anda peroleh dari situs ini adalah : http://terserah_anda.webhostme.com

Xoom (NBCi) - http://www.xoom.com/
Xoom, yang saat ini telah dicaplok oleh perusahaan besar NBCi, menyediakan spasi gratis tidak terbatas untuk Anda. Sayangnya, Xoom menempatkan iklan bar NBCi yang diletakkan disebelah atas layar web dan bekerja sebagai portal. Tentunya ini cukup mengganggu, disamping aksesnya menjadi sangat lambat. Sebagai ganti segala kekurangan ini, disamping spasi web yang tidak terbatas mereka juga memberikan alamat e-mail, fasilitas chat, search box dan lain sebagainya. Upload file dapat dilakukan baik melalui browser maupun FTP.

co

Stormloader menyediakan spasi gratis 20 MB untuk personal atau bisnis dengan banner iklan disebelah atas layar (tanpa pop-up). Saat buku ini ditulis, Stormloader telah memiliki sekitar 30.000 member. Fasilitas yang diberikan selain spasi gratis adalah alamat e-mail. Upload file dapat dilakukan dengan browser dan editing file dapat dilakukan dengan html editor berbasis web yang disediakan. Alamat yang akan Anda dapatkan adalah:

Virtual Avenue - http://www.virtualave.net/
Virtual Avenue menyediakan spasi gratis sebesar 20 MB untuk keperluan personal maupun bisnis dengan banner iklan kecil dan pop-up. Metoda upload file yang bisa dilakukan adalah melalui FTP dengan batasan ukuran file maksimal 1.2 MB. Virtual Avenue sangat populer dikalangan pebisnis kecil dengan jumlah member sekitar 500.000 user. Mereka menyukai Virtual Avenue karena kecepatan dan down time server yang kecil. Selain itu setup e-commerce–nya mudah dilakukan karena Virtual Avenue juga menyediakan fasilitas HyperMart dan berbagai servis berorientasi bisnis lainnya.

m

Stormloader - http://www.stormloader.com/

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

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

166

http://www.xoom.com/terserah_anda

Anzwers - http://www.anzwers.net/

Khusus untuk keperluan pembuatan situs personal, Anda akan dilempar ke http://www.anzwers.org. Alamat homepage yang akan Anda perolah adalah :

w.
167

http://www.anzwers.net/hot/terserah_anda

OK
Gambar 4.9: www.nightsites.com, free webspace untuk komunitas dewasa dengan member lebih dari 30.000 user

Anzwers menyediakan spasi gratis dengan ukuran tak terbatas serta bandwidth juga tak terbatas untuk keperluan personal atau materi-materi dewasa seperti seks dan pornografi, tetapi tidak untuk materi-materi hacking atau cracking.

ww

BC

Yang dimaksud dengan 'Minat Khusus' dalam judul diatas adalah semua hal yang dilarang untuk dimasukkan kedalam homepage gratis yang telah dibahas pada sub bab 4.1 dan 4.2 diatas, yaitu segala materi yang berhubungan dengan seks, pornografi, hacking, cracking dan semua pelanggaran umum lainnya. Untuk 'Minat Khusus' seperti ini, Anda bisa mencoba mendaftar pada beberapa penyedia layanan webspace gratis dibawah ini.

lu

4.1.3 WEB SERVER GRATIS UNTUK YANG PUNYA 'MINAT KHUSUS'

b.

Umumnya, user lebih suka menggunakan Xoom sebagai server arsip untuk menyimpan file-file program (.exe atau .zip) dan me-link-nya dari server web gratis yang lain karena akses file .zip atau .exe di Xoom tidak memunculkan iklan! Meski demikian, hati-hatilah dengan peraturan yang mereka buat. Jika Anda melanggarnya, mereka akan langsung mengapus account Anda tanpa pemberitahuan apa-apa. Satu-satunya tanda bahwa keanggotaan Anda telah dicoret adalah jika tiba-tiba saja password FTP Anda dianggap salah (invalid) atau browser yang Anda gunakan menampilkan kode "404 Error" saat mengakses homepage Anda. Lebih jauh lagi, Anda tidak akan dapat mendaftar ulang dengan nama atau alamat e-mail yang sama lagi. Berikut adalah alamat homepage yang akan Anda terima jika mendaftar di situs ini :

NightSites - http://www.nightsites.com/

Selain spasi gratis, NightSites juga menyediakan chatroom dan feedback form untuk komunikasi dengan pengunjung situs web Anda. Setelah mendaftar, Anda akan dikirimi e-mail pemberitahuan yang berisi nama dan kode password yang bisa Anda gunakan untuk login ke NightSites dan mulai membangun adult site baru Anda! Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah : http://terserah_anda.nightsites.com

co

NightSites menyediakan spasi gratis untuk homepage dewasa, pornografi, seks dan semacamnya. Saat buku ini ditulis, NightSites telah memiliki 29.000 member on-line.

m

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

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

168

Gambar 4.10: Sexplosion.com, free webspace khusus untuk dewasa

Sexplosion - http://sexplosion.com/

Sexplosion (gambar 4.10) menyediakan 9 halaman web yang bisa diisi dengan materi-materi pornografi, seks dan semacamnya. Jika dirasa kurang, Anda bisa mendaftar lagi untuk mendapatkan 9 halaman yang lain. Alamat yang akan diperoleh adalah : http://sexplosion.com/terserah_anda

OK

BC

lu

b.
Gambar 4.11: InternetTrash.com, free webspace khusus untuk gila-gilaan!

Spasi yang disediakan untuk semua kegiatan gila diatas adalah 20 MB tanpa iklan, plus e-mail gratis (web dan POP3), chat room gratis, personal discussion forum gratis dan lain sebagainya. Transfer file bisa dilakukan melalui FTP. Pendaftaran cukup dilakukan dengan mengirim nama dan password yang Anda inginkan ke alamat e-mail posttrash@internettrash.com tanpa datadata pribadi sama sekali! Alamat yang akan didapat setelah mendaftar di situs ini dapat berupa : http://internettrash.com/users/nama_email_anda http://internettrash.com/users/nama_alias atau

Internet Trash - http://internettrash.com/

ww

w.

Anda mungkin tidak mengira bahwa ada situs penyedia webspace gratis yang menyediakan dukungan untuk hal-hal yang tidak masuk akal seperti materi-materi yang berhubungan dengan penyerangan, penghinaan, materi tak berguna, tak senonoh, tak berperasaan, sampah, kasar, primitif, tak sopan, asusila, cabul, kotor, porno, jorok, gila, hal-hal bodoh, tak bermutu, menjengkelkan, buruk, menjijikkan, ekstrim, politik, pemborosan, merusak dan segala hal yang sama sekali tidak bermanfaat lainnya untuk mengobral bandwidth! Meskipun materi homepage yang normal dan biasa-biasa saja juga dipersilahkan.

Nama_alias bisa Anda ganti-ganti kapan saja sepanjang belum ada yang menggunakannya. Selain nama domain internettrash.com, Anda juga dapat memilih domain lain seperti internetjunk.com, internetgarbage.com, internettoilet.com, nettrash.com, netjunk.com, netgarbage.com atau nettoilet.com. Hhmm….mmm…mmmm…... (baca sambil geleng-geleng kepala).

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

169

co
OKB Club Indonesia – http://www.okbclub.com

m
170

4.2 MENDAFTAR KE WEB SERVER GRATIS
Setelah membaca semua review mengenai penyedia layanan free webspace pada sub bab diatas dan telah menentukan kemana kita akan menitipkan homepage kita, marilah kita mencoba untuk mendaftar ke beberapa situs diantaranya. Pada sub bab ini, kita akan mencoba mendaftar ke free webspace dari Indonesia dan dari luar negeri.

Rileks.Com adalah salah satu penyedia layanan webspace gratis dari Indonesia. Seperti telah dijelaskan sebelumnya, mereka menyediakan spasi gratis sebesar 20 MB dengan alamat domain http://mypage.rileks.com/terserah_anda. Pada sub bab ini kita akan mencoba mendaftar dengan nama OKBClub sehingga nantinya kita akan memiliki alamat http://mypage.rileks.com/OKBClub. Salah satu syarat untuk mendapakan homepage gratis dari rileks.com adalah Anda harus memiliki alamat e-mail di rileks.com (nama_anda@rileks.com). Karena itu jika Anda belum memilikinya, Anda harus mendaftar terlebih dahulu (gratis). Pendaftaran e-mail ini bisa dilakukan dari alamat http://mail.rileks.com. Berikut adalah urutan pendaftaran homepage gratis di rileks.com dari awal dengan asumsi Anda telah memiliki alamat e-mail di rileks.com : 1. 2. 3.

BC
6.

4.

ww

Arahkan browser Anda ke http://mypage.rileks.com. Klik link bertuliskan "Sign Up !!! Easy And Free" yang berada disebelah kiri atas layar browser (lihat gambar 4.1). Anda akan masuk kelayar pemilihan area homepage. Area yang bisa Anda pilih diantaranya adalah 'Anime', 'Boutique', 'Café', 'Games', 'Hiburan', 'Komputer', 'Movie', 'Musik', 'Organisasi', 'Pendidikan', 'Personal', 'Restoran', 'Romance', 'Selebritis', 'Seni-budaya' dan 'Warnet'. Gulung layar browser Anda hingga keposisi paling bawah, lalu dibawah kolom "Select the that best fits your future web site" pilih area yang sesuai dengan isi homepage Anda. Setelah itu klik tombol "Continue". Isilah kolom-kolom form pendaftaran dengan teliti dan benar. Satu hal yang harus Anda perhatikan adalah kolom 'Username:'. Username ini akan dipakai sebagai bagian dari alamat homepage Anda. Boleh diisi apa saja asal sopan dan pantas. Sebagai contoh, jika diisi "hobbyku", maka alamat homepage yang akan diperoleh nantinya adalah http://mypage.rileks.com/hobbyku.

OK
171

w.

lu
Gambar 4.12: Tampilan setelah pendaftaran di Rileks.Com selesai

b.
SELESAI. Karena penulis mendaftar dengan 'username' OKBClub, maka saat Anda membaca buku ini, alamat http://mypage.rileks.com/OKBClub telah bisa diakses dari internet! Pada titik ini, alamat homepage Anda telah aktif. Tetapi isinya masih kosong. Untuk mengirim file-file html dari hardisk Anda ke server rileks.com, Anda bisa menggunakan file manager yang disediakan oleh rileks.com. Caranya, arahkan browser Anda ke http://mypage.rileks.com/cgi-bin/manager.cgi/indonesia. Isi kolom Account Name, Password, pilih area, tampilan file dan klik tombol "Login ke account anda" (gambar 4.13). Setelah itu Anda akan dapat mengedit file, meng-upload file, mengaktifkan webboard, mengaktifkan guestbook, membuat dan menghapus direktori dan lain sebagainya. Sebagai catatan, rileks.com menggunakan nama file default "index.html".

4.2.1 Mendaftar Ke Rileks.Com

co
OKB Club Indonesia – http://www.okbclub.com

m

5.

Setelah semua kolom diisi, klik tombol "Daftar Sekarang". Maka Anda akan mendapatkan tampilan seperti tampak pada gambar 4.12, kecuali jika nama yang Anda inginkan sudah dipakai orang lain (mereka akan meminta Anda untuk memasukkan nama yang lain).

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

172

Gambar 4.13: Tampilan layar Login ke Rileks.Com

Tripod adalah salah satu situs penyedia free webspace besar yang sangat digemari. Disamping fasilitasnya banyak (ada guest book, counter, chat room dan web forum yang semuanya gratis), transfer file bisa dilakukan baik dari file manager maupun dengan FTP, spasi yang besar (50 MB) dan … dapat di hack untuk menghilangkan iklan banner atau pop-up-nya! Pada sub bab ini kita akan mencoba mendaftar ke tripod dengan nama serbagratis sehingga alamat yang akan kita peroleh nantinya adalah http://serba-gratis.tripod.com. 1. Berikut adalah langkah-langkah yang harus kita lakukan :

BC
3. 4.

4.2.2 Mendaftar Ke Tripod.Com

lu
Gambar 4.14: Tampilan situs Tripod.Com

OK
173

2.

ww

Setelah itu akan muncul form isian yang harus Anda isi dengan hati-hati. Isilah kolom "Member name" dengan nama depan sub domain yang Anda inginkan. Dalam contoh ini karena kita menginginkan nama domain serbagratis.tripod.com, maka kolom ini kita isi dengan "serba-gratis". Isi kolom "Password" dengan kode password yang ingin Anda gunakan nanti saat akan

w.

Buka browser dan masukkan alamat http://www.tripod.com. Klik tombol "Sign Up" atau klik link dengan teks "Sign Up now for 50 MB of FREE space!".

b.
Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!" yang ada dibagian bawah layar. Setelah tombol "Sign Me Up!" Anda klik, dalam beberapa detik kemudian akan muncul ucapan selamat datang dari Tripod serta pemberitahuan bahwa sebelum account Anda bisa diaktifkan, Tripod harus mengesahkan paspor Anda ke Lycos Network sebagai pemilik Tripod. Lalu ada radio check yang berisi beberapa penawaran dari pihak Tripod, diantaranya apakah Anda ingin berlangganan semacam mailing list dwi-mingguan yang berisi segala hal yang berhubungan dengan teknik pembuatan homepage, tip & triknya, dan juga penawaran tambahan spasi untuk menyimpan file-file Anda di Driveway sebesar 25 MB. Dalam hal ini, Anda boleh memilih atau tidak memilih sama sekali. Setelah itu klik tombol "Complete Sign Up!". OKB Club Indonesia – http://www.okbclub.com

co
OKB Club Indonesia – http://www.okbclub.com

mengupdate homepage Anda. Jika Anda inginkan, Anda juga bisa mengisi kolom "Hint Question" dengan pertanyaan sederhana plus jawabannya di kolom "Hint Answer". Ini untuk jaga-jaga bila suatu saat Anda lupa akan kode password Anda. Kolom isian lain yang perlu Anda persiapkan adalah nama lengkap, tanggal lahir, alamat e-mail, negara serta 2 radio button untuk memilih apakah Anda ingin dikirimi e-mail penawaran dari pemasang iklan di jaringan Lycos dan apakah Anda ingin dikirimi e-mail berita atau servis baru dari jaringan Lycos.

m

174

Gambar 4.15: Form pendaftaran di Tripod.Com

6.

Jika Anda telah memiliki homepage offline yang berada didalam harddisk, Anda bisa mulai meng-upload-nya dengan program client FTP ke alamat server ftp.tripod.com. Catat bahwa pada detik itu juga Anda telah mendapat kiriman surat dari Tripod (melalui e-mail) yang berisi ucapan selamat datang dan ucapan terima kasih atas bergabungnya Anda di komunitas raksasa Tripod dan Lycos Network, selain tentu saja berbagai macam petunjuk yang Anda perlukan dalam membangun situs baru Anda!

ww

w.
175

OK

BC

5.

SELAMAT! Dalam beberapa detik kemudian, Anda akan langsung masuk ke area create & update dan pada saat itu Anda telah memiliki situs web baru dengan spasi 50 MB yang isinya masih kosong! Pada titik ini, Anda dapat meng-klik FileManager untuk meng-upload file-file yang sebelumnya sudah Anda buat atau langsung membuatnya pada saat itu juga menggunakan FreeForm (Anda harus mengerti HTML) atau menggunakan SiteBuilder (Anda tidak harus mengerti HTML).

lu

b.
Gambar 4.16: Tampilan setelah pendaftaran di Tripod.Com selesai

Mengganti Mode Iklan di Tripod

Secara default, tipe iklan di situs web Tripod.com ditampilkan dalam bentuk banner pada setiap halaman web. Iklan banner ini diletakkan diposisi sebelah atas layar seperti tampak pada gambar 4.17. Hal ini tidak menjadi masalah jika Anda tidak menggunakan frame pada semua halaman web Anda. Akan tetapi jika Anda menggunakan frame, maka setiap frame pada halaman web Anda akan berisi iklan banner! Perilaku ini jelas tidak 'bersahabat', 'menjengkelkan' dan merusak tampilan homepage kita. Untuk mengatasi masalah ini, Anda dapat mengganti tipe iklan yang ada dari mode iklan banner menjadi iklan pop-up (gambar 4.18).

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m
176

Berikut adalah cara setting iklan dari mode banner menjadi mode pop-up di Tripod.com : 1. 2. Login-lah ke server Tripod seperti biasa. Setelah itu klik sub menu "My Account". Sebentar kemudian akan ditampilkan beberapa seting internal situs homepage Anda.

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

BC
Gambar 4.18: Jenis iklan pop-up di Tripod

ww

Dengan tampilnya iklan yang terpisah seperti ini, pengunjung situs Anda dapat dengan mudah mematikan jendela pop-up iklannya jika ia tidak suka. Bahkan OKB Club Indonesia – http://www.okbclub.com

w.

OK
Gambar 4.20: Anda bisa memilih iklan banner atau iklan pop-up

177

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

b.

co

dengan trik khusus yang disebut "Auto Reminder", seperti yang akan dijelaskan pada bagian BONUS: TRIK & TRIK, halaman utama situs web Anda dapat dibuat selalu tampil didepan program yang lain sehingga secara otomatis akan selalu menutupi jendela iklan pop-upnya. Dan karena itu pengunjung situs Anda tidak perlu lagi susah-susah mematikan jendela iklan yang muncul.

m

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

178

3.

4.

5.

Keluarlah dari server dengan menekan link berlabel "Log Out" dan cobalah kunjungi situs Anda sendiri untuk melihat hasilnya.

Mengaktifkan FrontPage Server Extension di Tripod
Dalam keadaan normal, situs web Anda di Tripod tidak mendukung frontpage extension. Frotpage extension berguna untuk membuat fungsi-fungsi tambahan frontpage bisa dipakai didalam server Tripod. Sebagai contoh, jika Anda membuat counter, guestbook atau fungsi search engine sendiri menggunakan fasilitas yang ada didalam FrontPage (disebut 'webbot'), maka counter dan guest book ini tidak akan bekerja jika file html-nya di upload ke server-server yang tidak mendukung frontpage extension.

BC
1.

OK
179

Berikut adalah cara setting agar situs web Anda di Tripod.com dapat mendukung frontpage extension: 1. 2. 3. Login-lah ke server Tripod seperti biasa.

Setelah berada didalam, klik sub menu "My Account". Sebentar kemudian akan ditampilkan beberapa seting internal situs homepage Anda.

w.

Klik link dengan label "Enable my site" yang berada dibawah sub menu "PREFERENCES". Dibawah teks ini terdapat tulisan "Your site is not FrontPage-enabled." yang menandakan bahwa pada saat ini situs Anda tidak mendukung FrontPage Extension. Setelah link "Enable my site" Anda klik, maka sebentar kemudian akan muncul ucapan selamat bahwa server Anda saat ini telah mendukung FrontPage Server Extension!

ww

4.

Kembalilah ke layar "My Account" dan Anda akan melihat teks dibawah sub menu "PREFERENCES" sekarang telah menjadi "Your site is OKB Club Indonesia – http://www.okbclub.com

lu
Gambar 4.21: Selamat! Situs Anda kini telah mendukung Ms. FrontPage!

b.
4.3 MENGAKTIFKAN HOMEPAGE DI GEOCITIES
Anda memiliki account e-mail di yahoo? Jika ya, maka sesungguhnya Anda telah memiliki sebuah homepage kosong di Geocities! Anda tinggal mengaktifkannya saja dengan beberapa kali klik. Berikut adalah langkah-langkah yang diperlukan untuk mengaktifkan homepage Anda di Geocities yang selama ini tidur nyenyak : Arahkan browser Anda ke http://geocities.yahoo.com/home/ (atau ke http://www.geocities.com). Isilah kolom Yahoo! ID dan kolom Password dengan nama alamat e-mail dan password e-mail Anda, sama seperti jika Anda ingin membuka e-mail di YahooMail. (dalam contoh ini, penulis menggunakan nama serba_gratis karena penulis memiliki acoount e-mail dengan nama serba_gratis@yahoo.com. OKB Club Indonesia – http://www.okbclub.com

Pilih radio button yang bawah (di sebelah teks "Pop-Up ads: …..") dan lanjutkan dengan menekan tombol "Update". Beberapa saat kemudian Anda akan melihat teks dibawah sub menu "ADVERTISING" sekarang telah menjadi "Your site serves pop-up ads.", yang berarti bahwa mode iklan di situs web Anda telah beralih menjadi mode pop-up!

co

Klik link dengan label "Change ads type" yang berada dibawah sub menu "ADVERTISING". Dibawah teks ini terdapat tulisan "Your site serves auto-embedded ads." yang menandakan bahwa pada saat ini situs Anda menggunakan mode iklan banner. Setelah link Anda klik, akan muncul konfirmasi mengenai pemilihan mode iklan.

5.

Keluarlah dari server dengan meng-klik link berlabel "Log Out" dan coba buka halaman web Anda yang mengandung komponen 'WebBot', seperti counter, guestbook atau yang lainnya.

m

FrontPage-enabled.", yang berarti bahwa situs web Anda sekarang telah mendukung frontpage extension.

180

4.

Gambar 4.22: Jika memiliki account di YahooMail, Anda juga memiliki homepage di Geocities!

w.
Gambar 4.23: Tampilan setelah homepage di Geocities berhasil diaktifkan

OK ww
Gambar 4.24: Setelah homepage aktif, Anda bisa melakukan upload file melalui file manager atau program FTP

BC
181

lu

b.
5.

co

SimSalaBim ..…. dalam hitungan detik Anda telah memiliki situs web baru dengan alamat http://www.geocities.com/nama_email_anda dengan quota web sebesar 15 MB yang masih kosong. Anda tinggal mengisinya saja! Selain itu, dalam waktu kurang dari semenit Anda akan mendapat kiriman email yang berisi cara-cara mengisi homepage Anda dan penjelasanpenjelasan penting lainnya. Sekarang Anda dapat mulai membuat halaman web yang pertama menggunakan utiliti yang disediakan oleh Yahoo.Geocities seperti "Yahoo! PageWizard", "Yahoo! PageBuilder", "Advanced HTML Editor" (minimal Anda harus sudah memahami Langkah 3 didepan) atau jika Anda telah memiliki homepage offline didalam hardisk, Anda tinggal mentransfernya ke Geocities melalui FTP atau melalui file manager, yaitu dengan meng-klik link File manager (gambar 4.24) dan setelah itu browse filenya dan klik "Upload File". Penjelasan lebih lengkap mengenai cara upload file ke server Geocities bisa dilihat pada langkah 5 (bab 5).

m

2.

Setelah menekan tombol "Sign In", dilayar akan ditampilkan syarat dan ketentuan yang harus Anda perhatikan dalam mengelola situs Anda di geocities, misalnya ketentuan untuk tidak boleh mengisi homepage Anda dengan ini itu dan lain-lain. Klik tombol "I Accept".

3.

Langkah berikutnya, Anda harus memilih salah satu dari 30 ketegori yang kira-kira cocok dengan isi homepage Anda, misalnya 'Autos', 'Business & Finance', 'Celebrities', 'Computers & Internet', 'Family', 'Fashion & Beauty', 'Friends', 'Games', 'Hobbies & Crafts', 'Home', 'Movies', 'Music', 'Pets', 'Romance', 'Science', 'Sports', 'Teen', 'Travel', 'Women' dll. Setelah itu klik tombol "Submit".

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

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

182

4.4 MENDAPATKAN NAMA DOMAIN SENDIRI
Maaf, bab ini mungkin adalah satu-satunya pembahasan mengenai hal yang tidak gratis, tetapi ini mungkin diperlukan sebagai pengetahuan jika Anda mulai ingin bertindak profesional, yaitu memiliki nama domain sendiri. Nama domain sebenarnya adalah nama alias bagi alamat sebuah server. Untuk dapat diakses dari seluruh dunia, setiap server memiliki alamat IP (Internet Protocol) sendiri dengan kode angka, misalnya 202.46.246.6. Server dengan alamat seperti itu dapat dihubungi dengan mengetik http://202.46.246.6 didalam browser. Akan tetapi ini tidak representatif dan tidak mudah diingat orang. Karena itu dipakailah nama alias atau nama domain untuk mempermudah orang mengingatnya. Sebagai contoh, jika Anda memiliki perusahaan dengan nama PT. SURYA, maka Anda dapat mendaftarkan nama domain surya.com sehingga homepage Anda bisa diakses dengan mengetik http://www.surya.com.

4.4.2 Anda Harus Punya Tempat Parkir
InterNIC atau Network Solutions tidak akan menerima pendaftaran nama domain jika tidak ada satu DNS (Domain Name System) serverpun yang dapat dirujuk oleh nama domain Anda, atau jika nama domain provider webspace yang Anda gunakan tidak terkoneksi ke jaringan internet. Karena itu, sebelum mendaftar untuk mendapatkan nama domain, Anda harus sudah memiliki akses server dimana ia bisa dihubungi saat nama domain yang Anda daftarkan diakses orang/pengunjung. Untuk keperluan ini, Anda tidak harus memiliki server sendiri, melainkan bisa menyewa ke web hosting dengan membayar iuran bulanan atau tahunan. Tetapi sebelum benar-benar memiliki materi isi homepagenya sendiri, Anda bisa menggunakan tempat parkir domain (yang hanya terdiri dari satu halaman web) untuk memberitahuan pada pengunjung bahwa situs Anda sedang dibangun atau sedang direnovasi. Halaman inilah yang akan ditampilkan saat ada orang mengetikkan alamat domain Anda di browser mereka. Tempat parkir semacam ini bisa disewa atau didapatkan gratis dari intenet. Berikut adalah beberapa alamat dimana Anda bisa mendapatkan tempat parkir gratis sebelum Anda selesai membangun situs web Anda :
Nama Penyelenggara Domain Parking Gratis!

4.4.1 Tentang InterNIC
Penamaan nama domain diurusi oleh sebuah badan khusus yang bernama InterNIC (International Network Information Service). Mereka mendaftar alamat IP dan nama domain semua server di seluruh dunia. Sejumlah negara menyediakan layanan pendaftaran sendiri; Anda dapat menghubungi InterNIC untuk menanyakan siapa yang harus Anda hubungi. Anda perlu mengisi formulir pendaftaran untuk mengajukan permintaan nomor IP dan nama domain, kemudian mengirimkannya ke InterNIC. Berikut adalah alamat dimana sumber daya dan informasi tentang InterNIC bisa diperoleh. Nomor telepon bebas pulsa InterNIC: 1-800-444-4345 Nomor telepon langsung InterNIC: 619-455-4600 E-mail: info@internic.net Web: http://www.internic.net Archive Internet: Client Ghoper: gopher.internic.net atau ketik telnet gopher.internic.net dan login sebagai gopher

OK

BC
183

lu

b.
NetAvenue

w.

ww

Sebelum menghubungi InterNIC, catat bahwa pendaftaran secara internasional bisa juga dilakukan baik melalui http://www.register.com maupun melalui http://www.networksolutions.com. Sedangkan untuk kita yang berada di Indonesia, tidak perlu repot-repot, kita bisa melakukan pendaftaran melalui http://www.namadomain.com dengan biaya sekitar OKB Club Indonesia – http://www.okbclub.com

Prohosting ParkPage Hostway Domain Parking Domain Avenue

co

m

Rp. 80.000,- sampai Rp. 150.000,- setahun. Jika mau, Anda juga bisa membeli (atau juga menjual) nama domain yang sudah dipesan oleh orang lain dengan harga mulai Rp. 300.000,- sampai Rp. 500.000.000,-. Alamat yang perlu Anda kunjungi untuk itu adalah http://www.bursadomain.com.

Alamat Homepage/Alamat Mendaftar http://www.9netave.com/cgibin/parkdomain.cgi?formdesign=webhost_park http://www.parkpage.com/ http://hostway.com/freedomain/index.htm http://www.domainavenue.com/

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

184

4.4.3 Cara Memperoleh Nama Domain Gratis
Oke. Terus terang saja ini adalah sub bab tambahan yang penulis tambahkan setelah buku ini selesai ditulis! Anda ngotot ingin punya alamat domain sendiri secara gratis? Meskipun penulis sudah mengatakan bahwa sub bab ini adalah satu-satunya sub pokok bahasan yang tidak gratis? Well, Anda beruntung, …… karena penulis baru saja menemukan jawabannya. Bukalah langkah BONUS: Tip & Trik pada sub bab 8.7. Dijamin Anda akan bisa memperoleh salah satu alamat domain dibawah ini, dengan catatan alamat yang Anda inginkan belum ada yang memakai sebelumya :

Hebatnya lagi, semuanya itu GRATIS! Sekali lagi, GRATIIISSSS !!! Anda harus mencobanya sekarang, sebelum alamat yang Anda inginkan dimiliki oleh orang lain!

http://www.terserah_anda.net http://terserah_anda.net atau http://www.terserah_anda.org http://terserah_anda.org
Plus web based e-mail dengan alamat seperti ini :

dan

dan

OK
185

w.

bebas@terserah_anda.com bebas@terserah_anda.net bebas@terserah_anda.org

atau atau

ww

Selain itu, Anda juga bisa membuat banyak alamat sub domain sendiri dengan alamat seperti ini :

BC

atau

lu

http://www.terserah_anda.com http://terserah_anda.com

dan

b.

4.4.3 Jualan Nama Domain? Mengapa Tidak?
Beberapa bulan yang lalu, sebelum situs namedemo.com dan trik untuk memiliki nama domain gratis bisa dilakukan, Anda harus membayar uang registrasi sekitar Rp. 150 ribu untuk mendapatkan nama domain sendiri. Sekarang, setelah untuk mendapatkan nama domain sendiri bisa dilakukan dengan gratis, muncul peluang bisnis baru bagi kita. Ya, kita bisa jualan nama Domain! Sssssstttt......, sebetulnya ini ide rahasia. Akan tetapi akan saya beberkan untuk Anda.

Mulai sekarang, pasang mata dan telinga Anda baik-baik untuk mencari tahu akan adanya perusahaan-perusahaan yang baru berdiri, koran atau tabloid yang baru terbit, toko-toko baru, usaha-usaha baru atau apa saja yang baru. Catat nama perusahaannya, nama tokonya, nama tabloidnya, nama usahanya dan lain sebagainya. Kalau mereka belum memiliki homepage dengan alamat domain sendiri, segera buat situs web baru dengan nama perusahaan mereka. Setelah itu, tawarkan nama domain tersebut pada mereka! Jika Anda beruntung, Anda bisa memperoleh jutaan bahkan mungkin puluhan juta rupiah dengan modal dengkul !

Sebagai contoh, Anda mengetahui adanya sebuah tabloid baru yang baru saja terbit, katakanlah namanya tabloid "POLITIK". Maka Anda bisa membuat situs baru dengan alamat domain http://www.politik.com atau http://www.politik-online.com. Isilah halaman utama situs web tersebut dengan pemberitahuan bahwa situs tersebut akan dijual dan cantumkan juga alamat e-mail, nomor telepon atau apa saja sebagai sarana untuk menghubungi Anda jika ada yang berminat. Sekarang, Anda bisa mulai menghubungi redaksi atau siapa saja yang bertanggung jawab pada tabloid baru tersebut dan tawarkan nama domain ini dengan harga tertentu. Tidak masalah jika mereka tidak mau membelinya, toh untuk mendapatkan nama domain tersebut Anda tidak dipungut biaya sepeserpun!

co

http://bebas.terserah_anda.com atau http://bebas.terserah_anda.net atau http://bebas.terserah_anda.org

m

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

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

186

OK

w.

ww

BC
187

lu
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 komputer lokal ke server yang mungkin bisa kita lakukan, dari mulai upload file dengan file manageri (yang biasanya sudah disediakan oleh penyelenggara free webspace), dengan web browser (Microsoft Internet Explorer 5.0), dengan program FTP dan terakhir dengan FrontPage 2000. Sebelum mulai melakukan upload, catat bahwa masing-masing situs penyelenggara free webspace menggunakan nama file default tidak sama, misalnya ada yang menggunakan nama file default index.htm (Tripod), index.html (Geocities dan Rileks.com) atau default.htm (S-S-Net). File default adalah file html yang dibuka pertama kali saat user mengetik nama domain kedalam browser tanpa menyebutkan nama file html-nya. Sebagai contoh, jika pada direktori utama homepage Anda di Tripod ada 3 buah file dengan nama masing-masing "utama.htm", "index.htm" dan "main.htm", maka apabila ada user yang mengetikkan alamat homepage Anda OKB Club Indonesia – http://www.okbclub.com

b.

co

Alternatif lain untuk penyedia layanan nama domain gratis yang bisa Anda coba selain NameDemo adalah NameZero (http://www.namezero.com) dan domaingratis (http://www.domaingratis.cjb.net). Penjelasan mengenai tata cara pendaftarannya dijelaskan secara rinci pada bagian "BERITA BARU" di situs online Serba-Gratis (http://www.serba-gratis.da.ru) atau di situs offline yang ada dalam disket yang menyertai buku ini (dalam folder semuagratis.cjb.net).

LANGKAH KE-5: MEMASANG HOMEPAGE KE WEB SERVER (UPLOAD FILE)

m

Catat bahwa masa berlakunya nama domain adalah setahun. Jika Anda kebetulan mendapatkan nama domain "cantik" yang menurut perkiraan Anda akan laku dijual dimasa yang akan datang, Anda bisa memperpanjang masa keanggotaannya dengan membayar sejumlah uang tertentu!

BAB 5

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

188

Pada sub bab ini kita akan mencoba melakukan upload file ke 2 situs free webspace yang menyediakan file manager. Catat bahwa kedua situs ini memiliki layout file manager sendiri-sendiri sehingga berbeda satu dari yang lainnya. Demikian pula dengan situs-situs yang lain.

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. 2. Arahkan browser Anda ke http://www.tripod.com dan klik link 'File Manager' dibawah sub judul "New tools and services".

w.

OK
Gambar 5.2: Tampilan File manager di Tripod

5.1.1 Upload file ke TRIPOD

Setelah muncul pop-up pertanyaan, isilah kolom User Name dan Password dengan nama dan password Anda. Setelah itu klik tombol "Ok".

BC
4.

Sebelum melakukan upload file dengan file manager, perhatikan bahwa yang dimaksud dengan 'File Manager' disini bukanlah file manager seperti yang ada pada Windows 3.1 (atau jika dalam Windows 9x/ME/NT/2000 disebut 'Windows Explorer'), melainkan file manager yang disediakan oleh masingmasing situs penyelenggara free webspace. Tetapi perlu diperhatikan pula bahwa tidak semua penyelenggara free webspace menyediakan file manager sehingga untuk upload file ke situs-situs seperti ini, kita HARUS menggunakan program FTP, misalnya ke portland.co.uk atau ke bootbox.net.

ww

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

189

lu
3.

b.

5.1 UPLOAD FILE DENGAN FILE MANAGER

co
Gambar 5.1: Tampilan saat akan login ke Tripod

(misalnya "http://serba-gratis.tripod.com"), maka file yang akan ditampilkan kelayar browser adalah file "index.htm", bukan file "main.htm" atau yang lain. Karena itu jika Anda memiliki homepage di Geocities, Anda harus mengganti nama file "index.htm" menjadi "index.html" sebelum mengupload-nya ke server Geocities (ftp.geocities.com). Jika tidak, maka saat user mengetik alamat Anda di Geocities (misalnya http://www.geocities.com/adjie), browser-nya akan mencari file yang bernama "index.html" Karena tidak ditemukan, ia akan menampilkan pesan kesalahan.

Setelah itu akan muncul lagi kolom isian untuk Login ke File Manager. Ketik nama members dan password Anda sekali lagi, maka Anda akan langsung masuk kedalam file manager. Untuk membuat folder baru, klik tombol "New Directory", kemudian ketik nama folder-nya pada kolom yang disediakan dan akhiri dengan menekan tombol "Create".

Untuk upload file, klik label "Upload-Via" yang berada disebelah kanan tombol "New Directory" dan pilih "single files (8)". Setelah itu akan muncul tampilan kolom-kolom dimana Anda bisa memasukkan nama-nama OKB Club Indonesia – http://www.okbclub.com

m
190

Gambar 5.3: Upload dengan file manager maksimal 8 file sekali upload

5.

6.

7.

ww

Jika koneksi ke server lancar, beberapa saat kemudian akan ditampilkan nama-nama file yang berhasil di upload (gambar 5.4). Jika Anda ingin melakukan upload lagi untuk file-file yang lain, klik tombol "Back to Upload". Jika sudah selesai, klik tombol "close" untuk kembali ke File Manager. OKB Club Indonesia – http://www.okbclub.com

w.

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.

OK
Gambar 5.5: Tampilan homepage yang selesai upload

Klik check box "Make lowercase*" jika Anda ingin mengganti nama file html Anda menjadi huruf kecil semua secara otomatis setelah file bersangkutan berhasil di upload ke server Tripod, dan klik check box "Allow overwrite**" jika file yang akan di upload sebelumnya telah ada didalam server (untuk melakukan update file).

BC
191

lu

b.

8. Untuk melakukan uji coba, bukalah jendela browser yang lain dengan mengklik berturut-turut menu File New Windows dari dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda kedalam browser, misalnya http://serba-gratis.tripod.com. Jika semuanya beres, selesailah tugas Anda! Kembalilah ke jendela browser yang menampilkan file manager dan klik "Log Out" yang berada dibagian sebelah kanan atas layar.

co
Gambar 5.4: Laporan nama-nama file yang berhasil di upload ke Tripod

file yang ingin di upload ke Tripod. Untuk mempermudah pencarian file (beserta path-nya) didalam harddisk, klik tombol "Browse…", cari file yang ingin di upload dari dalam harddisk dan klik "Open". Lakukan ini beberapa kali apabila file yang ingin di upload jumlahnya lebih dari satu (maksimal 8 file untuk sekali upload).

m
OKB Club Indonesia – http://www.okbclub.com

192

Proses upload file ke Geocities hampir sama dengan proses upload file ke Tripod. Berikut adalah urut-urutan yang bisa Anda lakukan : 1. Arahkan browser Anda ke Geocities (http://www.geocities.com) dan masukkan nama user (atau Yahoo ID Anda) serta kode password-nya dengan benar. Jika nama dan password yang Anda masukkan benar, akan muncul tampilan seperti gambar 5.6. Jika salah, ulangi lagi. 3. 4.

Gambar 5.6: Tampilan setelah berhasil Login ke Geocities

w.
Gambar 5.7 : Tampilan File Manager Geocities

OK
Gambar 5.8: Upload file ke Geocities menggunakan File Manager

BC
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 gambar 5.9. OKB Club Indonesia – http://www.okbclub.com

ww

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

193

lu

b.

co

Untuk membuat folder baru, klik tombol [New] yang berada dibawah label "Subdirectories", masukkan nama folder yang diinginkan dan klik OK.

Untuk melakukan upload file, gulunglah layar kebawah sampai terlihat kolom-kolom isian untuk mengisi nama file yang akan di upload. Gunakan tombol "Browse" untuk mengalokasikan file-file di harddisk yang akan di upload ke Geocities. Karena Geocities menggunakan nama file default index.html, bukan index.htm, maka Anda harus mengganti nama file 'index.htm' menjadi 'index.html'. Ini bisa dilakukan secara manual atau secara otomatis dengan meng-klik check box berlabel 'Automatically change ".htm" extensions to ".html"' yang berada disebelah atas kolom isian nama file (lihat gambar 5.8). Perhatikan bahwa Anda juga harus merubah semua referensi yang menuju ke file index.htm menjadi index.html.

m

5.1.2 Upload file ke GEOCITIES

2.

Untuk masuk ke File Manager, klik link berlabel "File Manager" dibawah sub titel "Advanced Tools". Setelah muncul tampilan baru, klik link dengan label "Open File Manager". Beberapa saat kemudian akan ditampilkan tombol-tombol menu untuk membuat file baru, menyalin (copy) file, mengganti nama file, mengedit file, menghapus file dll.

194

6.

7.

CATATAN :

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

w.

OK
Gambar 5.10: Tampilan Login FTP ke Tripod.Com melalui Browser

Untuk melakukan uji coba hasil upload, bukalah jendela browser lain dengan meng-klik berturut-turut menu File New Windows dari dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda kedalam browser baru tersebut, misalnya http://www.geocities.tripod.com/serba_gratis. Jika semuanya tampak beres, selesailah tugas Anda! Jika tidak, Anda dapat melakukan editing langsung dengan mengklik check box yang ada didepan nama file bersangkutan dan kemudian klik tombol "Edit". Lakukan penyuntingan seperlunya dan klik tombol "Save" atau "Preview" sebelum memutuskan untuk menyimpannya.

BC
1.

Secara default, Anda hanya dapat meng-upload 5 buah file sekali upload. Akan tetapi ini dapat diperbanyak hingga maksimal 20 file dengan mengklik angka 5 disebelah label "Number of Files to Upload:" dan menggantinya dengan 20 dan lanjutkan dengan mengklik tombol "Display".

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

195

lu

Gambar 5.9: Laporan tentang file yang berhasil di upload ke Geocities.

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. Sementara itu alamat FTP untuk melakukan upload file ke situs ini bukannya ftp://ftp.port5.com, melainkan harus menggunakan alamat FTP ftp://ftp.portland.co.uk. Alamat FTP akan diberitahukan kepada Anda secara langsung saat Anda mendaftar atau bisa juga melalui e-mail. Pada sub bab ini kita akan mencoba melakukan upload file ke TRIPOD menggunakan browser Ms. Internet Explorer versi 5.0. Berikut adalah langkahlangkahnya: Bukalah browser dan masukkan alamat ftp://ftp.tripod.com kedalamnya. Anda akan mendapatkan pesan kesalahan karena secara umum Anda tidak memiliki otoritas untuk masuk ke server ftp di Tripod.

co

Upload file menggunakan browser sebaiknya dilakukan dengan browser versi terbaru. Upload file menggunakan browser bisa dilakukan dengan memanfaatkan program FTP internal milik browser yang biasanya hanya digunakan untuk 'download' file. Karena menggunakan mekanisme ftp, maka sebelum melakukan upload dengan browser Anda harus tahu alamat ftp server homepage Anda. Sebagai contoh, jika Anda memiliki homepage di TRIPOD, maka alamat servernya adalah ftp://ftp.tripod.com. Sedangkan GEOCITIES memiliki alamat ftp://ftp.geocities.com.

m

5.2 UPLOAD FILE MENGGUNAKAN BROWSER

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

196

5.

Gambar 5.11: Tampilan isi server FTP Tripod jika dilihat melalui browser

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 w.
Gambar 5.12: Upload file dengan cara 'drag & drop' kedalam browser

BC
Gambar 5.13: Proses transfer file dari hardisk ke server Tripod.Com

ww

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

197

lu
6. Dalam keadaan on-line di server, Anda dapat memperlakukan isi jendela browser Anda bagaikan sebuah folder lokal yang berada didalam harddisk Anda. Ini berarti bahwa Anda dapat mengganti nama file, menghapus file dan lain sebagainya dengan cara seperti yang biasa Anda lakukan dari jendela Windows Explorer! Setelah semuanya selesai di upload, lakukan uji coba dengan mengetik alamat homepage Anda pada kolom addres browser. 7. 8. SELESAI.

b.

co

Beberapa saat kemudian semua file yang dipilih akan ditransfer ke server satu persatu. Tunggulah hingga selesai. Proses ini bisa memakan waktu dari satu menit hingga beberapa puluh menit tergantung dari seberapa banyak dan seberapa besar ukuran file yang Anda upload.

m

2.

Klik menu File, lalu pilih Login As… dan setelah itu akan muncul kolom isian untuk mengisi nama members dan kode password. Masukkan nama dan password Anda di Tripod dan klik "OK".

4.

Kecilkan jendela browser dan jalankan Windows Explorer (klik tombol Start Programs Windows Explorer). Cari lokasi dimana file-file html dan gambar yang ingin Anda upload ke server berada. Setelah itu pilih semua file dan folder yang ingin di upload dengan meng-klik tab menu Edit Select All pada Windows Explorer. Sekarang, klik salah satu file dan sementara ini tidak dilepas, geser file-file tersebut kedalam jendela browser dan lepaskan tombol mouse untuk melakukan aksi "drag & drop" (lihat gambar 5.12).

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

198

NAMA PROGRAM

BC
3. 4. 5.

Pada sub bab ini kita akan mencoba melakukan upload file ke server ftp.portland.co.uk untuk mengisi situs web UANG GRATIS di alamat http://uang.port5.com menggunakan WS_FTP Pro, yakni sebuah program client FTP yang paling mudah digunakan. Saat pertama kali dijalankan (setelah instalasi), WS_FTP Pro secara default telah memiliki alamat-alamat ftp seperti ftp.microsoft.com, ftp.mcafee.com, ftp.idsoftware.com dan masih banyak lagi. Akan tetapi alamat server portland belum ada, karena itu kita harus membuat yang baru untuk dapat melakukan akses ke server portland. Berikut adalah langkah demi langkah dari mulai membuat account baru sampai upload file ke server ftp.portland.co.uk. 1. 2.

OK
199

ww

Isi kolom 'Profile Name:' dengan nama domain homepage Anda, misalnya kusayang.com atau yang lain. Isi kolom 'Host Name/Address:' dengan 'ftp.portland.co.uk'. Biarkan kolom 'Host Type:' berisi 'Automatic Detect'. Isi kolom 'User ID:' dengan kode user ID yang Anda

w.

Jalankan program WS_FTP Pro. Klik tombol 'New' pada jendela "Session Properties", maka semua kolom akan menjadi kosong.

lu

ALAMAT HOMEPAGE / DOWNLOAD http://www.leapware.com Leap FTP http://www.bpftp.com BulletProof FTP http://www.cuteftp.com Cute FTP http://www.ipswitch.com WS_FTP Transoft FTP http://www.transoft.com Control http://www.ftpvoyager.com FTP Voyager

b.
Gambar 5.14: Setup koneksi upload FTP ke server Portland

co
Klik Check box 'Save Pwd' agar kita tidak perlu mengisi password lagi setiap kali ingin melakukan upload file. Biarkan kolom sisanya dalam keadaan kosong, lalu klik tombol 'Apply' untuk menambahkan account baru kita kedalam program dan lanjutkan dengan menekan tombol 'OK' untuk mulai mengadakan koneksi ke server portland. Beberapa saat kemudian akan ditampilkan jendela utama program WS_FTP. Jendela sebelah kiri dibawah label "Local System" adalah file-file dan folder yang ada di komputer lokal (harddisk) Anda. Sedangkan jendela sebelah kanan dibawah label "Remote System" adalah file dan folder yang ada di server remote (ftp.portland.co.uk). Untuk mengganti direktori yang ada ke direktori lain, misalnya ke direktori dimana file-file html Anda berada, klik tombol "ChgDir" yang sebelah kiri dan ketik nama direktorinya, misalnya "d:\serba-gratis.tripod.com" dan klik "OK". Untuk membuat folder baru di server remote (ftp.portland.co.uk), klik tombol "MkDir" yang sebelah kanan. Sedangkan untuk membuat folder baru di harddisk lokal, klik tombol "MkDir" yang sebelah kiri. OKB Club Indonesia – http://www.okbclub.com

Upload file menggunakan program FTP adalah cara upload file yang paling cepat. Untuk melakukannya Anda memerlukan salah satu dari sekian banyak program client FTP yang bisa di download gratis dari Internet. Berikut adalah beberapa diantaranya yang terbaik:

m

5.3 UPLOAD FILE DENGAN PROGRAM FTP

peroleh dari penyelenggara free webspace (lihat bab 4.2) saat Anda mendaftar, dan isi kolom 'Password:' dengan kode password Anda.

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

200

5.4 UPLOAD FILE DENGAN FRONTPAGE 2000

Gambar 5.15: Tampilan isi server FTP Portland jika dilihat melalui WS_FTP Pro

6.

7.

w.

OK
Gambar 5.17: Tampilan server web lokal dilihat dengan FrontPage 2000

Jika file yang Anda upload cukup banyak, maka waktu yang diperlukan untuk upload juga agak lama. Karena itu Anda bisa menunggunya sampil surfing di internet. Jika komputer Anda dilengkapi dengan sound card dan speaker, hidupkan speaker Anda. Anda akan mendengar semacam suara gemerincing bila transfer file ke server telah selesai dengan sukses!

ww

Gambar 5.16: Transfer File dengan FTP adalah transfer yang paling cepat

BC
201

Untuk mulai melakukan upload, pilihlah file di harddisk yang ingin di upload dan kemudian klik tombol "-->" (berada ditengah layar). Anda juga dapat meng-upload beberapa file sekaligus atau bahkan meng-upload folder yang ada isinya dengan menyorot beberapa file atau folder sekaligus. Saat WS_FTP melakukan upload, ia akan secara otomatis membuat folder baru seperti aslinya apabila didalam server remote belum ada.

lu

b.

Upload dengan FrontPage mungkin adalah satu-satunya cara upload file yang tidak gratis. Sebab program FrontPage-nya sendiri tidak gratis, meski Anda membeli yang 'bajakan' sekalipun! Kecuali jika Anda mendapatkannya dari teman Anda, atau didalam komputer yang Anda pakai memang sudah ada program FrontPage-nya. Upload file dengan FrontPage sangat efektif jika Anda memang mendesain homepage menggunakan FrontPage. Prosesnya sendiri sangat sederhana dan mudah. Pada sub bab ini kita akan mencoba melakukan upload file menggunakan FrontPage 2000.

co

m

8.

Untuk melakukan uji coba hasil upload, bukalah browser Anda dan ketik alamat homepage Anda. Jika semuanya tampak beres, kembalilah ke jendela WS_FTP dan klik tombol "Close" untuk memutus hubungan dengan server. Jika tidak, cek lagi apakah Anda telah meng-upload salah satu file default homepage Anda (index.htm, index.html atau default.htm) ?

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

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

202

1. 2. 3.

Jalankan FrontPage 2000 dan buka web yang ingin Anda upload. Klik sub menu "File" dan pilih "Publish Web …" . Setelah muncul jendela "Publish Web", ketik alamat server tujuan kedalam kolom yang berada dibawah label "Specify the location to publish your web to:", misalnya ftp.tripod.com. Klik tombol "Options" untuk memunculkan opsi tambahan, lalu klik check box berlabel "Include Subwebs" jika Anda juga ingin meng-upload subsub folder sekaligus. Kemudian klik tombol "Publish".

4.

Gambar 5.18: Setup koneksi ke server FTP Tripod melalui FrontPage 2000

OK
203

BC
Gambar 5.20: Proses transfer file ke server menggunakan FrontPage 2000

5.

ww

w.

Setelah tombol "Publish" ditekan, beberapa saat kemudian FrontPage akan mencoba melakukan koneksi ke server ftp. Karena server yang dihubungi bukan server publik, maka FrontPage akan memunculkan jendela konfirmasi username dan password yang diperlukan untuk masuk ke server tersebut. Masukkan username dan kode password Anda di server bersangkutan. Setelah itu klik "OK".

lu
7.

b.
6.

Gambar 5.19: Tampilan Login FTP ke Tripod menggunakan FrontPage 2000

co

Berikut adalah cara upload file dari server FrontPage (file html-nya sudah ada dalam server/harddisk komputer Anda) ke server online "ftp.tripod.com" menggunakan FrontPage 2000 :

Sesaat kemudian, semua file akan mulai di transfer ke server satu persatu dengan lama transfer bervariasi, tergantung dari berapa banyak file, berapa besar masing-masing file yang ditransfer dan seberapa besar kecepatan koneksi Anda ke Internet.

Setelah semua file selesai ditransfer, FrontPage akan memunculkan sebuah pop-up pemberitahuan bahwa publikasi telah dilakukan dengan sukses. Jika Anda ingin melihat hasil upload-nya, tidak usah repot-repot, Anda tinggal mengklik link berwarna biru didalam jendela pop-up dengan label "Click here to view your published web site". Maka FrontPage secara otomatis akan menjalankan Ms. Internet Explorer dan secara langsung akan membuka homepage Anda. Jika semuanya tampak beres, kembalilah kejendela FrontPage dan klik tombol "Done". Jika tidak, coba lihat lagi, OKB Club Indonesia – http://www.okbclub.com

m
204

5.4.1 Upload file dari server FrontPage

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

Gambar 5.21: Pemberitahuan bahwa transfer file telah dilakukan dengan sukses

5.4.2 Upload File Dari Folder Hard Disk
Berikut adalah cara upload file menggunakan FrontPage khusus untuk Anda yang sebelumnya tidak menggunakan FrontPage saat mendesain homepage. Jadi, jika Anda baru pertama kali ini menggunakan FrontPage 2000 dan itupun hanya untuk melakukan upload file, maka berikut adalah langkah-langkah yang diperlukan untuk melakukan upload dengan FrontPage 2000 dari awal. 1. 2. Jalankan FrontPage 2000. Lalu klik sub menu File New Web. 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.

BC
205

4.

ww

w.

OK

3.

Pada kolom dibawah label "Specify the location of the new web" isilah dengan alamat sub domain apa saja, misalnya jika komputer Anda menggunakan nama identifikasi 'default', maka Anda dapat mengisinya dengan alamat "http://default/serba-gratis". Setelah itu klik tombol "OK". FrontPage akan segera membuat situs lokal baru (berada di harddisk) dengan alamat "http://default/serba-gratis". Setelah selesai, Anda akan ditanya mengenai darimana file-file akan diimpor. Pilih radio button dengan label "From a source directory of files on a local computer or network".

lu

b.

co
Gambar 5.22: Pembuatan web baru di harddisk dengan FrontPage 2000 Gambar 5.23: Proses pembuatan web baru di harddisk lokal Gambar 5.24

m
OKB Club Indonesia – http://www.okbclub.com

apakah Anda telah meng-upload salah satu file default homepage Anda? (default.htm, index.htm atau index.html).

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

206

6.

7.

8. 9.

8. 9.

w.

Tunggulah sampai proses import-nya selesai. Setelah proses import selesai, mulailah melakukan transfer file (upload) ke server yang Anda inginkan dengan cara yang persis sama dengan cara upload file dari server FrontPage diatas (sub bab 5.4.1 mulai langkah nomor 2). SELESAI. Lakukan pengecekan dengan mengunjungi situs web Anda. Jika ada yang tidak beres, coba pastikan bahwa Anda telah meng-upload salah satu file default homepage Anda (default.htm, index.htm atau index.html).

OK

Gambar 5.25: Dengan File List Editor FrontPage 2000, Anda bisa dengan mudah memilih file-file yang tidak ingin di transfer ke server

ww

BC
207

lu

b.
Setelah memiliki homepage, maka memiliki hit counter dalam situs web hampir menjadi keharusan. Dengan hit counter yang dilengkapi fungsi tracker, Anda dapat mengetahui berapa banyak pengunjung yang datang ke situs Anda, siapa mereka dan jika perlu dari mana mereka berasal, dari mana mereka mendapatkan link ke situs Anda dan lain sebagainya. Anda bahkan dapat mengetahui jumlah pengunjung hari ini, kemarin, bulan ini dan tentu saja jumlah pengunjung total plus statistiknya. Hebatnya lagi … fasilitas untuk melakukan itu semua bisa didapatkan dengan gratis! Selain hit counter, fasilitas lain yang tidak kalah penting adalah buku tamu (guestbook). Adanya buku tamu dalam situs web memungkinkan dilakukannya interaksi antara Anda dengan pengunjung situs web Anda. Mereka bisa menumpahkan uneg-uneg dan menuliskan kesan mereka tentang situs web Anda. Isinya bisa pujian, ungkapan rasa puas, kritik atau bisa juga hujatan! Bagaimanapun, pemuatan buku tamu kedalam homepage selalu menghadirkan banyak manfaat. Komentar pengunjung seringkali sedemikian membanggakan sehingga memacu untuk selalu menjaga citra dan terus meningkatkan kualitas isi serta tampilan homepage kita. Demikian juga dengan kritik-kritik tajam dan pedas yang memungkinkan kita untuk lebih mengenali kekurangan yang ada pada homepage kita. Dua atau tiga tahun yang lalu, penyedia layanan counter dan guestbook gratis yang baik mungkin hanya ada puluhan. Akan tetapi sekarang, jumlahnya sudah tak terhitung lagi. Cobalah kunjungi situs-situs mesin pencari seperti OKB Club Indonesia – http://www.okbclub.com

co

LANGKAH KE-6: MEMASANG COUNTER DAN GUESTBOOK GRATIS!

m

5.

Pada kolom "Location:", isilah dengan lokasi dimana file-file html Anda disimpan. Untuk mempermudah melokasikan file-file Anda, gunakan tombol "Browse". Jika didalam sub direktorinya terdapat folder lain dan ingin juga di import, misalnya folder "images", klik check box didepan "Include subfolders", setelah itu klik tombol "Next". Pada tampilan "Import Web Wizard – Edit File List" (gambar 5.25), pilih file-file yang tidak ingin ikut di upload dengan cara mengklik nama filenya dan kemudian mengklik tombol "Exclude". Setelah itu tekan tombol "Next" dan lanjutkan dengan menekan tombol "Finish" yang muncul setelah itu.

BAB 6

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

208

Akan menghasilkan tampilan seperti ini (counter akan berwarna merah):

6.1 MEMASANG COUNTER
Jika Anda kebetulan mendaftar pada situs penyelenggara free webspace yang sekaligus juga menyediakan fasilitas counter seperti Geocities atau Tripod, Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Kekurangannya hanyalah pada tampilan counter yang umumnya tampak kurang menarik. Pada langkah ke-6 ini, kita akan membahas cara memanfaatkan counter dari Tripod dan Geocities. Kemudian kita juga akan memburu situs-situs penyedia layanan counter dan guestbook gratis dari internet, lalu mencoba mendaftar pada beberapa diantaranya.

6.1.1 Memasang Counter Di Tripod

Jika Anda memiliki account di Tripod.com, Anda dapat menggunakan counter dengan menambahkan baris berikut kedalam file html Anda.
<img SRC="/bin/counter/NamaMember?WarnaCounter" ALIGN="BOTTOM">

OK
209

NamaMember pada kode html diatas adalah nama keanggotaan Anda di Tripod dan WarnaCounter adalah kode warna counter yang Anda inginkan. Anda dapat menambahkan teks apa saja disekeliling baris diatas untuk memperjelas keberadaan counter Anda. Lihat contoh berikut ini:

w.

BC
1. 2. 3.

ww

lu

b.
CATATAN :

Counter dan guestbook tidak bisa dibuat hanya dengan kode html saja, karena itu materi ini tidak dimasukkan kedalam langkah 3 (saat mempelajari html). Anda harus melakukan pendaftaran ke suatu penyedia layanan counter/guestbook untuk dapat memiliki counter dan guestbook. Tetapi jika server Anda mendukung FrontPage Server Extension, Anda dapat membuat counter dan guestbook sendiri sebagai komponen tambahan yang memang telah disediakan oleh FrontPage. Counter juga dapat dibuat dengan JavaScript, akan tetapi efek penambahan angka counter-nya hanya terjadi pada mesin client, bukan pada server. Akibatnya, angka counter yang tampak pada masing-masing komputer dapat berbeda-beda.

Peletakan kode penampil counter bisa dimana saja selama masih berada diantara tag <BODY>…</BODY>. Untuk mencobanya, upload-lah file html yang telah ditambahi baris penampil counter diatas ke server Tripod. Setelah itu buka file tersebut dengan browser dalam keadaan Anda on-line ke internet. Ingatlah bahwa counter tidak akan bisa aktif dalam keadaan internet offline. Jika counter Anda bekerja, maka setiap klik pada tombol "Reload" atau "Refresh" di browser akan membuat angka counter bertambah satu.

Jika dilokasi counter yang muncul adalah teks "a lot of", bukan angka, ini berarti bahwa server counter di Tripod tengah sibuk. Ini bisa diatasi dengan meng-klik "Reload" atau "Refresh". Tetapi jika counter sama sekali tidak muncul dihalaman web (ini yang seringkali terjadi pada pemula), kemungkinan besar warna counter yang dipilih sama dengan warna latar belakang halaman web Anda. Coba cek lagi pilihan warna counter Anda !

6.1.2 Memasang Counter Di Geocities
Geocities memiliki tampilan counter yang lebih bagus dari pada Tripod. Akan tetapi untuk menggunakannya diperlukan setup counter yang lebih panjang. Berikut adalah cara pengaktifannya: Buka file manager di geocities (http://geocities.yahoo.com/home/). Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Counter'. Pilih file yang akan diberi counter, lalu klik "Continue". OKB Club Indonesia – http://www.okbclub.com

co

Situs ini telah dikunjungi 234 orang sejak Desember 2000.

m

http://www.yahoo.com atau http://www.altavista.com dan masukkan kata kunci "free counter" atau "free guestbook", maka hanya dalam hitungan detik Anda akan dihadapkan pada ribuan bahkan puluhan ribu link ke situs-situs yang Anda cari!

Situs ini telah dikunjungi <img SRC="/bin/counter/serbagratis?ff0000" ALIGN="BOTTOM"> orang sejak Desember 2000.

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

210

Gambar 6.1: Pemilihan warna, style dan nomor awal counter di Geocities

4.

Sekarang Anda dapat mengatur tampilan counter yang diinginkan (mereset nomor counter, mengganti warna, mengganti tipe/style counter dll). Jika Anda ingin menset angka awal tertentu, masukkan angka yang Anda inginkan pada kolom "Preset Counter Value" dan klik tombol "Set". Lalu klik tombol "Continue" (lihat Gambar 6.1).

BC
9.

5.

6.

Anda akan mendapatkan kode html untuk menampilkan counter seperti dibawah ini :
<IMG SRC=http://visit.geocities.com/counter.gif>

OK
211

Berikutnya akan muncul pertanyaan apakah Anda sudah pernah menginstal counter sebelumnya atau ini yang pertama kalinya. Pilih "No, I am installing this counter …….". Setelah itu klik tombol "Continue".

7.

Copy kode html penampil counter diatas kedalam clip board. Yaitu dengan mem-blok teks kode html (ada dilayar monitor Anda) dan kemudian tekan tombol [Ctrl]+C di keyboard Anda. Setelah itu klik "Continue".

w.

ww

8.

Pada titik ini, setup counter sebenarnya telah selesai. Akan tetapi kodenya belum masuk kedalam halaman web Anda. Kode penampil counter ini dapat OKB Club Indonesia – http://www.okbclub.com

lu
Gambar 6.2: Ucapan selamat setelah Anda berhasil memasang counter di Geocities

b.
Lakukan uji coba dengan membuka file yang telah diberi counter tersebut melalui browser dalam keadaan internet on-line. Cobalah klik tombol "Reload" atau "Refresh" pada browser Anda. Counter akan selalu bertambah 1 setiap kali Anda meng-klik tombol ini. Jika tidak puas dengan tampilan yang ada, Anda dapat mengulang lagi langkah-langkah diatas. Tetapi pada langkah ke-5, pilih "Yes, I have already ……" dan kemudian klik "Continue".

6.1.3 Memburu Counter Gratis Di Internet
Jika Anda memiliki situs web gratis yang kebetulan tidak menyediakan counter, maka Anda terpaksa harus memburunya di internet. Saat pertama kali mencari situs penyedia counter gratis di internet, mungkin Anda akan bingung karena Anda akan menemukan sedemikian banyak penyedianya. Cara terbaik dan tercepat saat memilih situs penyedia counter gratis dari mesin pencari (search engine) adalah dengan membaca secara hati-hati setiap OKB Club Indonesia – http://www.okbclub.com

co
212

m

dimasukkan langsung kedalam halaman web menggunakan editor HTML yang ada di Geocities (klik link berlabel 'Use One-Line Advanced Editor'), atau dengan editor lain dan kemudian baru meng-upload-nya ke Geocities.

Berikut adalah sebagian kecil daftar situs web penyedia layanan counter gratis yang bisa Anda coba: Pandawa (http://www.pandawa.com/) - Penyedia layanan counter gratis dari Indonesia TheCounter (http://www.thecounter.com/new.html) - Counter dan Statistik seperti yang digunakan PengenPunyaSitus.com Superstats (http://www.superstats.com/) - Menyediakan layanan pencatat statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya. SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung mendapatkan link ke situs web Anda. Freestats (http://www.freestats.com/) - Menampilkan berapa banyak pengunjung situs Anda, berapa banyak pengunjung unik (pengunjung baru) tiap hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web mana mereka datang.

Maweb (http://www.maweb.com/) - Menyediakan counter gratis hingga 5 buah. Anda harus meletakkan link untuk kembali ke Maweb.

OK
213

NedStat (http://www.nedstat.com) atau (http://usa.nedstat.net/) - Layanan statistik untuk situs non-komersial dengan pengunjung maksimal 10.000 setiap hari. Statistik yang dicatat adalah jumlah pengunjung hari ini, minggu ini, bulan ini, tanggal dan bulan pengunjung terbanyak serta jumlah total pengunjung sejak Anda mendaftar di NedStat. Selain itu juga ada laporan mengenai asal negara pengunjung, alamat IP-nya serta grafik pengunjung bulanan. Selain itu, NedStat juga menyediakan data mengenai dari halaman web mana 25 user terakhir yang mengunjungi situs web Anda.

w.

BetterCounter (http://www.better-counter.com/) - Menyediakan counter sampai 20 halaman dengan pengunjung maksimal 500 perhari. Struktur analisisnya bisa diatur sendiri.

ww

EasyCounter (http://www.easycounter.com/) - Menawarkan beberapa counter sekaligus, seting angka awal counter, melihat counter pada semua halaman secara simultan, fasilitas reset counter untuk penghitungan pengunjung sejak

BC

lu

b.

Aaddzz (http://www.aaddzz.com/pages/counters) - Menyediakan counter dan tracker berupa laporan pengunjung. Aid4 (http://www.y4i.com/counters.html) - Menyediakan counter halaman dan counter situs serta berbagai materi gratis lainnya. Cameron's Free Counter (http://counter.bloke.com/register.html) Menyediakan counter gratis dengan pendaftaran mudah. Anda hanya perlu mengirim alamat e-mail Anda dan beberapa detik kemudian sebuah e-mail pemberitahuan untuk mengaktifkan counter akan Anda terima. Anda juga dapat men-download applet counter disini. CashFreeCounters (http://www.cashfree.net/freecounters.html) - Counter gratis dari CashFree

DIGIWEB.COM (http://counter.digiweb.com/main.shtml) - Counter gratis dari Digiweb. Disini Abda bisa mendapatkan lebih dari 100 tipe counter. Informasi yang diperoleh termasuk ukuran layar pengunjung dan negara asal pengunjung. CountZ.com (http://countz.com/) - Counter gratis dengan instalasi mudah dari CountZone

FreeCounter.nu (http://www.freecounter.f2s.com/) - Counter gratis tanpa iklan! Pendaftaran cepat, hanya 1 menit! Site Meter (http://www.sitemeter.com/) - Counter gratis dengan style yang dapat dipilih sendiri. Mereka menyediakan grafik chart yang merepresentasikan jumlah pengunjung, halaman yang dilihat, peta kota dan lain sebagainya dalam modus 3D chart. FreeSiteX (http://freesitex.com/counter.html) - Daftar counter dan tracker gratis dari seluruh jaringan internet!

co

penjelasan dari tiap link yang ditemukan. Carilah situs yang menawarkan counter gratis tanpa iklan, sebab umumya counter gratis ditawarkan plus iklan. Counter dengan iklan adalah counter yang disekelilingnya terdapat tambahan gambar banner tau teks lain yang akan membuat tampilan situs web kita menjadi kurang menarik.

FastCounter (http://www.fastcounter.com/) - Menyediakan counter gratis yang mudah disetup dengan respon cepat. Tipe-tipe counter bisa dipilih sendiri. Uniknya, laporan statistik pengunjung bisa dikirim melalui alamat email.

m

counter direset. Catatan: EasyCounter Menampilkan iklan banner agak besar.

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

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

214

FreewareConnection (http://www.freewareconnection.com/counters.html) Daftar index penyedia layanan counter gratis dari 'Freeware Connection'. NorthLINK (http://users.northlink.net/NorthLink/counters.htm) - Counter gratis, terpusat dan otomatis tanpa script apapun. Anda hanya perlu menambahkan sedikit kode dan mengganti nama file data tertentu dan setelah itu Anda akan memiliki counter! TotallyFREECounters (http://www.onlyfreestuff.com/counters.htm) Layanan Statistik dan Counter gratis dari OnlyFree. -

Berikut adalah cara pendaftaran dan cara pemasangannya kedalam halaman homepage kita: 1. Kunjungi situs AddFreeCounter dengan alamat seperti diatas. Klik link 'Click here to get your own AddFreeCounter account.' Setelah itu pilih tipe angka counter-nya dengan meng-klik salah satu gambar angka counter yang ada disebelah kanan layar (tipe-tipe counter yang dapat dipilih bisa dilihat pada Gambar 6.6). Untuk memilih tipe angka selain yang ada dilayar, klik link 'Next Page' yang ada dibagian bawah layar.

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

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

OK
2.

BC
Gambar 6.3: Proses pemilihan tipe/style counter di AddFreeCounter

w.

6.1.4 Mendapatkan Counter dari AddFreeCounter

ww

AddFreeCounter adalah salah satu penyedia layanan counter gratis yang menyediakan counter tanpa iklan. Selain itu, ada banyak fitur lain seperti; pendaftarannya cepat dan mudah, tanpa logo pada counter, instalasi di halaman web mudah, ada seting Time Zone, ada fasilitas 'help' untuk setiap tabel, mendukung Y2K, ada statistik prosentasi dan grafik yang memonitor pengunjung OKB Club Indonesia – http://www.okbclub.com

215

lu
Setelah memilih tipe counter, langkah kedua adalah mengisi form pendaftaran. Isian yang harus Anda isi diantaranya adalah Nama, alamat email (tulis alamat e-mail Anda dengan benar karena kode aktifasinya akan dikirim melalui alamat e-mail ini), kode password yang Anda inginkan untuk meng-kustomisasi counter dilain waktu, nama situs Anda beserta alamat URL-nya, pemilihan zona waktu (pilih Gmt +7 untuk Indonesia) dan nomor OKB Club Indonesia – http://www.okbclub.com

WebmasterFreeManiac (http://www.freemania.net/counter.htm) Menyediakan fasilitas tracking untuk memonitor banyak pengunjung, berapa lama mereka tinggal dan apa yang mereka lakukan! Semuanya gratis!

b.

co

http://www.addfreecounter.com/counter5.htm

m

Freebay (http://www.freebay.com/track.html) – Menyediakan fasilitas counter dan tracker gratis dari Freebay.

harian dan bulanan. Juga statistik yang mendata 20 pengunjung terakhir plus detail dan hostname asalnya. Alamat AddFreeCounter adalah:

216

3.

Setelah semua kolom isian terisi dengan baik, klik tombol "Submit".

Gambar 6.4: Formulir pendaftaran di AddFreeCounter

4.

w. ww
217

OK
Gambar 6.6: Tipe-tipe style counter yang ditawarkan AddFreeCounter

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.

BC
5. Sekarang bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima surat yang isinya kira-kira seperti berikut:

lu

b.
Gambar 6.5: Tanda bahwa proses pendaftaran counter selesai dengan baik

co
OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

m
218

awal counter yang Anda inginkan (Anda bisa mengisi berapa saja, maksimal 99999999).

Hello OKB Club Indonesia Number of your account : 00006864 Your Password : kancil Name of your site : Serba Gratis Homepage Url of your site : http://serba-gratis.tripod.com/ Please add this code on your index page site <!-- BEGIN ADDFREECOUNTER STATS --> <center> <a href="http://www.addfreecounter.com/cgibin/cptmain.cgi?usr=00006864" target="_top"> <img alt="AddFreeCounter" src="http://www.addfreecounter.com/cgibin/cptconnect.cgi?usr=00006864" border=0></A> </center> <!-- END ADDFREECOUNTER CODE --> To see your stats push the counter button on your site or go to : http://www.addFreeCounter.com/cgi-bin/main.cgi?usr=00006864

7.

8.

ww

Setelah counter Anda aktif, Anda akan dapat melihat statistik pengunjung situs web Anda dengan meng-klik gambar counter Anda sendiri. Statistik yang akan ditampilkan adalah berapa banyak pengunjung hari ini, jumlah pengunjung kemarin, jumlah pengunjung bulan ini dan total jumlah pengunjung selama ini. Selain itu Anda juga akan mengetahui asal nama host server dari 20 orang penunjung terakhir situs Anda. Lihat gambar 6.7. OKB Club Indonesia – http://www.okbclub.com

w.

Untuk melakukan uji coba counter, bukalah file html Anda dengan browser dalam keadaan internet on-line. Anda akan melihat angka counter tertentu seperti yang Anda set saat mendaftar, misalnya 00001001. Klik tombol "Reload" atau "Refresh" dalam browser dan lihat kembali Angka counternya. Jika sekarang angkanya telah bertambah satu (menjadi 00001002 misalnya), maka counter Anda telah bekerja normal! Anda tinggal mengupload file html tersebut ke server.

OK
219

BC
1. 2.

6.

Untuk memasang counter dihalaman web Anda, Anda tinggal menambahkan baris-baris yang dicetak tebal diatas kedalam halaman html Anda (misalnya dalam index.htm). Jika ingin cepat, sorot dan blok baris-baris yang dicetak tebal diatas dari dalam e-mail Anda, "Copy" kedalam clip board, (biasanya dengan menekan Ctrl+C) lalu "Paste" kedalam file html Anda (biasanya Ctrl+V). Perhatikan bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, karena itu jangan menggunakan baris-baris html counter yang ada pada contoh diatas!

lu

b.
Gambar 6.7: Counter Anda sekaligus berfungsi sebagai pencatat statistik pengunjung

6.1.5 Mendapatkan Counter Dari Admo.net

Kali ini kita akan mendaftar untuk mendapatkan counter gratis dari Admo.net. Seperti AddFreeCounter, Admo.net juga menawarkan counter gratis tanpa iklan sama sekali. Kelebihannya adalah bahwa Admo.net menyediakan lebih banyak variasi tipe counter (lihat Gambar 6.13). Berikut adalah proses pendaftaran yang bisa dilakukan untuk mendapatkan counter dari Admo.net: Kunjungi situs Admo.net (http://admo.net/counter/) dan klik menu "Signup". Setelah itu akan muncul formulir isian untuk mendaftar. Beberapa kolom yang harus Anda isi adalah Nama, alamat e-mail (harus diisi dengan benar karena kode pengaktifannya akan dikirim melalui alamat e-mail ini), usia, jenis kelamin, alamat homepage Anda dan user name serta password yang Anda inginkan untuk login ke Admo.net. Login diperlukan untuk melakukan seting angka awal, memilih tipe/style counter dan lain sebagainya. Setelah semuanya terisi lengkap dan benar, klik tombol "Register". OKB Club Indonesia – http://www.okbclub.com

co
220

m

Gambar 6.8: Tampilan Admo.Net Free Counter

lu BC
4.

OK w.
Gambar 6.9: Form pendaftaran di Admo.Net

3.

ww

Beberapa saat kemudian akan muncul pemberitahuan bahwa Anda telah didaftar dan akan segera menerima e-mail yang berisi link dan kode untuk mengaktifkan counter Anda. Pada titik ini, proses pendaftarannya telah

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

221

b.
Gambar 6.10: Konfirmasi profile user setelah mendaftar

co
Bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima surat dari Admo.net yang isinya kira-kira seperti ini:
Thank You, Serba Gratis for registering at Admo.net. Here is the information we recieved : Name Email Age Sex Website Username Password : : : : : : : Serba Gratis serba_gratis@yahoo.com 18 Male http://serba-gratis.tripod.com/ gratis kancil You need to confirm the account by pointing your browser at : http://admo.net/counter/auth/confirm.php?hash=17a0efjh4 890kj34329386f6hj34j2h3df6f12&username=gratis If you did not apply for the account please ignore this message. Please do not respond to this message.

m

selesai, akan tetapi masih ada satu proses lagi untuk mengaktifkan counternya.

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

222

Gambar 6.11: Tanda bahwa keanggotaan Anda di Admo.net telah sah!

BC
7.

ww

Gambar 6.12: Tampilan setelah Login ke Admo.net

w.
223

OK

lu

b.

co

<A HREF="http://www.admo.net/counter"> <IMG SRC="http://c1.admo.net/cgi-bin/counter/1.cgi?gratis" BORDER="0"></A>

Perhatikan bagian kode "1.cgi?gratis" diatas. Angka 1 adalah kode tipe counter yang diinginkan (lihat Gambar 6.13 untuk melihat semua tipe/style counter yang bisa Anda pilih) dan teks "gratis" adalah nama member Anda di Admo.net. Jika saat mendaftar Anda menggunakan nama Arifin dan Anda ingin menggunakan tipe counter nomor 41, maka Anda harus mengganti baris-baris diatas menjadi seperti ini:
<A HREF="http://www.admo.net/counter"> <IMG SRC="http://c1.admo.net/cgi-bin/counter/24.cgi?Arifin" BORDER="0"></A>

Peletakan kode bisa dilakukan dimana saja didalam file html Anda, yang penting harus berada diantara tag <BODY>…</BODY>.
Lakukan uji coba counter dengan membuka file html Anda dengan browser dalam keadaan internet on-line. Anda akan melihat angka counter dalam halaman web Anda menampilkan angka tertentu seperti yang Anda set saat mendaftar, misalnya 00001. Klik tombol "Reload" atau "Refresh" dalam browser Anda dan lihat kembali Angka counter-nya. Jika saat ini angkanya telah bertambah satu (menjadi 00002 misalnya), maka counter Anda telah bekerja normal. Anda tinggal meng-upload file html Anda ke server.

m

5.

Klik link yang ada dibawah teks "You need to confirm the account by pointing your browser at :" didalam e-mail Anda untuk mengaktifkan counter. Setelah itu jendela browser akan terbuka dan muncul pemberitahuan bahwa pendaftaran Anda telah dikonfirmasi dan telah aktif. Klik link berlabel "Login" untuk melihat apa yang harus Anda lakukan untuk menggunakan counter dari Admo.net ini. Didalamnya Anda juga dapat melakukan seting nomor awal counter, memilih tipe/style counter dan lain sebagainya.

6.

Seperti yang akan Anda lihat setelah login ke Admo.net, Anda dapat mulai menggunakan counter dengan memasukkan baris-baris seperti dibawah ini kedalam halaman html Anda.

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

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

224

3.

Klik link berlabel 'Guestbook Setup'. Setelah itu akan ditampilkan form setup guestbook yang berisi delapan langkah setup.

Gambar 6.13: Admo.net menawarkan lebih banyak tipe/style counter

6.2 MEMASANG GUESTBOOK

BC
4.

lu
Gambar 6.14: Tampilan setup GuestBook di Geocities

6.2.1 Memasang Guestbook di Geocities

Jika Anda memiliki account di Geocities, Anda tidak perlu repot-repot mencari guestbook ditempat lain. Sub bab ini akan menjelaskan pada Anda bagaimana cara mengaktifkan guestbook di Geocities. Berikut adalah cara pengaktifannya langkah demi langkah: 1. Masuklah ke file manager (http://geocities.yahoo.com/home/). OKB Club Indonesia – http://www.okbclub.com

ww

w.

OK
225

Sebagaimana dengan counter, jika Anda kebetulan mendaftar pada situs-situs penyelenggara spasi web gratis yang sekaligus juga menyediakan fasilitas guestbook (buku tamu) seperti Geocities misalnya, maka Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Yang perlu Anda lakukan hanyalah melakukan beberapa seting tertentu. Pada sub bab ini kita akan membahas cara mengaktifkan guestbook dari Geocities. Selain itu kita juga akan memburu situssitus penyedia layanan guestbook gratis dari internet, kemudian kita juga akan mencoba mendaftar pada beberapa diantaranya.

b.
Isilah kolom-kolom yang ada sesuai keinginan Anda. Misalnya pada kolom Guestbook name (Step 1), isilah dengan judul buku tamu yang Anda inginkan. Lalu pada kolom Introduction (Step 3), Anda bisa mengisinya dengan komentar pendek tentang buku tamu Anda tersebut. Pada kolom Questions (Step 4), isi kolom-kolom yang ada dengan pertanyaan-pertanyaan yang ingin Anda tampilkan dalam buku tamu, misalnya; "Asal Kota", "Email", "Usia" dll. Anda juga bisa mengganti 3 baris pertanyaan dalam bahasa inggris yang sudah ada sebelumnya ("First Name", "URL" dan "Comment") dengan pertanyaan Anda sendiri (misalnya "Nama", "Alamat homepage" dan "Komentar"). Satu hal yang perlu dicatat adalah bahwa sebaiknya Anda tidak menanyakan sesuatu yang hampir pasti tidak akan diisi oleh pengunjung situs Anda dengan benar, misalnya "Alamat" atau "Nomor Telepon". Percuma khan? Anda juga dapat melakukan seting agar buku tamu Anda mengirim pemberitahuan melalui e-mail jika ada pengunjung yang mengisi buku tamu. Seting bisa dilakukan dengan meng-klik check box berlabel 'Send notification email' pada kolom Options (Step 7). OKB Club Indonesia – http://www.okbclub.com

co
226

m

2.

Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Guestbook' (http://us.geocities.yahoo.com/gb/).

6.

BC
227

Gambar 6.15 : Kode html akan dihasilkan setelah selesai setup

7.

OK

"Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin dipasangi link ke buku tamu. Anda dapat melakukannya menggunakan editor HTML yang ada di Geocities (klik link berlabel 'Go To File Manager') atau menggunakan editor lain dan kemudian baru meng-upload-nya ke Geocities. Secara default, kode tersebut akan menghasilkan tampilan seperti ini :

lu
Gambar 6.16: Tampilan form isian Buku Tamu dari Geocities
<a href="http://us.geocities.yahoo.com/gb/sign?member=Arifin"> <b>Isi Buku Tamu</b></a> <a href="http://us.geocities.yahoo.com/gb/view?member=Arifin"> <b>Lihat Buku Tamu</b></a>

8.

9.

ww

Teks 'serba_gratis' yang tampak pada Gambar 6.15 muncul karena penulis menggunakan nama member serba_gratis. Jika Anda menggunakan nama member lain, kode tersebut juga akan lain. Selain itu Anda juga dapat mengganti keterangan link-nya dengan apa saja. Sebagai contoh, jika nama OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

w.

Sign Guestbook View Guestbook

b.
Isi Buku Tamu – Lihat Buku Tamu

co
228

Setelah itu akan ditampilkan kode-kode html yang diperlukan untuk melakukan link ke pengisian buku tamu dan link untuk melihat isi buku tamu tersebut.

m

5.

Klik tombol "Preview" untuk melihat tampilan buku tamu Anda. Jika masih ada yang perlu diperbaiki, kembalilah ke jendela setup. Jika sudah puas, klik tombol "Finished".

member Anda adalah Arifin dan Anda ingin mengganti keterangan link-nya dengan "Isi Buku Tamu" dan "Lihat Buku Tamu", maka kode-kode htmlnya akan menjadi seperti ini :

ALX Guestbook (http://www.alxbook.com/) - Menyediakan guestbook gratis untuk homepage Anda.

6.2.2 Memburu GuestBook Gratis
Sebagaimana dengan counter, jika situs homepage Anda tidak menyediakan guestbook, maka Anda harus mencarinya sendiri di internet. Beberapa tahun yang lalu jumlah penyedia layanan guestbook gratis diseluruh dunia masih bisa dihitung dengan mudah. Akan tetapi jika Anda mencarinya sekarang, Anda akan menemukan ribuan bahkan puluhan ribu situs penyelenggara guestbook gratis dari seluruh dunia! Untuk mempermudah pencarian Anda, berikut adalah sebagian sangat kecil daftar penyedia layanan guestbook gratis yang ada:

OK
229

Dreambook (http://www.dreambook.com/) - Menyediakan guestbook gratis untuk keperluan personal yang bisa diatur sendiri. TheGuestBook.com (http://www.theguestbook.com/) - Guestbook gratis dari TheGuestBook.com Bloke.com (http://guestbook.bloke.com/) - Guestbook gratis dengan teknologi Java. Cara pemasangannya mudah dengan antar-muka yang menarik.

w.

ww

GuestPage.com (http://www.guestpage.com/) - Menyediakan guestbook dengan spasi tak terbatas! Fasilitas yang diberikan termasuk message detection, auto-reply dan lain sebagainya. Anda dapat memilih salah satu dari 20 tampilan yang berbeda. OKB Club Indonesia – http://www.okbclub.com

BC

lu

Gambar 6.17: Tampilan Buku Tamu dari Geocities

b.

Escati Free Guestbook (http://www.escati.com/guestbook/ free_guestbook.htm) - Penyedia layanan guestbook gratis dari Escati. Free GBook (http://www.freegbook.nu/) - Menyediakan bukutamu gratis tanpa iklan banner! Pendaftaran cukup dilakukan dengan satu klik saja. Da-Book (http://www.da-book.com/index.html) - Menyediakan buku tamu yang bisa mengirim e-mail jika ada pengisi baru. Anda dapat mengganti warna latarbelakang, warna teks dan warna link.

FreeGuestBooks (http://www.freeguestbooks.com/) - Buku tamu gratis 100% dari FreeGuestBooks. Gbook.nu (http://gbook.nu/) - Buku tamu gratis dari gbook.nu.

MikesWebFreeGuestbook (http://www.web.mikesweb.com/free-stuff/ guestbook/) - Buku tamu gratis dari MikesWeb. Menyediakan utiliti lengkap untuk mengatur guestbook sendiri. Ostry (http://www.ostry.com/solutions/guestbook/) - Buku tamu gratis dari Ostry Internet Solusions.

Free Guestbook (http://guestbook.dkd.ot.lt/) - Guestbook gratis dari Itali. htmlGEAR (http://htmlgear.lycos.com/specs/book.html) - Penyedia layanan buku tamu gratis dan fasilitas on-line lain dari Lycos. GuestBook Depot (http://www.guestbookdepot.com/) - Buku tamu gratis dari Guestbook Depot. Mybook.net (http://www.mybook.net/) - Buku tamu interaktif dari mybook.net. Pendaftarannya cepat, mudah dan gratis! Indonesian Free Guestbook Server (http://www.indoguest.com/) Guestbook Server Gratis dengan berbagai pilihan bahasa, akses cepat dan

co

DiamondLife Guestbook! (http://guestbook.diamondlife.net/) - Guestbook profesional gratis selamanya untuk keperluan bisnis maupun personal.

m

GlobalGuest (http://globalguest.com/) - Guestbook gratis yang bisa diatur sendiri melalui opsi pemilihan background wallpaper, warna latar belakang, link, musik midi, warna teks, pemberitahuan lewat e-mail dan lain sebagainya.

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

230

Lpage GuestBook (http://www.lpage.com/) - Buku tamu dari Lpage GuestBook. Dreambook (http://www.dreambook.com/) - Salah satu penyedia layanan buku tamu gratis yang bebas iklan! OneCenter.com (http://guest.onecenter.com/) - Buku tamu gratis dari OneCenter. Free-CGI: Guestbook (http://www.fido7.com/free-cgi/guestbook/) Disinilah tempat untuk mendapatkan buku tamu CGI gratis. Anda tidak perlu menyimpan script CGI dalam host, yang perlu Anda lakukan hanyalan menambah satu baris html kedalam halaman web Anda. Anda dapat mengatur font, warna dan banyak lagi yang lain. Guestcities Guestbooks (http://www.guestcities.com/) - Buku tamu gratis dari GuestCities. Web-Authoring.com (http://www.websiteresources.net/guestbook/) - Disini Anda akan mendapatkan lebih dari 1000 web development resources gratis, termasuk Perl, CGI, Script, HTML, Java, JavaScript, Design, dan tentu saja Guestbook. Freegbook.nu (http://www.freegbook.nu/) - Buku tamu gratis dari FreeGbook.nu untuk webmaster dan keperluan pribadi. Buku tamu dapat dikonfigurasi sendiri!

Free Center (http://www.freecenter.com/guestbook.html) - Daftar menyedia layanan buku tamu gratis!

6.2.3 Mendapatkan GuestBook Gratis Dari Admo.net
Selain counter, Admo.Net juga meyediakan guestbook gratis. Fitur yang ada pada guestbook dari Admo.net adalah; bisa menambah item pertanyaan, bisa menghapus database pengunjung tertentu (ini sangat bermanfaat jika ada pengunjung yang mengisi buku tamu Anda dengan 'sampah!' atau kata-kata tak pantas lainnya), dapat menghapus semua isi buku tamu sekaligus, bisa mengganti warna, ukuran font, tipe font dan judul buku tamu dengan mudah, dapat mengirim e-mail pada semua pengisi buku tamu dan lain sebagainya. Alamat situsnya adalah:

BC
1. 2. 3.

OK
231

GuestbooksForFree (http://www.guestbooksforfree.com/) - Buku tamu gratis untuk program afiliasi. Anda akan mendapatkan komisi dengan memberikan buku tamu ini ke orang lain dan mendaftar sebagai pihak afiliasi (buku tamu untuk buku tamu gratis). Anda hanya perlu mengisi formulir dan setelah itu akan menerima kode html untuk mengaktifkan software buku tamu. Guestbook4free.com (http://www.guestbook4free.com/guestbook.htm) Buku tamu gratis dari guestbook4free dengan berbagai fasilitas menarik. Free Guestbooks providers (http://www.absolutelyfreebies.com/guestbooks.html) - Daftar penyedia layanan buku tamu gratis. Silahkan pilih yang Anda suka! NiElS' FREE Guestbook Service (http://guestbook.carota.net/) Menawarkan buku tamu gratis yang bisa di kustomisasi melalui CSS stylesheet.

ww

w.

lu

b.

http://admo.net/freegb/ Berikut adalah cara melakukan pendaftaran di Admo.net untuk mendapatkan guestbook gratis serta cara pengaktifannya :
Kunjungi situs Admo.net Free GuestBook di alamat diatas. Klik link dengan label 'Get your free guestbook now!'. Isi formulir pendaftaran dengan benar, terutama alamat e-mail-nya karena kode pengaktifan guestbook-nya akan dikirim melalui alamat e-mail ini. Untuk menambah kolom pertanyaan, misalnya 'Asal' atau 'HomePage', isilah kolom "Optional Field 1" s/d "Optional Field 4" dengan judul-judul pertanyaan yang ingin Anda tanyakan. Jika semuanya telah terisi dengan benar, klik tombol "Create My Guestbook!". Setelah tombol "Create My Guestbook!" diklik, akan muncul ucapan terima kasih dan pemberitahuan bahwa data Anda telah masuk kedalam database Admo.net dan disarankan pada Anda untuk segera membuka e-mail Anda untuk melakukan langkah terakhir untuk mendapatkan guestbook di Admo.net.

co

m

feature yang menarik. Sayangnya, servernya lebih banyak matinya dari pada hidupnya!

GuestPoint (http://www.guestpoint.com/) - Menyediakan buku tamu dan counter gratis yang bisa diatur sendiri.

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

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

232

5.

Gambar 6.19: Proses pendaftaran selesai, tetapi Anda harus mengaktifkannya

4.

Bukalah e-mail yang Anda gunakan saat mengisi formulir pendaftaran. Anda akan menerima surat yang isinya kira-kira seperti dibawah ini:
Thank you for your submission for an Admo.net Free Guestbooks account. To compelete your membership process, please click on the link below:

w.

OK
Gambar 6.20: Kode html yang diberikan setelah konfirmasi ke Admo.Net

BC ww
6. Tambahkan baris-baris html diatas kedalam halaman web Anda pada posisi dimana saja, asal masih berada diantara tag <BODY>...</BODY>. Catat OKB Club Indonesia – http://www.okbclub.com

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

233

lu

Gambar 6.18: Form pendafaran untuk mendapatkan buku tamu di Admo.net

b.

<!-- START ADMONET GUESTBOOK CODE --> <center> <p>[<a href="http://admo.net/freegb/cgibin/guestbook.db?action=form&user=gratis"> <b>Sign My Guestbook</b></a>] <a href="http://admo.net/freegb"><img src="http://f.virtualave.net/imgserv/freegb.gif" BORDER="0"></a> [<a href="http://admo.net/freegb/cgibin/guestbook.db?action=view&user=gratis"> <b>View My Guestbook</b></a>]</p> </center> <!-- END ADMONET GUESTBOOK CODE -->

co

Thank You, Adam.

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 :

m

http://admo.net/freegb/cgibin/register.db?action=verify&userid=4567&email=serba_g ratis@yahoo.com

234

7.

Untuk melakukan uji coba, buka halaman web Anda yang sudah disisipi kode-kode html diatas dengan browser saat internet Anda on-line. Anda akan melihat tambahan tampilan seperti gambar 6.21.

8.

Gambar 6.22: Tampilan buku tamu Admo.Net

w.
235

OK ww
Gambar 6.23: Tampilan form pendaftaran di htmlGEAR

BC

Cobalah klik link dengan label "View My Guestbook". Maka Anda akan melihat tampilan guestbook yang masih kosong. Sekarang, coba klik link "Sign My Guestbook" dan isi form yang ada. Setelah itu jika Anda mencoba melihat isi guestbook Anda kembali, disana akan ada satu orang yang telah mengisi buku tamu Anda, yaitu Anda sendiri.

lu
1. 2.

Gambar 6.21: Tampilan link untuk mengisi dan melihat buku tamu Admo.Net

b.

Pada sub bab ini kita akan mendaftar ke htmlGEAR dan mengaktifkan guestGEAR untuk mendapatkan buku tamu. Berikut adalah langkah-langkah pendaftaran dan cara aktifasinya : Kunjungi situs htmlGEAR dengan alamat : http://htmlgear.lycos.com/specs/book.html

co

bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, jadi jangan secara langsung menyalin kode html diatas kedalam halaman web Anda (kecuali Anda telah mengganti teks "gratis" pada baris-baris html diatas dengan teks Anda sendiri sesuai isi kolom "Desired Username:" saat mendaftar.

htmlGEAR adalah penyedia layanan Add-On gratis yang cukup populer di internet. Situs ini menyediakan berbagai fasilitas Add-On bagus yang bisa digabung kedalam situs web kita. Add-On yang ditawarkan diantaranya adalah guestGEAR (buku tamu), linkGEAR (link manager dan validasi link di homepage), pollGEAR (fasilitas untuk membuat polling pada pengunjung), passit-onGEAR (cara promosi web mudah dari teman ke teman), textGEAR (penampil teks yang selalu berganti saat pengunjug datang) dan feedbackGEAR (mendapatkan feedback tanpa menampilkan alamat e-mail Anda).

Klik link 'Sign up Now!'. Setelah itu isi formulir pendaftaran yang ada. Beberapa kolom yang harus diisi diantaranya adalah nama member dan password untuk login ke htmlGEAR, nama Anda, alamat e-mail, tanggal lahir, asal kota dan negara. Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!".

m

6.2.4 Mendapatkan GuestBook Gratis dari htmlGEAR

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

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

236

4.

5.

Anda akan masuk ke setup pembuatan buku tamu guestGEAR.

BC
7.
Gambar 6.24: Fasilitas-fasilitas Add-On yang ditawarkan htmlGEAR

ww

w.

6.

Isilah judul guestbook Anda, alamat homepage-nya (Anda harus menuliskan alamat homepage Anda dengan benar karena akan dipakai untuk mengembalikan link dari buku tamu ke homepage Anda), judul homepage Anda, kategori homepage-nya, alamat e-mail (tulis juga dengan benar karena pemberitahuan jika ada pengunjung baru yang mengisi buku tamu Anda akan dikirim lewat e-mail ini), kemudian pada kolom 'Time Zone',

OK
237

lu

b.
Gambar 6.25: Tampilan form setup buku tamu guestGEAR

co
Jika Anda memiliki banyak waktu dan ingin melakukan kustomisasi buku tamu sendiri, pada langkah ke-4 diatas sebaiknya jangan langsung menekan tombol "Save & Create", melainkan gulung tampilan layar kebawah untuk melakukan setup seperlunya, misalnya mengatur warna huruf, tipe huruf, memillih backgound buku tamu, membuat pertanyaan-pertanyaan yang ingin diajukan kepada pengisi buku tamu (ada 10 ruang pertanyaan dengan 8 tipe pertanyaan yang bisa diisi sendiri), mengatur apakah pengisi buku tamu boleh menyisipkan kode html/javascript pada buku tamu atau tidak, membuat teks yang akan dikirim ke e-mail pengunjung, memilih ikon guestGEAR (gambar 6.26) dan lain sebagainya. Setelah itu baru klik tombol "Save & Create" atau klik "Preview" untuk melihat hasil setup sementara sebelum di save. OKB Club Indonesia – http://www.okbclub.com

m

3.

Langkah berikutnya adalah melakukan aktifasi keanggotaan. Pada tahap ini Anda akan diberi tawaran untuk menerima mailing list pemberitahuan jika ada fasilitas baru atau tip & trik dari htmlGEAR, kemudian tawaran apakah Anda ingin memiliki hardisk virtual untuk menyimpan file di driveaway (sekitar 25 MB). Jangan ragu-ragu untuk menghilangkan check box default yang ada jika Anda memang tidak menginginkannya. Selain itu, baca penjelasan mengenai servis yang diberikan htmlGEAR. Setelah selesai, klik tombol "Agree". Anda akan masuk ke Gear Manager yang pada saat ini isinya masih kosong. Klik link 'Add Gear'. Setelah itu akan muncul semua Add-On yang bisa diaktifkan (gambar 6.24). Klik link 'Get Gear' yang ada pada baris guestGEAR (Add-On paling atas).

pilihlah Bangkok (GMT +7) karena Indonesia juga menggunakan zona waktu ini. Setelah itu klik tombol "Save & Create".

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

238

Gambar 6.26: Beberapa ikon guestbook yang bisa dipilih dari guestGEAR

8.

Setelah tombol "Create & Save" di klik, browser akan menampilkan kodekode html yang harus Anda masukkan kedalam halaman web Anda seperti dibawah ini:
<!--start of code--> <!-- Guestbook by http://www.htmlgear.com --> <a href="http://htmlgear.lycos.com/specs/guest.html"> <img border=0 ismap src="http://htmlgear.lycos.com/img/ guest/gb_blue.gif"></a><br> <a href="http://htmlgear.lycos.com/guest/control.guest?u= serba_gratis&i=1&a=view"><font face="arial,helv, helvetica,sans serif" size=-1>View My Guestbook</font></a><br> <a href="http://htmlgear.lycos.com/guest/control.guest?u= serba_gratis&i=1&a=sign"><font face="arial,helv, helvetica,sans serif" size=-1>Sign My Guestbook</font> </a><br> <!--end of code—

9.

OK
239

"Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin dipasangi link ke buku tamu. Anda dapat mengganti teks penjelasan link-nya ke buku tamu Anda dengan apa saja, misalnya 'View My Guestbook' diganti dengan 'Lihat Buku Tamu' dan 'Sign My Guestbook" diganti dengan 'Isi Buku Tamu'. Catat bahwa Anda tidak bisa langsung menggunakan kode html diatas kecuali mengganti teks 'serba_gratis' pada kode tersebut dengan nama member Anda sendiri. Gunakan editor apa saja untuk melakukan ini dan kemudian upload ke server. Klik tombol "Done" dan kemudian klik "log out" untuk keluar dari htmlGEAR.

BC
Gambar 6.28: Tampilan link untuk mengisi dan melihat buku tamu guestGEAR

ww

w.

10. Untuk melakukan uji coba, buka halaman web yang sudah disisipi kode html tambahan untuk link ke buku tamu Anda dalam keadaan internet on-line. Anda akan melihat tampilan tambahan seperti gambar 6.28.

lu

b.
Gambar 6.27: Kode yang dihasilkan diakhir setup guestGEAR

11. Klik link 'Sign My Guestbook' untuk mencoba mengisi buku tamu baru Anda. Anda dapat mengisinya dengan apa saja, toh nantinya bisa kita hapus lagi. Klik tombol "Continue" jika telah selesai dan lanjutkan dengan menekan tombol "Add to Guestbook" pada konfirmasi entry. 12. Setelah itu akan muncul pemberitahuan bahwa pengisian buku tamu Anda telah direkam kedalam database buku tamu. Untuk melihat hasilnya, Anda dapat menekan tombol "View" yang muncul setelah Anda meng-klik tombol "Add to Guestbook" atau bisa juga dengan meng-klik link 'View My Guestbook' dari halaman homepage Anda.

co
OKB Club Indonesia – http://www.okbclub.com

m
OKB Club Indonesia – http://www.okbclub.com

240

Gambar 6.29: Tampilan form isian bukutamu guestGEAR

OK

Gambar 6.30: Tampilan buku tamu dari guestGEAR

13. Selamat! Anda telah memiliki BUKU TAMU!

ww

w.

BC
241

lu
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, memiliki alamat e-mail sudah bisa dibanggakan. Akan tetapi kini gengsi itu sudah bergeser. Mencantumkan alamat situs pribadi di kartu nama adalah kebanggaan baru. Jadi, setelah homepage Anda bisa online dan bisa diakses dari seluruh dunia, jangan ragu untuk membuat kartu nama baru lengkap dengan alamat situs web Anda. Langkah berikutnya, ada banyak cara untuk mempromosikan situs web dengan gratis. Diantaranya dengan memasang iklan di situs-situs penyedia layanan iklan gratis yang tersebar diseluruh jagad internet, mendaftarkannya ke portal-portal web, ke search engine, mengikuti program pertukaran link (link exchange) atau pertukaran banner (banner exchange) dan akhirnya, Anda juga dapat mengumumkannya pada teman-teman Anda saat melakukan chating atau memposting-nya ke berbagai mailing-list yang Anda ikuti. Jika Anda belum terdaftar pada satupun keanggotaan mailing-list, coba kunjungi http://www.egroups.com dan cari topik-topik mailing-list yang sesuai dengan situs homepage Anda. Jika OKB Club Indonesia – http://www.okbclub.com

b.

LANGKAH KE-7: UMUMKAN HOMEPAGE BARU ANDA KESELURUH DUNIA!

co

m

BAB 7

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

242

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. Iklan Baris DotCom (http://www.iklanbaris.com/) - Situs ini memberikan penawaran kepada Anda yang ingin memasang iklan mini/singkat. Wisma IndoProducts (http://www.wisma.com/Indoproducts) - Tempat pemasangan iklan gratis di Internet. Ada fasilitas chatting sehingga sesama anggota bisa saling berkomunikasi masalah bisnis atau apa saja. IklaNet (http://www.sumpahpalapa.com/shisho/ atau http://iklanet.virtualave.net/) Pasang dan Cari iklan gratis. IklaNet adalah salah satu situs Iklan Gratis yang paling tua di Indonesia. Silahkan mampir dan tempatkan iklan Anda sehingga lebih tersebar. Buat yang mau pasang dan cari iklan untuk keluarga, teman, pacar, barang-2 elektronik, mobil dll., datang saja ke sini.

AdHOO! (http://www.adhoo.i-p.com/) - Layanan iklan mini gratis yang mudah dan sederhana. Lebih dari 150 kategori. AdMatters (http://www.admatters.com/) - Pasang iklan baris dan banner GRATIS!!!

Bursa Iklan (http://www.bursaiklan.com/) – Penyedia layanan iklan gratis, termasuk foto.

Bursa Iklanbaris (http://iklanbaris.fsn.net/) - Situs iklan bebas dengan kategori yang lengkap. Cabe Merah (http://www.cabe-merah.com/) - Iklan Baris Gratis.

OK
243

BiroIklan (http://www.biroiklan.net/) - Situs iklan gratis internet Indonesia dengan 60 kategori, tanpa registrasi dan dapat di modifikasi atau dihapus sendiri oleh pemasang iklan.

Cabinet (http://iklan.cabi.net.id/) - Pasang iklan anda disini, gratis.

ww

Iklan Doea Lima (http://www.iklan-25.co.id/) - Layanan Pemasangan Iklan Baris Gratis dengan lebih dari 10 Kategori, sistem aktifasi iklan baris yg cepat (tanpa perlu konfirmasi melalui e-mail) dan juga menerima pemasangan Online Advertising.

w.

Café Gado-Gado (http://caprius.or.id/cafegado2) - Situs iklan baris gratis yang full music.

BC

lu

99V (http://www.99venus.net/classifieds) - Pasang Iklan Baris gratis tanpa harus jadi member. Anda bisa memasang iklan sepuasnya.

b.

Saat ini, jumlah situs penyedian layanan gratis sangat melimpah ruah. Anda bahkan akan kesulitan mengingatnya satu persatu kecuali yang mudah diingat saja. Dibawah ini adalah daftar sebagian kecil penyedia layanan iklan gratis yang bisa Anda coba.

Iklan-Gratis (http://www.iklan-gratis.com/ atau http://iklan-gratis.com/) - Iklan gratis, media yang pas pasang dan cari iklan di internet, segala macam kategori. IklanKota.com (http://iklankota.com/) - Iklan Kota adalah sarana tepat untuk memasang iklan dengan cuma-cuma untuk semua jenis kriteria, yang dikelola secara profesional.

IklanBaris.co.id (http://www.iklanbaris.co.id/) – Fasilitas iklan gratis yang dikembangkan oleh PT Bitnet Komunikasindo.

IklanIklan (http://www.iklaniklan.com/) - Bosan dengan iklan baris yang biasa saja? Cobalah iklaniklan.com. Iklan baris yang paling user friendly, dilengkapi dengan fitur canggih seperti auto-notify. Anda bahkan dapat upload file multimedia (foto, suara, film) pada iklan anda. Iklanklik dot com (http://www.iklanklik.com/) - Media iklan mini gratis IklanInternet DotCom (http://www.iklaninternet.com/) - Situs iklan baris gratis dan promosi di internet. Iklan mini, iklan baris, iklan gratis, gampang pasang iklannya, cepat cari iklannya !!! Anda diberi fasilitas untuk menempatkan, memperbarui dan menghapus iklan yang Anda posting ke situs ini. IklanMedan.com (http://www.iklanmedan.com/) - Memberikan layanan iklan gratis di Internet. Tempat menampung informasi barang bekas maupun baru, mempertemukan antara penjual dan pembeli, serta membuka peluang dan kesempatan baru. Iklanmedan.com digunakan sebagai sarana iklan gratis bagi OKB Club Indonesia – http://www.okbclub.com

co

7.1 MEMBURU PENYEDIA LAYANAN IKLAN GRATIS

m

situs Anda ditujukan untuk konsumsi internasional, cobalah mendaftar ke http://www.flashbase.com/forms/freetrial, yaitu sebuah layanan promosi gratis

E-klan.Net (http://www.e-klan.net/) - Iklan baris internet gratis, mudah pasangnya, cepat dan effektif. Sarana beriklan gratis di internet.

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

244

IklanMini.co.id (http://www.iklanmini.co.id/) - Iklan Mini Gratis Centrin IklanPlus.com (http://iklanplus.com/) - Cari barang bekas? murah? handphone? komputer? Semua serba ada. Mau pasang iklan? Pasang LANGSUNG tampil, serba cepat dan mudah, dan tentunya ...GRATIS ! iklanwap.com (http://www.iklanwap.com/index.htm) - Pasang iklan gratis yang dapat ditampilkan pada ponsel WAP IndoAds (http://indoads.cjb.net/) - Situs Indoads merupakan jaringan iklan Indonesia yang merupakan pusat iklan gratis dalam berbagai kategori. IndoFocus DotCom (http://www.indofocus.com/) - Media promosi, Lowongan Kerja, Cari Jodoh, Iklan Gratis dll. IndoIklan (http://www.indoiklan.com/) - Pasang iklan baris gratis dengan gambar atau suara (audio). Dengan berbagai kemudahan untuk mengedit, mendelete, dll-nya. Anda boleh pasang iklan gratis dengan foto sebanyak Anda mampu. Media iklan online (http://www.mediaiklan.com/) - Memberi layanan jasa pada pengguna internet Indonesia serta membantu mengembangkan berbagai sektor usaha melalui pelayanan gratis iklan baris di internet. Jogjapromo (http://www.jogjapromo.com/) - Ajang iklan gratis khusus DIY Solo dan Jateng Iklan gratis via Internet khusus DIY-Jawa Tengah

Makelar Saiber TM (http://makelar.center.co.id/) - Situs Iklan Gratis dan bebas anda bisa apa saja semua serba gratis Media Iklan Mini Gratis (http://www.i-klik.com/) - Layanan iklan mini gratis di Internet.

JualBeli.co.id (http://www.jualbeli.co.id/ atau http://www.jualbeli.com/) – Disini Anda bisa pasang iklan baris beserta gambar sekaligus. Gratis!

OK
Situs

Pratama.com (http://www.pratama.com/iklan/default.asp) - Pasang iklan mini gratis, langsung ditampilkan, mau jual komputer, elektronik, rumah, tanah, hobbi, kenalan, hand phone, atau apa saja.

ww

w.

KeluargaInternet DotCom (http://www.keluargainternet.com/) pencari untuk keluarga indonesia, ada free E-mail dan iklan gratis.

BC
245

lu

b.

Media Jual & Beli (http://www.jubelindo.co.id/) - Iklan Baris Gratis Pertama dan Terlengkap di Indonesia Pro-Infocom (http://www.pro-infocom.com/) - Media pemasaran produk dan situs Anda di internet, Gratis untuk Webmaster lewat e-mail, banner, trafik, cgi, website, search engine, cgi-bin, perl, mailing list dll.

Semua Gratis (http://www.semua-gratis.com/) - Portal situs gratis, iklan baris gratis dan masih banyak lagi. Iklan.co.id (http://www.iklan.co.id/) – Ingin pasang iklan di internet? Gratis, kategori lengkap. SOLOCITY.com (http://www.solocity.com/) - Komunitas Internetnya Wong Solo dengan Iklan Gratis, E-mail, Fax, dll. Uang-Iklan (http://uangiklan.cjb.net) – Iklan Anda DIJAMIN akan dibaca oleh 1000 orang + Rp. 25 Juta BONUS CASH untuk Anda + Auto Submit iklan Anda ke 3856 Classified Ads Sites (lihat BAB 8 untuk penjelasan lebih lanjut).

7.2 MEMASANG IKLAN ONLINE GRATIS
Memasang iklan di situs penyedia layanan iklan gratis umumnya sangat mudah. Anda tinggal mengunjungi situsnya, memilih kategorinya, mengisi beberapa kata yang berhubungan dengan apa yang ingin Anda iklankan, meng-klik tombol "submit", "daftar", "setuju", "agree" atau semacamnya dan beberapa detik kemudian iklan Anda sudah bisa dibaca dari seluruh dunia. Jika mau, Anda bisa mencari situs penyedia layanan iklan yang lain dan melakukan pendaftaran lagi dengan harapan akan lebih banyak orang lagi yang membaca iklan Anda. Berikut adalah contoh pendaftaran iklan ke BiroIklan.Net: OKB Club Indonesia – http://www.okbclub.com

co

IklanMini DotCom (http://www.iklanmini.com/) - Tempat gratis pasang iklan mini di internet

Kulakan (http://www.kulakan.com/) - Iklan baris gratis di Kulakan serta fasilitas-fasilitas lainnya.

m

pengguna internet. Sasaran utama iklanmedan.com adalah untuk menampung iklan masyarakat internet kota Medan. Tapi tidak tertutup kemungkinan untuk digunakan oleh masyarakat internet kota lain sepanjang digunakan dengan baik/benar.

MediaIklan.com (http://www.mediaiklan.com/) - Artistik website yang dirancang khusus bagi pengguna internet yang ingin memasang iklan gratis di internet. Sederhana, user friendly dan mudah dalam pengoperasian.

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

246

Klik link 'click here' untuk mulai memasang iklan.

Gambar 7.1: Salah satu situs penyedia layanan iklan langsung jadi

BC
247

OK
Gambar 7.2: Form pendafatan iklan di BiroIklan.Net

ww

Isi form yang ada sesuai iklan yang ingin Anda tayangkan. Isi password dengan apa saja. Ini akan diperlukan jika ingin melakukan perubahan atau OKB Club Indonesia – http://www.okbclub.com OKB Club Indonesia – http://www.okbclub.com

w.

lu
Gambar 7.3: Tampilan klarifikasi isi iklan di BiroIklan.Net

b.

Setelah itu akan muncul pop-up klarifikasi untuk memastikan bahwa semua yang Anda masukkan telah sesuai dengan keinginan Anda. Klik "OK" jika semuanya sudah benar dan klik "Cancel" jika masih ada yang salah.

Anda akan menerima ucapan terima kasih. Dan pada titik ini, proses pendaftarannya telah selesai! Untuk melakukan uji coba, klik link 'Back to Main Page' atau ketik ulang alamat situs www.biroiklan.net. Setelah itu, pada kolom 'CARI', ketik "gratis". Pada kolom 'KATEGORI', pilih 'Rupa-rupa' dan pada kolom 'JUMLAH IKLAN DILAYAR', biarkan saja pada angka 10.

Klik tombol "Lihat Iklan!". Maka iklan Anda akan muncul dilayar. Anda dapat saja mengulanginya untuk memasang iklan pada kategori yang lain agar iklan Anda bisa ditemukan pada banyak kategori. Misalnya jika isi homepage Anda berhubungan dengan mobil, maka Anda bisa memasukkannya ke dalam kategori mobil dst.

co

m

Kunjungi situs BiroIklan di http://www.biroiklan.net. Jangan heran jika Anda malah akan melihat alamat www.IKLAN-INTERNET.com. Mungkin ini adalah nama baru mereka.

menghapus iklan kita. Catat bahwa untuk mengiklankan homepage, Anda mungkin tidak perlu mencantumkan nomor telepon Anda. Pada kolom 'Judul Iklan', Anda bisa memasukkan kata "Telah Hadir Situs Baru …. Nama homepage Anda ….." Pada pemilihan kategori, pilihlah "Rupa-rupa" karena kategori yang berhubungan dengan iklan homepage memang tidak ada. Pada situs yang lain, pengumuman situs baru biasanya bisa dimasukkan kedalam kategori 'Internet', 'Advertising', 'Announce', 'Pemberitahuan' dan lain sebagainya. Pada kolom 'Isi Iklan Anda', isilah dengan penjelasan mengenai homepage Anda secara ringkas tapi jelas. Setelah semuanya diisi dengan benar, klik tombol "Post This Ad!".

248

7.3 PROMOSI SITUS WEB MELALUI SITUS PORTAL
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. Dibawah ini adalah sebagian daftar portal Indonesia yang bisa ditemukan di internet saat buku ini ditulis. Pada umumnya, mereka menyediakan fasilitas "Add URL" gratis yang bisa kita gunakan untuk memasukkan/mendaftarkan alamat URL homepage kita kedalam mesin pencari mereka. Fasilitas inilah yang kita manfaatkan untuk memasang pengumuman tentang homepage baru kita. Catat bahwa banyak diantara situs ini berasal dari Indonesia. Dan sebagaimana halnya situs-situs yang berasal dari Indonesia dengan modal pas-pasan lainnya, daya tahannya hanya berkisar antara satu atau dua tahun kedepan dan setelah itu lenyap tak berbekas! Jika Anda menemui alamat-alamat yang sudah tidak bisa diakses lagi, maka Anda bisa mencari yang lain melalui situs-situs search engine yang ada (lihat sub bab 7.5). 17Tahun.com (http://www.17tahun.com/) - Situs portal dewasa Indonesia yang dikelola secara profesional, berisi cerita, e-mail gratis, forum diskusi dan chat. AgroIndo (http://www.agroindo.com/) - Portal agribisnis pertama dan terbesar di Indonesia. Iklan baris, berita, info, forum, webmail, toko buku, homepage. Semuanya lengkap, global dan GRATIS! GiBol.Com (http://id.catcha.com/cgi-bin/l/id.gibol.com) - Portal berita sepak bola dunia terkini dari detikcom, bolanews dan situs sepak bola populer lain, update setiap saat, ribuan foto bintang sepak bola, 6 MB e-mail gratis! Distorsi.com (http://www.distorsi.com/) - Situs portal Info musik, review, email gratis dll. d-Rex.net (http://d-rex.net/) - One Stop Portal untuk semua keperluan internet Anda. Berbagai fasilitas seperti chatting room, e-mail gratis, search engine, dan masih banyak lagi lainya.

Gambar 7.4: Setelah daftar, Anda bisa langsung melihat iklan Anda sendiri

ww

w.
249

Gambar 7.5: Tampilan hasil pemasangan iklan di BiroIklan.Net

OK

BC

lu

b.

co

m

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

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

250

Jengger.com (http://www.jengger.com/) - Portal Jengger.com - Katalog website, agenda dan e-mail gratis. Kemana.Com (http://www.kemana.com/) - Go futher!! Paling besar, paling asyik, paling berguna dan paling menghibur. Metrokom (http://www.metrokom.com/) - IT portal pertama, terlengkap dan terbesar di Indonesia, sumber informasi tentang berita IT, komputer, hardware, software, Internet. Menyediakan fasilitas e-mail gratis, chat, bookmark, kalender, agenda dan forum. MadCodes (http://www.madcodes.com/) - Portal untuk semua informasi komputer dari hardware sampai programming, bahkan ada juga situs underground-nya.

OK
251

IndoJustice (http://www.indojustice.com/) - Indojustice adalah Portal Hukum Indonesia yang disajikan dalam 2 (dua) versi bahasa, yaitu Indonesia dan Inggris yang ditujukan bagi para Praktisi Hukum (Legal Practice), Mahasiswa/Pelajar (Student), Masyarakat Umum (Public), dan Dunia Usaha (Business) dalam rangka informasi dan reformasi hukum yang tengah diharapkan oleh seluruh rakyat Indonesia yang saat ini meningkat pengetahuan dan kesadaran hukumnya. IndoMall (http://www.indomall.com/) - Shopping portal yang menyediakan produk-produk berkualitas atau produk langka yang juga menyediakan tips/panduan belanja gratis kepada pengunjung. Situs ini telah mendapat sertifikasi dari Thawte VeriSign untuk menjamin keamanan transaksi secara online. IQ - EQ Interaktif (http://www.iqeq.web.id/) - IQ - EQ Interaktif adalah portal psikologi, kesehatan serta trend perilaku & gaya hidup yang pertama di Indonesia. Anda bisa mendapatkan informasi lengkap mengenai psikologi anak, remaja, keluarga, umum, populer, maupun kesehatan. Situs ini sangat cocok bagi para mahasiswa, peneliti, dosen, maupun mereka yang peduli dengan psikologi. Ada juga e-mail gratis, mailing list dan artikel-artikel

w.

ww

BC

HomNet (http://www.homnet.org/) - Portal yang berhubungan dengan Tempat Tinggal yang Nyaman.

lu

IndoProperty (http://www.indoproperty.com/) - Portal properti & multilisting on-line pertama di Indonesia yang bisa anda dapatkan.... Jual/Beli/Sewa properti Iklan baris properti gratis sepanjang tahun berita seputar properti di indonesia dan masih banyak benefit lainnya.

b.

Hobbies-Auto (http://www.hobbies-auto.com/) - Hobbies-Auto adalah situs portal yang memberikan banyak fasilitas kepada semua penggemar automotif, khususnya anggota klub-klub mobil di Jakarta dan Indonesia. Diantaranya berupa informasi yang dapat dilakukan dengan searching (bengkel, pusat penjualan onderdil, emergency, info terbaru dunia otomotif dll), e-mail gratis dan konsultasi. Salah satu layanan andalannya adalah Tip & Trik perawatan mobil. Layanan lainnya adalah fasilitas transaksi e-commerce.

Matamata (http://www.matamata.com/) - Situs Portal Matamata.com - E-mail gratis, shopping dengan informasi dan berita. Mega-Wedding.com (http://www.mega-wedding.com/) - Portal pernikahan Indonesia yang menyediakan informasi lengkap mengenai kebutuhan pernikahan. Disertai dengan berbagai fasilitas menarik & GRATIS.

Mimbar (http://www.mimbar.com/) - Situs portal jodoh, informasi hiburan, iklan gratis dan papan diskusi. MyQuran.Com (http://www.myquran.com/) - Portal Muslim Indonesia dan Gateway untuk Web Site Islam lainnya.

OnKlik (http://www.onklik.com/) - Portal web khusus untuk pengguna Internet Indonesia (yg berada di Indonesia atau berasal dari Indonesia). Onliner (http://www.on-liner.com/) - Situs gerbang dunia internet berupa search engine dan direktori. Oto.co.id (http://www.oto.co.id/) - Portal otomotif Indonesia. Otogenik (http://www.otogenik.com/) - Portal otomotif yang memberikan layanan pencarian dan transaksi suku cadang dan asesoris, artikel mobil dan motor, e-mail gratis, webhosting untuk toko, bengkel dan klub otomotif, chatting room, personalisasi halaman web dan reminder. Pelopor.com (http://www.pelopor.com/) - Portal website, Gratis Musik MIDI Indonesia, Gratis MP3, Gratis e-mail, Gratis info musik, Gratis Kartu Ucapan. OKB Club Indonesia – http://www.okbclub.com

co

Islamic Portal (http://www.hidayatullah.com/) - Hidayatullah.com - Situs berita dan portal khusus tentang Islam.

m

Griya2000.com (http://www.griya2000.com/) - Portal properti (perumahan) pertama di Indonesia, dengan virtual photo. Bila anda mencari hunian disinilah tempatnya. Bukan hanya jual beli properti ... kunjungi kami untuk lebih jelasnya.

menarik tentang perkembangan anak, kesehatan keluarga, kelainan jiwa, narkoba, dsb.

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

252

PortalAsuransi (http://www.portalasuransi.co.id/) - Portal paling lengkap khusus di bidang asuransi, meliputi info, berita, dan trend terbaru, direktori asuransi, kamus istilah asuransi, saran, UU asuransi. Semua-Gratis.com (http://www.semua-gratis.com/) - Portal situs gratis pertama di Indonesia. Iklan baris gratis, direktori, Pengaduan layanan masyarakat. Sekaligus.com (http://www.sekaligus.com/) - Portal Indonesia terlengkap: Berita, e-mail 6MB gratis, search engine, iklan baris, kartu ucapan, download musik MP3, Xdrive 25MB gratis, chatting, dan yang paling seru.... SHOPPING/BELANJA Online! Posmo.Com (http://www.posmo.com/) - Portal aktual 3 bahasa dari Surabaya. Dilengkapi Bahasa Inggris dan Jepang. Kelompok Oposisi, Grup Jawa Pos. Satunet.com (http://www.satunet.com/) - Portal terdahsyat di Indonesia dengan kecepatan akses yang lumayan.

Agar lebih jelas, berikut adalah contoh pendaftaran yang bisa dilakukan di situs portal Satunet.Com :

ww

w.
Gambar 7.6: Tampilan Situs Portal Satunet Gambar 7.7: Form pendaftaran untuk memasukkan link ke Satunet.Com

OK
253

BC

lu
3.

b.
1. 2.

co

Portal Info komputer (http://www.blacksystem.org/) - Portal berisi info terbaru mengenai komputer dan dunia cyber, juga free e-mail.

Sebagaimana dengan cara pendaftaran di situs iklan gratis, mendaftarkan diri di situs portal juga sangat mudah. Anda tinggal mengunjungi situs portalnya, mencari link dengan kata-kata seperti "Add URL", "Add Link", "Tambah URL" atau semacamnya, mengisi beberapa pertanyaan, menekan tombol "OK", "Tambah" atau "Setuju" dan beberapa detik atau menit kemudian situs Anda sudah masuk kedalam mesin pencari mereka!

Kunjungi situs portal Satunet di alamat http://www.satunet.com.

Masukkan kata apa saja kedalam kolom PENCARIAN (misalnya kata "homepage"), klik radio button 'Situs' dan setelah itu klik tombol "Cari". Langkah ini kita lakukan untuk memunculkan link "Tambah URL" karena dihalaman utama Satunet, link ini tidak ada. Beberapa detik kemudian akan muncul semua hal yang berhubungan dengan kata yang kita cari tadi. Gulung layarnya hingga posisi paling bawah. Anda akan melihat link "Direktori", "Tambah URL" dan "Ubah URL" di bagian tengah. Klik link "Tambah URL". Setelah itu akan muncul kolom-kolom isian yang bisa Anda isi apa saja.

m

Pontianak Online (http://www.pontianak-online.com/) - Portal kota Pontianak, antara lain berita mingguan, direktori e-mail/Url/alamat, informasi kota, iklan gratis, suvenir, belanja online dsb.

7.3.1 Mendaftar Ke Situs Portal Satunet

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

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

254

6.

7.

7.3.2 Mendaftar Ke Situs Portal Catcha.co.id

Pendaftaran di situs portal Catcha.co.id hampir mirip dengan cara pendaftaran di Satunet. Berikut adalah tahap-tahap yang harus Anda lakukan untuk mendaftar di catcha.co.id : 1. 2. 3. 4. 5. Kunjungi situs portal catcha di alamat http://www.catcha.co.id. Gulung layar utama hingga posisi paling bawah.

Klik link berlabel "Tambah URL" yang tampak pada menu bar kiri paling bawah.

OK
255

Isi kolom-kolom yang ada seperti cara pengisian form di Satunet. Setelah semua kolom terisi dengan benar, klik tombol "Submit Now".

6.

Pada titik ini, proses pendaftarannya telah selesai. Anda tinggal menunggu email dari catcha dan .... bereslah semuanya!

ww

w.

Beberapa detik kemudian akan muncul ucapan terima kasih dari catcha dan pernyataan bahwa Anda akan segera dikirimi pemberitahuan melalui e-mail setelah alamat situs Anda di validasi (gambar 7.8).

BC

lu

Setelah beberapa jam, coba cek apakah situs Anda telah masuk ke direktori portal Satunet. Masukkan judul pengumuman yang Anda masukkan pada langkah 4, klik radio button berlabel 'Situs' dan klik tombol "Cari". Jika alamat situs Anda telah divalidasi, maka Anda akan melihatnya pada tampilan yang muncul kemudian.

b.
Gambar 7.8: Tampilan setelah pendaftaran link di Catcha.Co.Id selesai

Beberapa detik kemudian akan muncul tulisan "Data URL Anda telah kami terima untuk kami Validasi. Terima kasih". Pada titik ini, proses pendaftaran sudah selesai. Tidak ada yang bisa kita lakukan kecuali menunggu atau lupakan saja beberapa saat (kadang bisa berjam-jam).

7.4 PROMOSI SITUS WEB MELALUI PERTUKARAN BANNER
Pertukaran banner (banner exchange) atau pertukaran link (link exchange) adalah salah satu cara promosi gratis yang cukup efektif untuk mempromosikan situs web. Melalui promosi ini Anda dapat meletakkan banner di sebuah server untuk disirkulasikan oleh sebuah program. Dengan menggunakan kode-kode HTML khusus yang diletakkan di halaman-halaman situs web para peserta promosi ini, banner-banner tersebut akan tampil secara bergantian. Pengunjung situs web yang mengklik banner tersebut akan diantarkan ke situs web pemilik banner yang bersangkutan. Saat ini, ada banyak penyelenggara program pertukaran banner baik dari dalam maupun luar negeri. Untuk versi internasional, Anda bisa menggunakan Linkexchange (http://www.linkexchange.com/), Linkbuddies (http://www.linkbuddies.com/), linkopp (http://www.linkopp.com) atau Smartclicks (http://www.smartclicks.com/). Dan kalau situs Anda berbahasa Indonesia dan hanya ingin dikunjungi oleh orang-orang Indonesia, Anda bisa menggunakan salah satu atau salah dua diantara penyelenggara pertukaran banner Indonesia dibawah ini:

co
OKB Club Indonesia – http://www.okbclub.com

5.

Isi kolom 'Deskripsi' dengan penjelasan singkat mengenai homepage Anda. Sesuaikan dengan isi tag <META NAME="Description" CONTENT="........"> yang ada pada halaman utama situs web Anda. Setelah alamat e-mail juga sudah diisi, klik tombol "Tambah".

m
256

4.

Isi kolom 'Title' dengan judul pengumuman yang Anda inginkan. Isi kolom 'URL' dengan alamat homepage Anda. Pilih 'Kategori' dengan kategori yang sesuai dengan isi situs homepage Anda (Anda bisa memilih satu dari berpuluh-puluh pilihan yang ada).

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

DRec Banner Exchange (http://www.drec.net/banner/) - Sarana Untuk Publikasi Situs Web Anda.

Emely.Net Banner Exchange (http://banner.emely.net/) - Emely.Net, penyedia jasa pertukaran banner di antara situs web Indonesia. Statistik lengkap, mudah, keamanan terjamin, kecepatan bagus.

OK
257

w.

IndoBanner (http://indobanner.internet.co.id atau http://www.indobanner.co.id) Layanan pertukaran banner independen pertama Indonesia dan merupakan hasil karya serta sumbangsih sekelompok kawula muda Indonesia bagi dunia Internet Indonesia. Layanan ini GRATIS. Jika Anda memiliki situs web dan ingin mendapatkan web advertising GRATIS, gunakan layanan ini. Layanan IndoBanner Exchange merupakan layanan gratis yang diberikan kepada pemilik website pribadi, organisasi nirlaba serta website yang menurut penilaian dapat diikutkan dalam layanan IndoBanner Exchange.

BC

Adplacer2000 (http://adplacer2000.hypermart.net/ads/ad-make.html) - Lebih baik dari banner exchange manapun. Anda akan mendapatkan link ke website anda yang ada di ribuan situs lain. Dan yang paling penting tidak ada banner exchange lain yang memberikan kesempatan bagi anda untuk mendapatkan ribuan Dollar sementara Anda mengiklankan produk atau jasa anda!

ww

lu

Indonesia ISP (http://www.infoasia.net.id/) - InfoAsia Online adalah ISP salah satu di Indonesia yang menyediakan jasa koneksi ke internet dengan kapasitas kecepatan 8 MB, menyediakan iklan gratis bagi para netter, dan pertukaran banner bagi website-website bisnis.

b.
Free Banner

CempakaPutih (http://www.cempakaputih.com/) - Sumber terbaik bagi Anda yang sedang membangun website. Dapatkan lebih dari 350 source code java & JavaScripts, CGI, script collections, sponsors, banner exchanges, URL Submissions, guestbooks, counters, trackers, Forum, Form, Message board, Search engine, Submit, date, time, anti right click, URL redirection, HTML editors, graphics software, Perl, PHP. Silahkan isi forum dulu dan semuanya Anda dapatkan secara GRATIS.

linkopp (http://www.linkopp.com/member/sn2823.htm) - Situs yang mengajak kita untuk bergabung bersama linkoop banner.

Terkenal (http://www.terkenal.com/) - Inilah wadah yang memungkinkan anda untuk saling bertukar banner dan mempromosikan situs anda secara gratis. Tukar menukar banner, sarana promosi/iklan gratis di internet.

7.4.1 Cara Mudah Memiliki Banner
Jika Anda berminat mengikuti program pertukaran banner, syarat utama dan mutlak yang harus Anda penuhi adalah bahwa Anda harus sudah memiliki banner sendiri! Banner berupa gambar statis atau animasi bisa dibuat dengan berbagai macam editor grafik seperti Paint Shop Pro, Adobe Photo Shop atau program khusus pembuat banner (banner creator) seperti yang ada di IndoClicks (http://www.indoclicks.or.id). Disitus ini Anda juga bisa menemukan banyak banner template yang unik-unik. Jika Anda tidak mau repot, Anda bisa meminta orang lain membuatkannya untuk Anda. Saat ini, ada beberapa situs yang menyediakan layanan pembuatan banner gratis untuk Anda. Yang perlu Anda lakukan hanyalah mengisi formulir atau mengisi buku tamu dan menjelaskan spesifikasi homepage Anda. Berikut adalah beberapa diantaranya:

(http://www.geocities.com/FashionAvenue/salon/3791/index.html) - Anda dapat memesan banner pada situs ini gratis. Cukup dengan memberikan spesifikasinya dan mereka akan membuatnya dengan sangat bagus (katanya).

co

Buana Musik Indonesia Banner Exchange (http://www.bmi.or.id/) - BMI Banner Exchange adalah sarana promosi website dengan menggunakan banner seperti halnya LinkExchange, silakan promosikan website Anda dengan menjadi member BMI Banner Exchange, Gratis!

m

Banner Indonesia (http://www.bannerindonesia.com/) - Layanan pertukaran banner (banner exchange) antar situs web Indonesia.

IndoClicks Banner Exchange (http://indoclicks.virtualave.net/ atau http://www.indoclicks.or.id/) - Layanan banner exchange gratis dengan banyak fasilitas. Account Name/User-ID bebas. Menerima segala jenis website. Multi banner. Multi halaman. Instant signup. Banner standar 468x60. Statistik harian. Display ratio 1:1. Technical support. Banner creator. Banner templates unik. Banner tools. Banner tips. Optimisasi banner. Mail form generator. Meta tags generator. URL submission. Newsletter. E-mail account gratis. Web hosting gratis. Webmasters resource dll.

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

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

258

7.4.2 Mendaftar ke BannerIndonesia.com
Pendaftaran ke situs penyedia program pertukaran banner umumnya cukup mudah. Pada sub bab ini, kita akan mencoba mendaftarkan diri ke BannerIndonesia, sebuah layanan pertukaran banner antar situs yang berorientasi bagi komunitas netter indonesia. Segera setelah Anda mendaftar menjadi anggota BannerIndonesia.com dan menyisipkan kode HTML unik yang diberikan khusus untuk Anda pada halaman web Anda, maka software BannerIndonesia.com akan merotasi banner banner milik situs para anggota lainnya melalui kode HTML tersebut. Demikian juga dengan para anggota yang lain, sehingga semua anggota yang telah mendapat kredit akan mendapat kesempatan banner situs yang bersangkutan dirotasikan/dipromosikan secara gratis.

Gambar 7.9: Baca peraturannya dengan baik sebelum mendaftar

ww

w.
Gambar 7.10: Form pendaftaran di BannerIndonesia.Com

OK
259

BC

lu
5.

b.
4.

1. 2. 3.

co

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 BannerIndonesia. Sebelum melakukan pendaftaran ini, pastikan bahwa Anda telah memiliki homepage yang telah aktif dan memiliki file gambar banner sendiri (gif atau jpg) dengan ukuran 468x60 pixel dam ukuran file tidak lebih dari 10 KB : Kunjungi situs Banner Indonesia di http://www.bannerindonesia.com. Klik link 'Gabung Sekarang' atau 'mendaftar'. Baca syarat dan peraturan yang ditampilkan. Jika sudah selesai, klik tombol "Saya Setuju. Daftarkan Sekarang" (gambar 7.9). Berikutnya akan ditampilkan form pengisian nama account dan kode password yang akan diperlukan nanti saat kita ingin mengedit data, mengirim banner, melihat statistik dll. Isilah dengan Nama dan Password yang Anda inginkan dan klik tombol "Cek Untuk Proses Selanjutnya". Jika nama yang Anda masukkan belum ada yang menggunakan, sebentar kemudian akan muncul form isian yang berhubungan dengan account Anda. Beberapa kolom yang harus diisi adalah Nama, Alamat e-mail, Alamat Situs Anda, kategori dimana banner Anda ingin dimunculkan (anak, khusus, umum) dan kategori situs Anda sendiri. Setelah semuanya diisi, klik tombol "Tambah/Ubah Account".

m

Animasi Gratis Untuk Web (http://www.geocities.com/alfin70) – Anda ingin dibuatkan banner atau animasi graphics gratis? Silahkan isi buku tamu di situs ini dan kirim e-mail pada pengelolanya!

Untuk mendapatkan kredit, setiap 2 banner anggota lain ditampilkan di situa Anda, Anda akan mendapat 1 kredit yang bisa digunakan untuk menampilkan banner Anda 1 kali di situs anggota yang lain. Statistik jumlah kredit dan klik yang anda dapat bisa diakses melalui ruang anggota.

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

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

260

6.

7.

Selain melakukan "Copy & Paste" untuk menyisipkan kode HTML, Anda juga dapat melakukan upload banner. Gulung layar status account sampai bawah, kemudian klik tombol "Edit Account Anda".

8.

w.

Pada tampilan yang muncul kemudian, gulung layar sampai bawah. Klik tombol "Browse" untuk mencari file banner Anda di HardDisk dan klik "Upload Banner" (gambar 7.11). Pada titik ini, proses pendaftaran ke BannerIndonesia sudah selesai. Anda tinggal meng-upload halaman web Anda yang telah disisipi kode-kode HTML diatas ke server sehingga sambil menunggu pemberitahuan persetujuan, Anda bisa mulai mengumpulkan kredit. Nanti setelah mendapat persetujuan melalui e-mail, pada saat itu juga banner Anda akan mulai di

OK
261

<!-- Begin Banner Indonesia Network Code --> <P><CENTER><IFRAME SRC="http://members.bannerindonesia.com/ umum.cgi?iframe;member=serba-gratis" MARGINWIDTH=0 MARGINHEIGHT=0 HSPACE=0 VSPACE=0 FRAMEBORDER=0 SCROLLING=NO WIDTH=468 HEIGHT=60><SCRIPT LANGUAGE="JavaScript"><!-random = parseInt(Math.random()*1000) banner = '<A HREF="http://members. bannerindonesia.com/umum.cgi? member=serba-gratis;banner=NonSSI; ' banner += 'page=' + random + '" TARGET="_blank">'; banner += '<IMG SRC="http://members.bannerindonesia.com/umum.cgi?member= serba-gratis;' banner += 'page=' + random + '" WIDTH=468 HEIGHT=60' banner += ' ALT="Banner Indonesia Network" BORDER=0></A>' document.write(banner) // --></SCRIPT> <NOSCRIPT><A HREF="http://members.bannerindonesia.com/umum.cgi? member=serba-gratis;banner=NonSSI;page=01" TARGET="_blank"><IMG SRC="http://members.bannerindonesia.com/umum.cgi?member=serb a-gratis;page=01" WIDTH=468 HEIGHT=60 ALT="Banner Indonesia Network" BORDER=0></A></NOSCRIPT></IFRAME><BR><A HREF="http://www.bannerindonesia.com/" TARGET="_blank"><IMG SRC="http://members.bannerindonesia.com/bar.gif" WIDTH=468 HEIGHT=15 ALT="Banner Indonesia Network" BORDER=0></A></CENTER> <!-- End Banner Indonesia Network Code -->

BC

9.

ww

lu
Gambar 7.11: Proses upload banner yang ingin dipertukarkan melalui BannerIndonesia.Com

b.
7.5 MEMANFAATKAN SEARCH ENGINE
Untuk mendapatkan hit rate pengunjung yang tinggi, semua upaya promosi situs web harus gencar dilakukan. Selain dengan cara-cara yang telah dijelaskan diatas, cara lain yang juga sangat efektif adalah dengan mendaftarkannya ke mesin-mesin pencari (search engine) baik lokal, seperti Search Indonesia (http://www.searchindonesia.com) atau Betawi Net (http://cikini.betawi.net/) maupun internasional seperti yahoo, altavista atau infoseek.

7.5.1 Memburu Search Engine
Pada saat buku ini ditulis, di internet diperkirakan ada lebih dari 2500 search engine yang sebagian besar diantaranya mengijinkan kita untuk memasukkan URL baru kedalamnya. Berikut adalah sebagian kecil diantaranya. Jika masih kurang, Anda bisa mengunjungi salah satunya dan memasukkan kata "search engine" sebagai kata kunci pencarian :

co
OKB Club Indonesia – http://www.okbclub.com

Setelah itu akan ditampilkan status account Anda saat ini. Didalamnya juga terdapat statistik dan pesan "(Account ini masih menunggu persetujuan pengawas Banner Indonesia.)" yang berarti bahwa meski sudah terdaftar, tetapi account Anda masih belum aktif. Sambil menunggu persetujuan yang akan diberitahukan melalui e-mail, Anda bisa mulai menyalin kode-kode HTML yang harus Anda sisipkan pada halaman web Anda (kode juga akan dikirim melalui e-mail). Kode-kode HTML itu akan tampak seperti berikut (memang agak rumit, tetapi Anda tidak perlu pusing memikirkannya, yang Anda perlukan hanyalah melakukan "Copy & Paste" saja) :

m

rotasikan ke anggota-anggota yang lain sesuai dengan kredit yang Anda dapatkan.

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

262

SEARCH ENGINE
Adnet Ah-ha Alldeal AltaVista arkesini Anzwers Asiaco asiannet Asia Search Batavianet canada.com Cihuy Claymont Crawler Dewa Direct Hit DMOZ Donhey Euroferret Excite Findit Funkycat G.O.D Go Go2Net Google GottaBounce HotBot Indo Center Indoseek Info Tiger Infohiway Infoseek Lycos Magellan Mamma MSN.com Mugomilk

ALAMAT UNTUK MENDAFTARKAN URL
http://www.theadnet.com/ http://www.ah-ha.com/addurl/ http://www.alldeal.com/add_site/ http://www.altavista.com/cgi-bin/query?pg=addurl http://www.arkesini.com/links/links.htm http://www.anzwers.com/cgi-bin/print_addurl.pl? http://search.asiaco.com/cgi-bin/addurl.cgi http://www.asiannet.com/joinus.html http://expatsinasia.safeshopper.com/ http://www.batavianet.co.id/addurl.html http://www.canada.com/search/web/addurl.asp http://exim.access.net.id/irwan/websearch/add-url.html http://www.claymont.com/cgi-bin/addurlsform.pl http://www.crawler.com/ http://www.dewa.com/submit/ http://www.directhit.com/util/addurl.html http://dmoz.org/add.html http://donhey.hypermart.net/algemeen/inschr.htm http://www.euroferret.com/addurl.html http://www.excite.com/info/add_url.html http://users.cgiforme.com/findit/addurl.html http://www.funky-cat.com/webmasters.asp http://www.god.co.uk/add.htm http://www.go.com/AddUrl?&pg=SubmitUrl.html http://www.go2net.com/help/faq/add-url.html http://www.google.com/addurl.html http://www.gottabounce.com/cgi-bin/links/add.cgi http://www.hotbot.com/addurl.asp http://www.indocenter.co.id/add.html http://www.indoseek.co.id/add.html http://www.infotiger.com/addurl.html http://www.infohiway.com/isn/addurl.html http://infoseek.go.com/AddUrl?pg=SubmitUrl.html http://www.lycos.com/addasite.html http://magellan.excite.com/info/add_url/ http://webfarm.mediaplex.com/click_thru_request/206-1306-1227 http://search.msn.com/addurl.asp http://www.mugomilk.freeserve.co.uk/html/addsite.html

w.
263

OK

BC

National Directory Nerd World Net Announce! NetBreach Netfind.aol.com NetGL NetSearch Northern Light Pandawa peekaboo projectcool Power Crawler Planet Search Profusion Proteus PureSearch Scrub The Web Seaquest Search Hound Search King Search Spot Search UK
searchindonesia.com searchindonesia.net

ww

Searching 4U Site@shack Spider Hog Splat ShopInternet Super Snooper Surfgopher Teledom Voila Web2Search WebCrawler Webmaster Network Whatuseek World Light Yahoo Youth of America

http://www.nationaldirectory.com/cgi-bin/addurl http://www.nerdworld.com/nwadd.html http://www.erspros.com/net-announce/content.phtml http://www.netbreach.com/addurl/ http://netfind.aol.com/add.adp http://www.netgl.com/netglance/link.html http://198.80.94.66/cgi-bin/search.pl?AddSite=prompt http://www.northernlight.com/docs/regurl_help.html http://www.pandawa.com/arjuna/add.cgi http://www.peekaboo.net/index1.html http://www.projectcool.com/sightings/submit.html http://www.powercrawler.com/addurl.cfm http://www.planetsearch.com/?a=19&flags=3&count=10 http://profusion.com/users/sitesee.html http://www.thrall.org/proteus/urlsub.htm http://www.puresearch.com/addasite.html http://www.scrubtheweb.com/addurl.html http://seaquest.kusza.edu.my/cgi-bin/add.cgi http://www.searchhound.com/Pages/submit.htm http://www.searchking.com/add.htm http://www.searchspot.com/info/suggest_site.htm http://url.searchuk.com/ http://207.153.207.5/cgi-bin/links/add.cgi http://207.153.241.40/cgi-bin/silinks/add.cgi http://www.searching4u.com/links/links.htm http://www.siteshack.com/submit.htm http://www.spiderhog.com/addurl.htm http://www.splatsearch.com/submit.html http://www.ro.com/ShopInternet/submit.html http://supersnooper.com/AddURL.htm http://www.surfgopher.com/addurl.htm http://www.teledom.net/add.shtml http://www.voila.com/Info/addsite.html http://www.websearch2k.com/cgi-bin/search/search.pl http://www.webcrawler.com/Help/GetListed/AddURLS.html http://wmn.linkopp.net/cgi-bin/add.cgi http://www.whatuseek.com/noshock/addurl-tableset.shtml http://www.worldlight.com/addsite.html http://www.yahoo.com/info/suggest/ http://youthofamerica.org/webchain/addurl.htm

lu

b.

co

m

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

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

264

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 : Alta Vista ComFind Excite Hotbot Infoseek Lycos Netscape Search Northern Light Planet Search Pronet The YellowPages - http://www.altavista.digital.com/ - http://comfind.com/ - http://www.excite.com/ - http://www.hotbot.com/ - http://www.infoseek.com/ - http://www.lycos.com/ - http://home.netscape.com/ - http://www.northernlight.com/ - http://www.planetsearch.com/ - http://www.pronet.ca/ - http://theyellowpages.com/

BC
265

lu
Gambar 7.12: Tampilan situs Register-It.Com Gambar 7-13: Form pendaftaran ke 12 Search Engine sekaligus

Jika Anda mendaftar ke IndoBanner (http://www.indobanner.co.id), Anda akan diberi hak akses ke "website promotion tools" mereka. Dengan tool ini Anda akan dapat mendaftarkan situs web Anda ke search engine/internet directory nasional, mendaftarkan situs web Anda ke search engine/internet directory internasional dan juga dapat memeriksa posisi situs web Anda di search engine utama internet.

WebCrawler
1. 2. 3. 4.

- http://www.webcrawler.com/

ww

Kunjungi situs Register-It di http://www.register-it.com/. Klik link '!Register-It!' yang berada dibawah label "Services". Anda akan masuk ke tampilan 'Web Site Garage Sign In'. Klik tombol "Join". Setelah itu akan muncul formulir NetCenter Registration. Isilah formulir pendaftaran dengan lengkap dan klik tombol "Next". Jika semua isian Anda benar, Anda akan mendapat alamat e-mail baru dengan alamat NamaAnda@netscape.net. Jika ada yang salah Anda harus mengulanginya lagi pada bagian yang salah tersebut.

w.

OK

b.

co

Ada beberapa cara untuk melakukan pendaftaran URL ke search engine, misalnya dengan mengunjunginya satu persatu dan melakukan pendaftaran satu persatu. Cara ini memang membutuhkan kesabaran yang lumayan. Untungnya, ada cara lain yang lebih efektif, yaitu dengan mengunjungi situs-situs tertentu yang sekaligus akan mendaftarkan kita pada beberapa search engine sekaligus, seperti Submit-It misalnya. Atau menggunakan fasilitas khusus yang ditawarkan oleh suatu situs tertentu seperti IndoBanner.

6.

m

7.5.2 Mendaftar ke 12 Search Engine Besar di Internet

5.

Klik tombol "Next". Setelah itu akan muncul tampilan pintu masuk ke Web Site Garage. Karena kita belum terdaftar, klik link berlabel 'Click here' dibelakang teks "If you do not have a Web Site Garage account...". Pada tampilan "A Web Site Garage account for ...... has been created. " Klik tombol "Next". Anda akan masuk ke ruang pendaftaran ke 12 search engine yang sesungguhnya.

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

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

266

OK
267

Gambar 7.14: Tampilan setelah pendaftaran di Register-It selesai

BC
Gambar 7.15: Counter gratis yang disediakan saat mendaftar di Regiser-It

8.

9.

w.

Jika pada langkah 7 diatas Anda mengklik penawaran Hitometer, maka setelah Anda menekan tombol "Next", akan keluar opsi dimana Anda harus memilih tipe counter dan angka awal counter-nya. Klik tombol "Next", lalu klik tombol "Next" lagi pada tampilan berikutnya. Beberapa saat kemudian akan muncul sederet kode HTML yang harus Anda sisipkan pada halaman web Anda untuk menampilkan counter. Kode-kode itu akan tampak seperti berikut (catat bahwa Anda akan mendapat kode sendiri setelah mendaftar) :
<HTML> <HEAD> <TITLE> title of your page </TITLE> </HEAD> <BODY> ...............

ww

lu
10. Klik "Exit" jika telah selesai. Pada titik ini, proses registrasinya telah selesai. Situs Anda telah didaftarkan pada 12 search engine besar di Internet! Tetapi untuk melihat hasilnya, Anda harus menunggu dari beberapa jam hingga beberapa hari kemudian karena proses pemasukan data ke database search engine besar yang berisi puluhan juta entry memang lama. 11. Setelah beberapa hari, Anda dapat melakukan verifikasi terhadap mesinmesin pencari yang didaftari dengan cara login ke register-it dan masuk ke bagian 'member service'.

b.

co

m

7.

Isilah data-data mengenai situs homepage Anda dengan sebaik-baiknya, karena ini akan menentukan hasil pencarian situs Anda saat di 'search' dengan ke 12 search engine diatas. Hal-hal yang perlu Anda perhatikan lebih seksama adalah pada bagian nama situs, keterangan singkat/keterangan panjang, keyword-nya, nama 'contact personnya' dan semua hal yang menjelaskan tentang homepage Anda. Register-It juga menyediakan counter gratis yang mereka sebut Hitometer. Jika Anda berminat, klik check box dibawah kelompok "Special Offer", disamping teks "Click here to get a FREE Hitometer with your Registration". Setelah semuanya diisi dengan benar, klik tombol "Next" dan akan muncul tampilan seperti tampak pada gambar 7.14.

............... <!-- BEGIN HITOMETER TAG VERSION 2 --> <A HREF="http://hitometer.netscape.com"> <script language="JavaScript1.1"><!-d=document;c='<img WIDTH=115 HEIGHT=22 border=0 '+ 'src="http://i89.netscape.com/c.cgi?A4636789$3673773$'; if(parseFloat(navigator.appVersion)>=4){x='x';s=screen; c+=s.width+x+s.height+x+s.pixelDepth+x+s.colorDepth;} d.writeln(c+'$'+d.referrer+'"></A>'); // --> </script><noscript><img WIDTH=115 HEIGHT=22 border=0 src="http://i89.netscape.com/c.cgi?B4636789$3673773" alt="Hitometer"></A></noscript> <!-- END HITOMETER TAG ( WWW.HITOMETER.COM ) --> ............... ............... </BODY> </HTML>

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

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

268

BAB 8

OK

Seiring dengan banyaknya ide dan kreatifitas yang bisa diangkut ke internet, maka hampir semua hal bisa kita arahkan untuk mendapatkan keuntungan darinya. Setelah berhasil menyelesaikan dan mempraktekkan langkah 1 hingga langkah 7 buku panduan ini, sesungguhnya Anda telah menyelesaikan sebuah karya besar yang mungkin bisa merubah hidup Anda. Pengetahuan dan pengalaman yang Anda dapatkan sudah bisa digunakan sebagai modal kerja yang lebih dari cukup. Anda tinggal menumpahkan semua ide dan kreatifitas Anda untuk ikut bergabung mengeruk keuntungan yang berlimpah dari dunia internet.

ww

Bab ini atau langkah bonus ini hanyalah tambahan, tidak harus Anda jadikan kewajiban untuk menyelesaikannya. Akan tetapi jika Anda mau menyempatkan diri untuk membacanya, maka banyak hal akan Anda peroleh sebagai bekal menjadi WebMaster, bukan sekedar WebDesainer! Anda akan mendapatkan banyak trik untuk memberdayakan internet lebih banyak lagi. Misalnya, bagaimana menggunakan situs web untuk mendapatkan uang, bagaimana cara menyingkat alamat situs web gratis Anda, bagaimana menghilangkan iklan banner yang tidak diinginkan, bagaimana memproteksi file html agar tidak bisa dilihat

w.

BC

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

269

lu

LANGKAH BONUS: TIP & TRIK - MENGGALI FASILITAS GRATIS DAN PROFIT SEBANYAKBANYAKNYA DARI INTERNET !

b.

Beberapa situs penyedia homepage gratis memang menyediakan alamat homepage yang mudah diingat dan unik, misalnya http://ita.sokimut.com atau http://nanang.malasmandi.com. Akan tetapi bagaimana kalau Anda terlanjur memiliki alamat homepage yang sangat panjang seperti "http://www.geocities.com/ResearchTriangle/6018/index.html" misalnya? Jangan khawatir, Anda bisa memanfaatkan layanan gratis untuk memperpendek penyebutan alamat homepage diatas dengan apa yang disebut URL redirection. Dengan URL redirection, alamat homepage Anda akan menjadi jauh lebih pendek dan mudah diingat misalnya menjadi "http://come.to/serba-gratis" atau "http://gratis.isfun.net". Selain itu, jika sewaktu-waktu homepage Anda down atau lebih parah lagi, keanggotaan Anda dicabut, Anda tinggal mengganti tujuan direction-nya saja ke alamat homepage Anda yang lain. Sehingga dari sisi pengunjung, tidak tampak terjadi apa-apa di homepage Anda! 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! Berikut adalah sebagian penyedia layanan URL redirection yang bisa Anda manfaatkan :

cjb.net (http://www.cjb.net/) – Menyediakan URL redirection dengan nama "http://terserah_anda.cjb.net". CJB.net adalah layanan URL redirection tanpa iklan. Selain CJB.net, situs penyedia URL redirection tanpa iklan lainnya adalah iods (http://www.ods.org/), eu (http://www.eu.org/), hpage (http://hpage.net/), w56 (http://w56.org/) dan da.ru (http://da.ru/) Easy.to Remember (http://easy.to/REMEMBER/) - Menyediakan URL redirection dengan nama "http://easy.to/terserah_anda", "http://i.am/terserah_anda", "http://hello.to/terserah_anda", "http://hey.to/terserah_anda", "http://pagina.de/terserah_anda", "http://w3.to/terserah_anda" dan "http://messages.to/terserah_anda"

co

8.1 MEMPERPENDEK ALAMAT SITUS WEB

m

orang lain, bagaimana memperoleh nama “http://www.terserah_anda.com" gratis dan lain sebagainya.

domain

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

270

Come.to (http://come.to/) – Menyediakan URL redirection dengan nama "http://come.to/terserah_anda" Direct.at (http://www.direct.at/) – Menyediakan URL redirection dengan nama "http://direct.at/terserah_anda" Explode.to (http://explode.to/) – Menyediakan URL redirection dengan nama "http://explode.to/terserah_anda" Gonow.to (http://gonow.to/) - Menyediakan URL redirection dengan nama "http://gonow.to/terserah_anda" InternetJump (http://www.internetjump.com/) - Menyediakan URL redirection dengan nama "http://go.quick.to/terserah_anda" dan banyak pilihan lain (ada 126 nama), yaitu go.just.to, go.easier.to, go.across.to, go.swiftly.to, go.easily.to, go.quicker.to, go.safely.to, go.securely.to, jump.quick.to, jump.just.to, jump.easier.to, jump.across.to, jump.swiftly.to, jump.easily.to, jump.quicker.to, jump.safely.to, jump.securely, come.quick.to, come.just.to, come.easier.to, come.across.to, come.swiftly.to, come.easily.to, come.quicker.to, come.safely.to, come.securely.to, surf.quick.to, surf.just.to, surf.easier.to, surf.across.to, surf.swiftly.to, surf.easily.to, surf.quicker.to, surf.safely.to, surf.securely.to, move.quick.to, move.just.to, move.easier.to, move.across.to, move.swiftly.to, move.easily.to, move.quicker.to, move.safely.to, move.securely.to, link.quick.to, link.just.to, link.easier.to, link.across.to, link.swiftly.to, link.easily.to, link.quicker.to, link.safely.to, link.securely.to, pass.quick.to, pass.just.to, pass.easier.to, pass.across.to, pass.swiftly.to, pass.easily.to, pass.quicker.to, pass.safely.to, pass.securely.to, skip.quick.to, skip.just.to, skip.easier.to, skip.across.to, skip.swiftly.to, skip.easily.to, skip.quicker.to, skip.safely.to, skip.securely.to, hop.quick.to, hop.just.to, hop.easier.to, hop.across.to, hop.swiftly.to, hop.easily.to, hop.quicker.to, hop.safely.to, hop.securely.to, zoom.quick.to, zoom.just.to, zoom.easier.to, zoom.across.to, zoom.swiftly.to, zoom.easily.to, zoom.quicker.to, zoom.safely.to, zoom.securely.to, warp.quick.to, warp.just.to, warp.easier.to, warp.across.to, warp.swiftly.to, warp.easily.to, warp.quicker.to, warp.safely.to, warp.securely.to, browse.quick.to, browse.just.to, browse.easier.to, browse.across.to, browse.swiftly.to, browse.easily.to, browse.quicker.to, browse.safely.to, browse.securely.to,

isCool (http://iscool.net/) – Menyediakan URL redirection dengan nama "http://terserah_anda.isCool.net", "http://terserah_anda.areCool.net", "http://terserah_anda.isFun.net", "http://terserah_anda.areFun.net", "http://terserah_anda.isAwesome.net", "http://terserah_anda.tux.nu" atau "http://terserah_anda.areAwesome.net"

w.

OK
271

ww

BC

lu

b.

Monolith (http://www.ml.org/) - Menyediakan URL redirection dengan nama "http://terserah_anda.home.ml.org" My URL (http://www.online-xs.com/myurl/index.htm) - Menyediakan URL redirection dengan nama "http://terserah_anda.online-xs.com" Rsl.net (http://www.rsl.net/) - Menyediakan URL redirection dengan nama "http://rsl.net/terserah_anda" TheGovernment.com (http://www.thegovernment.com/) - Menyediakan URL redirection dengan nama "http://dial.to/terserah_anda" atau "http://terserah_anda.dial.to". Selain itu juga menyediakan statistik situs web lengkap. Selain dial.to, TheGovernment juga menyediakan banyak nama domain lain, yaitu: reflect.to, falling.to, flap.to, okey.to, yeah.to, arise.to, glance.to, dial.to, bike.to, tumble.to, jolt.to, scout.to, leaping.to, honk.to, spank.to, offer.to, movie.am, gifts.am, city.am, sell.am, buy.am, help.am, games.am, welcome.as, born.as, clever.as, lovely.as, brave.as, smooth.as, hip.as, funny.as, cheerful.as, happy.as, playful.as, drive.as, powerful.as, sing.as, jump.as, play.as, noble.as, rap.as, dark.as, cold.as, warm.as, gentle.as, heroic.as, pure.as, blackuniverse.com, crazydude.com, cyberdude.com, darkhole.com, electrocuted.com, fbiagent.com, game-genie.com, lastsale.com, lostland.com, mreinstein.com, mrlover.com, punched.com, stupids.com, taxhater.com, thedreamer.com, thegovernment.com atau thespaceship.com There.is (http://there.is/) – Menyediakan URL redirection dengan nama "http://there.is/terserah_anda" V3 (http://www.v3.com/) - Menyediakan URL redirection dengan nama "http://go.to/terserah_anda" dan alamat e-mail "terserah_anda@go.to". Selain itu, Anda juga bisa memilih nama lain seperti on.to, get.to, run.to, fly.to, come.to, move.to, surf.to, welcome.to, page.to, change.to, switch.to, OKB Club Indonesia – http://www.okbclub.com

co

Cruzin.To (http://www.cruzin.to/) – Menyediakan URL redirection dengan nama "http://cruzin.to/terserah_anda serta layanan alamat email dengan nama "terserah_anda@cruzin.to"

m

Click-on.to (http://click-on.to/) - Menyediakan URL redirection dengan nama "http://click-on.to/terserah_anda"

connect.quick.to, connect.just.to, connect.easier.to, connect.across.to, connect.swiftly.to, connect.easily.to, connect.quicker.to, connect.safely.to, connect.securely.to, proceed.quick.to, proceed.just.to, proceed.easier.to, proceed.across.to, proceed.swiftly.to, proceed.easily.to, proceed.quicker.to, proceed.safely.to atau proceed.securely.to

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

272

Gambar 8.1: Penyedia layanan URL-Redirection V3

OK
273

VDirect (http://www.vdirect.com/) - Menyediakan URL redirection dengan nama "http://terserah_anda.vdirect.com" plus statistik pengunjung. Selain itu Anda juga akan mendapat alamat e-mail "terserah_anda@vdirect.com" WebAlias.com (http://webalias.com/) - Menyediakan URL redirection dengan nama "http://browser.to/terserah_anda" atau "http://terserah_anda.browser.to". Selain itu juga ada banyak nama lain seperti

w.

BC

ww

lu

b.

scroll.to, window.to, browse.to, redirect.to, back.to, forward.to, walk.to, travel.to, transfer.to, connect.to, dive.to, bowl.to, jump.to, drop.to, drive.to, board.to, listen.to, zap.to, fade.to, talk.to, how.to, turn.to, quickly.to, bounce.to, hop.to, kiss.to, zip.to, bite.to, drink.to, crash.to, snap.to, skip.to, fullspeed.to, i.am, easy.to, flying.to, hello.to, hey.to, messages.to, vacations.to, w3.to, warp9.to, beam.at, been.at, start.at, direct.at, all.at, getit.at, more.at, break.at, mine.at, everything.at, yours.at, top.ms, seite.ms, privat.ms, hp.ms, germany.ms, fun.ms, fanclub.ms, chip.ms, gameday.de, playsite.de, virtualpage.de, mediasite.de, megapage.de, firstpage.de, mysite.de, videopage.de, musicpage.de, hard-ware.de, soft-ware.de, tip.nu, notrix.at, notrix.ch, notrix.net, notrix.de, pagina.de, mypage.org, rulestheweb.com, nav.to atau shortcut.to

Zooming.to (http://www.zooming.to/) – Menyediakan URL redirection dengan nama "http://zooming.to/terserah_anda" plus statistik.

8.2 MELENYAPKAN IKLAN DARI SITUS WEB GRATIS
Salah satu hal yang tidak menyenangkan dari sebagian besar penyedia layanan situs web gratis adalah munculnya iklan-iklan yang secara otomatis disisipkan saat homepage kita dibuka. Ini jelas mengganggu, membuat tampilan homepage menjadi kurang profesional dan terutama memperlambat akses. Tidak ada cara lain yang bisa dilakukan untuk melenyapkan iklan-iklan ini kecuali dengan trik khusus.

Trik ini mengharuskan Anda untuk memahami html lebih baik. Karena itu sebaiknya Anda mempelajari langkah ke-3 hingga tuntas. Jika Anda hanya belajar membuat homepage dengan html editor jenis WYSIWYG saja, implementasi trik ini kemungkinan besar akan membuat Anda bingung. Ini terjadi karena trik ini melibatkan kode-kode "tidak normal" yang selalu akan dibuat "normal" kembali secara otomatis oleh editor WYSIWYG (What You See Is What You Get) seperti FrontPage98/2000 atau Adobe PageMill misalnya. Akan tetapi bagi Anda yang terbiasa mendesain homepage menggunakan editor html biasa seperti HomeSite, 1st Page2000 atau bahkan Notepad, implementasi trik ini sangat mudah diterapkan.

8.2.1 Mengapa iklan perlu dilenyapkan?
Ada banyak alasan mengapa kita ingin melenyapkan iklan yang biasanya muncul di situs homepage gratis. Berikut adalah beberapa diantaranya: Untuk membuat webmaster amatir seperti kita dapat mengendalikan tampilan homepage sepenuhnya.

co

return.to, way.to, got.to, stop.to, sail.to, escape.to, learn.to, fun.to, remember.to, up.to, thrill.to, resourcez.com, latest-info.com, radpages.com, sportsreports.com, iMegastores.com, andmuchmore.com, web-freebies.com, webdare.com, veryweird.com, tophonors.com, fornovices.com, webalias.com, myprivateidaho.com, moviefever.com, mp3-archives.com. Juga menyediakan redirection untuk situs khusus dewasa seperti hottestpix.com, xxx-posed.com dan uncutuncensored.com

m

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

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

274

• • •

Biasanya server gratis sudah lambat tanpa iklan, apalagi dengan iklan! Kita sebagai webmasters yang telah mempublikasikan iklan-iklan mereka tidak mendapat bayaran sesenpun! Saat ini di internet ada banyak software yang dapat digunakan untuk memblokir iklan (lihat sub bab setelah ini). Akan tetapi dengan trik menghilangkan iklan yang akan kita bahas dalam sub bab ini, pengunjung situs web tidak membutuhkan software-software seperti itu lagi.

KillAd (http://wwwwin.wplus.net/pp/fsc/) – Sebuah utility untuk membersihkan browser dari jendela pop-up iklan. Freeware. Internet Junkbuster (http://www.junkbusters.com/ht/en/) – Adalah sebuah program proxy yang dapat dikonfigurasi untuk memblok iklan. Freeware.

8.2.2 Melenyapkan Iklan Dengan Program Khusus
Dari sisi user/pengunjung situs web, melenyapkan iklan banner/pop-up hanya bisa dilakukan dengan program khusus pemblokir iklan. Dengan program ini, user tidak akan lagi dipameri iklan-iklan menyebalkan yang tidak ia minta. Tidak perlu lagi menutup jendela-jendela pop-up yang seringkali menutupi homepage aslinya. Dengan program pelenyap iklan banner/pop-up, akses internet Anda bisa menjadi bertambah cepat dan acara surfing Anda menjadi lebih nyaman. Program-program semacam ini bertebaran di internet (asal tahu alamatnya saja) dan bisa di download gratis. Berikut adalah beberapa diantaranya.

BC

lu

b.

Ad Buster (http://lide.punknet.cz/miri/adbuster.html) – Program freeware untuk memblokir iklan.

Untuk :: Linux/Unix ::
Adzapper (http://apps.freshmeat.net/homepage/934180466/) – Secara otomatis bisa merubah iklan menjadi .GIF transparan ! Internet Junkbuster (http://www.junkbuster.com/) – Memblok iklan banner yang tidak diinginkan serta melindungi privacy Anda. LeanWeb (http://www.clasohm.com/leanweb/) – Proxy membongkar bagian user-defined dari halaman web. HTTP untuk

FilterProxy (http://draal.physics.wisc.edu/FilterProxy/) – Pemblokir proxy gratis. Hanya disarankan untuk pemakai tingkat lanjut.

OK
275

Untuk :: Win9x dan NT ::

Catatan: Daftar program pemblokir iklan lebih lengkap bisa dilihat di 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
Jika dari sisi pengunjung iklan pop-up/banner bisa dilenyapkan dengan program khusus, maka dari sisi webmaster atau pemilik situs homepage, iklan bisa dihilangkan dengan menyusun kode dengan teknik tertentu. Kode-kode ini bisa digunakan untuk memaksa browser mengabaikan iklan pop-up. Teorinya sederhana saja. Iklan pop-up selalu dibuat dengan kode javascript, karena itu jika kita mengelilingi tempat dimana server secara otomatis

WebWasher (http://www.webwasher.de/) – WebWasher adalah sebuah proxy yang mem-blok iklan dengan banyak opsi. Freeware.

ww

w.

AdSubtract (http://www.adsubtract.com/) – Program pembongkar iklan. Ada versi freeware dan versi komersial.

co

Kita dan terutama pengunjung situs web kita sudah bosan melihat iklan-iklan yang tidak diminta dan seringkali memaksa kita untuk selalu menutup jendela-jendela pop-up berisi iklan yang tidak ingin kita lihat.

NoAds (http://www.firase.com/) – Secara otomatis bisa menutup pop-up dangan daftar pop-up yang diupdate dari Internet. Shareware.

m

Untuk menampilkan iklan kita sendiri yang telah dirampas oleh penyelenggara free webspace.

ZoneAlarm (http://www.zonelabs.com/) – Mengendalikan program apa saja yang bisa digunakan untuk akses internet, sebagai pengaman komputer yang selalu terhubung ke internet. Freeware.

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

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

276

Lihat contoh penggunaan tag <NOSCRIPT> berikut :
<!-- Awal kode //--> <NOSCRIPT> <BODY> // Server akan menyisipkan kode mereka tepat sebelum atau sesudah tag <body>, sehingga rutin javascript apapun akan diabaikan! </NOSCRIPT>

8.2.4 Membongkar Iklan Pop-up Dengan SuperScript

Beberapa penyelenggara free webspace mengatasi trik penggunaan tag <NOSCRIPT> yang kita lakukan diatas dengan menyisipkan tag </NOSCRIPT> diarea sebelum mereka akan menyisipkan kode pop-up iklan. Hal ini bisa kita atasi lagi dengan memanfaatkan tag <META> yang ditulis tidak lengkap (tanpa penutup). Perhatikan contoh berikut :
<HTML> <META popupssuck=" <HEAD> <TITLE>Judul Homepage Anda</TITLE> </HEAD> <BODY> <!-- Isi Homepage Anda -->

ww

Cara lain untuk mengatasi server yang menerapkan metoda Anti-Anti javascript (Anti-nya 2 kali) adalah dengan trik "JawaScript". Jika server menyisipkan tag </NOSCRIPT> sebelum pop-up dimunculkan, maka hal ini membuat trik dengan teknik <NOSCRIPT> menjadi tidak bekerja. Akan tetapi jika kita menyisipkan tag 'unik' seperti ini '<SCRIPT LANGUAGE="JawaScript">' (Perhatikan! Kita menggunakan "JawaScript" bukan "JavaScript" dan ini

OK
277

w.

BC

lu

<!-- Awal kode //--> <NOSCRIPT> <!-- <BODY> --> // Ini adalah tag perangkap. Bisa juga diletakkan diawal tag <HEAD> </NOSCRIPT> <TITLE>Judul Homepage Anda</TITLE> </HEAD> <BODY> // Ini adalah tag <BODY> yang sesungguhnya!

b.

Contoh penggunaan tag "<!—" & "-->" (tag komentar) :

Teknik yang digunakan oleh penyelenggara free webspace untuk menyisipkan iklan bisa bermacam-macam. Tetapi SuperScipt dibawah ini bisa Anda gunakan untuk membongkar iklan pop-up pada hampir semua penyelenggara free webspace yang ada dengan catatan mereka tidak menyisipkan iklan sebelum tag <HTML> dan Anda sendiri tidak menggunakan javascript untuk menampilkan jendela pop-up. Jika mereka menyisipkan iklan diluar tag <HTML>, maka kode ini tidak akan bekerja. Juga jika Anda menggunakan javascript untuk membuka jendela Anda sendiri karena teknik ini bekerja dengan membatalkan fungsi 'window.open' dalam javascript, yaitu teknik yang digunakan oleh kebanyakan penyelenggara free webspace untuk membuka jendela iklan. Akan tetapi jika Anda tidak menggunakan javascript untuk memunculkan jendela pop-up, maka kode ini akan menjadi SUPER SCRIPT bagi Anda!
<!-- Awal kode //--> <SCRIPT LANGUAGE="JavaScript"> <!-function open () {return true;} // baris ini akan mendefinisi ulang fungsi open! //--> </SCRIPT> <HEAD> <TITLE>Judul Halaman Web Anda</TITLE> </HEAD> <BODY>

8.2.5 Membongkar Iklan Pop-up Dengan SuperFilter
Script yang ada dalam sub bab ini adalah untuk Anda yang sudah familiar dengan HTML dan javascript. Jika Anda ingin melenyapkan iklan pop-up tetapi Anda tidak ingin kehilangan fungsi untuk dapat memunculkan jendela pop-up Anda sendiri, cobalah SuperFilter berikut ini :

co

<SCRIPT LANGUAGE="JawaScript"> // Sisipkan baris ini sebelum rutin pop-up muncul …. ! <!-- --> </noscript> <script language="JavaScript">

m

menyisipkan kode iklan dengan tag <NOSCRIPT> (komentar), maka pop-up bakal diabaikan!

atau <!--

//-->

sebenarnya bisa apa saja, yaitu hanya untuk menyamarkan bahwa seolah-olah ini adalah JavaScript) maka teknik ini akan men-disable semua sisa script-nya !

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

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

278

Dengan trik ini semua pop-up dengan nama yang sama akan lenyap setelah dibuka!
<!-- Awal kode //--> <script language="JavaScript"> id=window.open("http://uang.port5.com", "namapopup",""); id.window.close(); window.focus(); <!-- End code //-->

Cara termudah untuk mengatasi ini adalah menggunakan trik lain yang dikenal dengan nama The Ultimate Pop-up Killer. Trik ini menggunakan nama atribut, bukan link atau file. Perhatikan contoh berikut :
<SCRIPT> <!-function ScreenIt(url,name,parm) { if(name.indexOf("nama_popup")!=-1) return false; return window.Xopen(url,name,'toolbar=1,location=1, directories=1,status=1,menubar=1,scrollbars=1, resizable=1'); } window.Xopen=window.open; window.open=ScreenIt; //--> </SCRIPT>

OK
279

w.

ww

Pada saat buku ini ditulis, hypermart.net menggunakan nama "test", sedangkan tripod.com menggunakan nama "Tripodpopup". Untuk situs-situs yang lain, Anda harus melihatnya sendiri dari source code yang dihasilkan oleh server.

BC

Meski Anda dapat menggunakan sepotong kode alamat URL, akan tetapi akan lebih akurat jika Anda menulisnya secara lengkap. Namun sayang, alamat URL pop-up iklan yang akan ditampilkan biasanya tidak sesederhana seperti nama "popup.html" itu saja, melainkan sebuah alamat URL yang cukup panjang. Misalnya pop-up iklan di hypermart.net yang saat buku ini ditulis menggunakan alamat URL "http://click.go2net.com/adpopup?site= HM&shape=noshape&border=1&area=DIR.BIZ.CLASSIFIED&siz erepopup=1&hname=UNKNOWN".

lu

b.

SuperFilter diatas akan mengijinkan semua URL untuk dibuka di jendela baru kecuali satu yang bernama "popup.html". Anda cukup mengganti "popup.html" diatas dengan sepotong kode URL iklan pop-up di server free webspace Anda. Dengan cara ini, Anda akan dapat memanggil fungsi 'window.open' Anda dan dilain pihak tetap memblok iklan pop-up-nya!

"id" adalah nama jendela yang akan dibuka dan ditutup. Ini bisa apa saja. "id" hanyalah sebuah contoh. Sementara itu "namapopup" adalah nama pop-up iklan dalam situs free webspace Anda. Untuk mengetahui nama pop-upnya, Anda harus melihatnya pada source code web Anda dari server saat online (jika Anda menggunakan MSIE, klik View Source) dan mencari nama pop-upnya didalam file yang terbuka, bukan dari file html asli didalam harddisk Anda. Kode window.focus() adalah opsional, yaitu untuk membuat jendela menjadi aktif saat pop-up ditutup.

8.2.7 Melenyapkan Banner Iklan
Bentuk lain dari iklan yang sering disisipkan oleh penyedia layanan free webspace adalah banner iklan. Pada sub bab ini kita akan mencoba melenyapkannya dari pandangan mata atau menggantinya dengan banner kita sendiri. Iklan banner bisa dilenyapkan dengan banyak cara, diantaranya adalah dengan menyisipkan kode tipuan. Lihat contoh berikut:
<noembed><xmp> <BODY> // Ini adalah tag <BODY> tipuan/jebakan </xmp></noembed> <body> // Ini adalah tag <BODY> yang asli

co

<SCRIPT> <!-function ScreenIt(url,name,parm){ if(url.indexOf("popup.html")!=-1) return false; return window.Xopen(url,name,parm); } window.Xopen=window.open; window.open=ScreenIt; //--> </SCRIPT>

Teknik yang akan dibahas berikut ini dapat melenyapkan jendela iklan begitu mereka muncul! Tekniknya sederhana saja. Jika sebuah pop-up muncul, maka ia pasti mempunyai nama. Script yang kita buat ini akan membuka juga sebuah popup dengan nama yang sama dan langsung menutupnya tepat setelah itu!

m

8.2.6 Membongkar Iklan Pop-Up Setelah Muncul

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

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

280

Untuk menggantinya dengan banner Anda sendiri, Anda cukup menimpanya dengan banner Anda. Penimpaan gambar dapat dilakukan dengan javascript seperti ini:
<SCRIPT language="JavaScript"> <!-document.images[0].src='terserah_anda.gif'; --> </SCRIPT>

document.images[2].src='terserah_anda.gif';

ww

Kadang-kadang, server juga meletakkan iklan diakhir halaman web kita. Untuk membongkar iklan jenis ini, kita cukup menyisipkan kode <!-- atau <NOSCRIPT> dilokasi sebelum kode penampil iklan mereka "diselundupkan" kehalaman web kita. Tag <!-- (komentar) yang kita sisipkan akan membuat sisa file html kita hanya akan tampak jika dilihat dari source code-nya.

w.

Dalam hal banner-nya memiliki sebuah nama (atribut "name"), Anda dapat merubah kode images[0] dengan isi dari atribut "name" yang digunakan oleh banner.

OK
281

Letakkan Script diatas tepat dibawah banner iklan yang ada. Perhatikan bahwa properti atribut "src" pada kode diatas adalah 0. Ini berarti bahwa kode diatas hanya bekerja untuk banner iklan yang berada diposisi paling atas atau pada pemunculan gambar yang pertama. Jika banner iklannya berada dibawah atau ada beberapa, Anda harus menghitung setiap gambar yang ada dan mengganti angka 0 diatas dengan jumlah gambar dikurangi 1. Sebagai contoh, jika banner iklannya adalah gambar nomor 3 dihalaman web Anda, maka Anda harus menggunakan kode seperti ini :

BC

lu

b.

Beberapa situs web menempatkan banner dan iklan-iklannya pada frame yang berbeda dengan halaman utama situs web kita, misalnya xoom.com atau webjump.com. Jika ini yang mereka lakukan, akan sangat mudah bagi kita untuk melenyapkannya, yaitu dengan menyisipkan kode kecil ini kedalam halaman web kita. Script ini akan men-check keberadaan suatu frame. Jika ada, maka halaman dimana Anda meletakkan kode ini didalamnya akan menjadi satu-satunya yang aktif dalam browser!
<SCRIPT language=JavaScript> if(top!=self){top.location.href=self.location.href;} </SCRIPT>

Atau, bisa juga diatasi dengan membuat halaman utama Anda meload halaman kedua dengan menyisipkan baris kode dibawah ini kedalam tag <BODY>:

<BODY onLoad="window.open ('http://uang.port5.com/index1.htm','_parent' )">
Dengan membuka halaman web dijendela '_parent', browser akan kembali ke jendela sebelumnya yang ada didalam history, tepat satu record sebelum frame dan membuka halaman utama yang sesungguhnya disini. Jika situs Anda menggunakan lebih dari satu frame, Anda harus meletakkan kode diatas pada halaman yang akan ditampilkan pada frame yang pertama, bukan pada halaman utamanya (index.html). Kadang-kadang, lokasi file yang diberikan kepada Anda oleh penyedia layanan free webspace hanyalah nama alias saja. Yaitu semacam redirector ke direktori Anda yang sesunggunnya. Mereka menggunakan metoda 'aliasing' ini untuk membuat pengunjung situs Anda me-load frame iklan. Jika Anda tahu lokasi file yang sebenarnya, Anda cukup membuat beberapa pengarah saja ke sini. Sebagai contoh, alamat yang dibuat oleh XOOM setelah Anda mendaftar sebenarnya adalah "http://members.xoom.com/_XOOM/terserah_anda/". Akan tetapi alamat domain yang diberitahukan kepada Anda adalah OKB Club Indonesia – http://www.okbclub.com

co

Teknik lain pelenyapan banner iklan dapat dilakukan dengan menimpanya dengan file gambar transparan berukuran 1x1 pixel. File ini bisa dibuat dengan Paint Shop Pro (bisa di donwload dari http://www.jasc.com jika Anda belum punya). Buatlah file baru dengan background putih berukuran: tinggi 1 pixel, lebar 1 pixel dan resolusi 1 dpi. Setelah jadi, klik tab menu "Colors" "Set Pallete Transparency", lalu pilih "set the transparancy value to the current background color" dan klik "OK".

8.2.9 Melenyapkan Iklan Berbasis Frame

m

Jika kode banner disisipkan oleh server dibawah tag <BODY>, ia akan menyisipkannya pada tag <BODY> jebakan. Sedangkan tag <BODY> yang asli masih utuh dan mengabaikan kode-kode penampil iklan diatasnya.

Sedangkan tag <NOSCRIPT> bisa kita gunakan untuk men-disable iklan bagi mereka yang menggunakan JavaScript untuk menampilkan iklan.

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

282

8.2.10 Menghindari Deteksi Kode Oleh Server
Beberapa server tertentu secara otomatis melakukan pemindaian (scanning) pada file-file yang kita upload ke server untuk mendeteksi adanya kode-kode yang tidak mereka inginkan. Untuk menghindari pendeteksian ini, kita bisa menggunakan trik pemisahan. Sebagai contoh, jika situs web Anda menolak penggunaan nama popWindow, pecahlah namanya dengan cara seperti dibawah ini agar bisa lolos :

1.

Atau, Anda juga bisa melakukan encode kode-kode Anda kedalam format heksadesimal dengan cara seperti dibawah ini :
<SCRIPT> <!-eval(unescape("letakkan kode dalam format heksadesimal disini")) //--> </SCRIPT>

BC
283

OK

Contoh penerapan penggunaan kode heksadesimal bisa dilihat pada pembahasan kode pelenyap iklan siap pakai dibawah.

8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai

ww

Berikut adalah kode-kode yang bisa digunakan untuk melenyapkan iklan banner atau iklan pop-up yang biasanya ada di situs-situs penyedia layanan webspace gratis. Penulis hanya akan menuliskan beberapa saja. Bagi Anda yang ingin mendapatkan kode untuk situs-situs gratis lain yang tidak ada disini, silahkan lihat di http://serba-gratis.tripod.com atau langsung ke http://bannerkiller.cjb.net. Anda akan mendapatkan kode lengkap untuk sekitar 80 penyelenggara free webspace !

w.

lu
2.

var Popup="po"+"pWind"+"ow"; window.onError=null; tasteful=window.open(newpage,wndname,"");

b.
<NOSCRIPT> <!-- <BODY> --> </NOSCRIPT>

Trik : Kode ini digunakan untuk menyembunyikan kode popup yang ada didalam tag <BODY> dan tag <NOSCRIPT>. Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat sebelum tag <TITLE>.

Trik: Sisipkan kode berikut diatas tag <HTML> pada setiap halaman. Jika Anda menggunakan HTML Editor dari Angelfire, kode harus disisipkan dengan editor versi "Advanced", JANGAN menggunakan versi "Basic". Setelah itu, set tipe iklannya dari "Image Map" menjadi "Popup Window". Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai dari "%66" dan diakhiri pada "%3B") HARUS diketik pada satu baris, tidak seperti yang terlihat pada contoh dibawah.
<script language="Javascript"> <!-eval(unescape('%66%75%6E%63%74%69%6F%6E%20%53%63%72%65%65%6E% 49%74%28%75%72%6C%2C%6E%61%6D%65%2C%70%61%72%6D%29%7B%0D%0A%6 9%66%28%75%72%6C%2E%69%6E%64%65%78%4F%66%28%22%2F%73%79%73%2F %70%6F%70%75%70%5F%73%6F%75%72%63%65%2E%73%68%74%6D%6C%3F%43% 61%74%65%67%6F%72%79%3D%22%29%21%3D%2D%31%29%20%72%65%74%75%7 2%6E%20%66%61%6C%73%65%3B%0D%0A%72%65%74%75%72%6E%20%77%69%6E %64%6F%77%2E%58%6F%70%65%6E%28%75%72%6C%2C%6E%61%6D%65%2C%70% 61%72%6D%29%3B%0D%0A%7D%0D%0A%77%69%6E%64%6F%77%2E%58%6F%70%6 5%6E%3D%77%69%6E%64%6F%77%2E%6F%70%65%6E%3B%20%20%77%69%6E%64 %6F%77%2E%6F%70%65%6E%3D%53%63%72%65%65%6E%49%74%3B')); //--> </script>

Kode alternatif untuk Angelfire (sisipkan kode berhuruf tebal) :
OKB Club Indonesia – http://www.okbclub.com

co

50megs, 50 MB, http://www.50megs.com

Angelfire, 50MB, http://www.angelfire.com

m

"http://members.xoom.com/terserah_anda/" dengan tujuan agar pengunjung situs Anda me-load frame iklan. Catat bahwa XOOM sering mengganti-ganti alamat sebenarnya untuk mengatasi trik yang kita lakukan! Saat buku ini ditulis XOOM mengunakan alamat sub directori /_XMCM/.

Catat bahwa kode-kode ini sebaiknya di sisipkan kedalam file html Anda menggunakan editor teks biasa seperti NotePad, Write atau 1st Page 2000 karena beberapa diantaranya merupakan kode-kode tanggung / kode-kode "salah" yang akan dikoreksi otomatis oleh editor WYSIWYG seperti FrontPage atau Adobe PageMill.

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

284

3. Aasiafind, 10MB, http://www.asiafind.com Trik : Sisipkan kode dibawah ini diantara tag <HEAD> dan </HEAD>.
<NOSCRIPT> <!-- <BODY> --> </NOSCRIPT>

4. Bizland, 25 MB, http://www.bizland.com Trik : Kode berikut harus disisipkan dibawah tag <HEAD> pada setiap halaman. Jika Anda menggunakan FrontPage atau editor sejenis dan mengalami masalah saat memasukkan kode ini, bukalah file HTML Anda menggunakan Notepad atau 1st Page2000 untuk memasukkan kodenya.
<NOSCRIPT> <!-- <BODY> --> </NOSCRIPT> <BODY BGCOLOR="white">

BC
285

OK w.

Kode alternatif untuk Bizland :
<HTML> <HEAD> <TITLE>Judul Homepage Anda</TITLE> </HEAD> <!-<BODY> --> <BODY BGCOLOR="BLACK"> <!--- Isi Halaman Web Anda --->

ww

lu
</div> </BODY>

b.
Atau :

<NOSCRIPT> <!-- <BODY> --> </NOSCRIPT>

6. Fortunecity, 100 MB, http://www.fortunecity.com Trik : Gunakan kode seperti contoh dibawah.
<div style="position:relative;top:-110;zindex:0;background:;"> <HTML> <-- Isi halaman homepage Anda ….. (termasuk tag <BODY> dlsb.) -->

Kode alternatif untuk FortuneCity :
<HTML> <HEAD> <TITLE>Judul Halaman Web Anda</TITLE> </HEAD> <!--- <BODY> <BODY BGCOLOR="BLACK"> <!--- Isi Halaman Web Anda --->

<HTML> <HEAD> <NOSCRIPT> <!-- <BODY> --> </NOSCRIPT> <TITLE>Judul Halaman Web Anda</TITLE>

co

<HTML> <HEAD> <TITLE>Judul Homepage Anda</TITLE> </HEAD> <NOEMBED><XMP> <BODY> </XMP></NOEMBED> <BODY BGCOLOR="blue">

5. Dreamwater, 50 MB, http://www.dreamwater.com Trik : Kode ini digunakan untuk menyembunyikan kode popup yang ada didalam tag <BODY> dan tag <NOSCRIPT>. Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat sebelum tag <TITLE>.

m

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

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

286

Trik : Gunakan kode dibawah ini pada halaman web Anda.
<NOEMBED><XMP> </BODY> </HTML>

10. Homepage, 10 MB, http://www.homepage.com Trik : Gunakan kode dibawah ini pada halaman web Anda.

8. Geocities (Yahoo Geocities), 15 MB, http://www.geocities.com Trik : Sisipkan kode berikut dibawah tag </HTML>.
<NOSCRIPT> <NOSCRIPT>

BC OK
287

Kode alternatif untuk YahooGeocities :
<BODY onLoad="yfOC(-1)">

Atau :
<HTML> <HEAD> <SCRIPT LANGUAGE="javascript"> <!-function yfOC() { self.close(); } //--> </SCRIPT> <TITLE>Judul Homepage Anda</TITLE> </HEAD> <BODY> <!--- Isi Homepage Anda ---> </BODY> </HTML>

w.

ww

9. Here.is, URL redirection, http://www.here.is

lu

b.
<NOSCRIPT> <!-- <BODY> --> </NOSCRIPT>

<HTML> <HEAD> <TITLE>Ketik Judul Homepage Anda Disini</TITLE> <!-- --> <SCRIPT LANGUAGE="JawaScript"> </HEAD> <BODY> </SCRIPT> <BODY BGCOLOR="teal">

11. Hypermart, 20 MB, http://www.hypermart.com Trik : Sisipkan kode berikut pada halaman web Anda. Catat bahwa Hypermart.net adalah salah satu situs yang paling sering mengganti kode.
<NOSCRIPT> <!--- #echobanner ---> </NOSCRIPT>

12. JustFree, 40 MB, http://www.justfree.com Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap halaman web!

13. NetColony, 100 MB, http://www.netcolony.com

co

7. FreeYellow, 20 MB, http://www.freeyellow.com

<SCRIPT> popup = window.open("","cooldomain") popup.close(); </SCRIPT>

m

</HEAD> <BODY BGCOLOR="BLACK"> <!--- Isi Halaman Web Anda --->

Trik : Sisipkan kode dibawah ini pada halaman web Anda.

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

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

288

14. Tripod , 50 MB, http://www.tripod.com Trik : Sisipkan kode-kode dibawah ini sesuai keterangan. Catat bahwa trik ini hanya bekerja pada Internet Explorer, tidak pada Netscape. Selain itu, iklan harus diset pada mode banner, bukan pop-up. Untuk men-set/mengganti mode iklan di Tripod, lihat lagi sub bab 4.2.2.1. 1. Sisipkan kode berikut sebelum/diatas tag <HTML>.
<div style="position:relative;top:-110;zindex:0;background:;">

<SCRIPT LANGUAGE="JawaScript"> <!-- --> </NOSCRIPT> <SCRIPT LANGUAGE="JavaScript">

2. Sisipkan kode berikut sebelum/diatas tag </BODY>.
</div>

BC
289

OK

TIPS :

Iklan Pop-up di Tripod dapat dihilangkan dengan sangat mudah jika Anda membuat URL Redirector di CJB.net. Mekanisme yang dipakai oleh CJB secara otomatis (entah sengaja atau tidak) akan menghilangkan iklan di Tripod! Tetapi, siapa peduli mengapa ini bisa terjadi? Cobalah dan Anda akan heran sendiri melihat hasilnya!

15. TSX, URL redirection, http://www.tsx.org

w.

Trik : Sisipkan kode ini tepat diatas tag <HEAD>.

<SCRIPT> popup = window.open("/frame/index.cfm", "216226215132")

ww

lu

b.

Kode alternatif untuk VirtualAve :

</BODY> </HTML> <NOSCRIPT> <!-- </NOSCRIPT> -->

17. Web, URL redirection, http://www.web.com Trik : Sisipkan kode ini tepat diatas tag <HTML>.
<SCRIPT LANGUAGE="Javascript"> <!--if (parent.frames.length) parent.location.href= self.location; // ---> </SCRIPT>

18. WebJump, 25 MB, http://www.webjump.com Trik : Kode dibawah ini bisa diletakkan dimana saja selama masih berada dibawah tag <BODY>. Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai dari "%69" dan diakhiri pada "%3B") HARUS diketik pada satu baris, tidak seperti yang terlihat pada contoh dibawah.
<Script Language='Javascript'> <!-eval(unescape('%69%66%20%28%74%6F%70%2E%66%72%61%6D%65%73%2E% 6C%65%6E%67%74%68%21%3D%30%29%0D%0A%74%6F%70%2E%6C%6F%63%61%7 4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F %63%61%74%69%6F%6E%3B'));

co

<NOSCRIPT> <!-- <BODY> --> </NOSCRIPT>

16. Virtual Ave, 20 MB, http://www.virtualave.com Trik : Sisipkan kode ini tepat dibawah tag </HTML> Anda!

m

Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap halaman web!

popup.close(); </SCRIPT>

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

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

290

CATATAN :

Kode alternatif untuk WebJump:
<HTML> <HEAD> <SCRIPT LANGUAGE="Javascript"> <!--if (parent.frames.length) parent.location.href=self.location; // ---> </SCRIPT> <TITLE>Judul Homepage Anda</TITLE> </HEAD> <BODY BGCOLOR="BLACK"> <!--- Isi Halaman Web Anda --->

19. XOOM, spasi tak terbatas, http://www.xoom.com Trik : Xoom menggunakan iklan berupa frame. Jika Anda ingin mem-bypass iklan, Anda bisa mem-bypass frame dengan menambahkan "_XMCM" pada URL homepage Anda. Misalnya seperti ini :
http://members.xoom.com/_XMCM/terserah_anda/

OK
291

Atau gunakan script berikut. Letakkan diantara tag <BODY> dan </BODY>.
<SCRIPT TYPE="text/javascript" LANGUAGE=JAVASCRIPT> <!-if (top.frames.length!=0) top.location=self.document.location; // --> </SCRIPT>

w.

Atau :

<SCRIPT> if (top.location != self.location) { top.location = self.location } </SCRIPT>

ww

BC

lu

b.

8.3 MEMBUAT AUTO REMINDER
Auto reminder adalah trik untuk membuat pengunjung situs kita selalu kembali ke jendela homepage kita apabila ia membuka banyak jendela browser sekaligus. Lama waktu kembalinya bisa diatur sendiri (melalui var time = waktu yang diinginkan). Berikut adalah kode javascript yang harus Anda sisipkan dibawah tag <BODY>.
<script language="Javascript" type="text/javascript"> <!-var time = 30 function remind() { this.focus() var real = time * 1000 setTimeout("remind()",real) } remind(); //--> </script>

Perhatikan bahwa rutin auto-reminder diatas juga akan mengembalikan user yang coba-coba berpaling ke program lain selain browser, seperti Ms. Word misalnya. Karena itu sebaiknya waktu kembalinya jangan di-set terlalu cepat. Pada contoh diatas, kita men-set waktu balik ke halaman homepage kita jika pengunjung situs kita berpaling ke jendela/program lain dalam waktu 30 detik.

8.4 MENYISIPKAN FASILITAS URL-MINDER
Apabila Anda secara berkala melakukan update homepage, atau homepage Anda masih dalam status "Under Construction", tambahkanlah fasilitas URLMinder di homepage Anda. Dengan URL-Minder, pengunjung situs Anda akan selalu mendapat pemberitahuan otomatis melalui e-mail jika Anda melakukan OKB Club Indonesia – http://www.okbclub.com

co

Semua penyelenggara free webspace melakukan perubahan system secara berkala. Jika kode-kode diatas tidak bekerja, kemungkinan besar teknik penyusupan iklan yang mereka terapkan sudah berubah. Silahkan kunjungi situs http://bannerkiller.cjb.net untuk melihat update kodenya.

m

//--> </Script>

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

292

Gambar 8.2: Tampilan URL-MINDER

8.5 MELAKUKAN REDIRECT HALAMAN WEB

ww

Redirect halaman web adalah teknik yang bisa digunakan untuk melempar atau membuka satu halaman ke halaman lain atau bahkan ke situs lain. Pada umumnya, teknik redirect dimanfaatkan untuk menampilkan sambutan selamat datang sementara sebelum membuka halaman utama yang sebenarnya. Selain itu, teknik OKB Club Indonesia – http://www.okbclub.com

w.

OK
Gambar 8.3: Gunakan teknik redirect untuk melompat ke halaman lain

BC
293

<CENTER> <FORM ACTION="http://www.netmind.com/cgi-bin/uncgi/url-mind" method="get"><INPUT NAME=url type=hidden value="http://serbagratis.tripod.com"> <TABLE BORDER="1" WIDTH="550" CELLSPACING="0" BORDERCOLOR="#C0C0C0" CELLPADDING="2"> <TR><TD WIDTH="100%" BGCOLOR="#000000"><P ALIGN=center><B> <FONT FACE="Arial" color="#FFFFFF">- = URL MINDER = </FONT></B></P></TD></TR> <TR><TD WIDTH="100%" BGCOLOR="#FFFFCC"><CENTER><B><I> Daftarkan alamat e-mail Anda dibawah ini untuk menerima pemberitahuan<BR>otomatis jika ada perubahan dihalaman ini !</I><BR> <BR>Alamat e-mail Anda : </B> <INPUT maxLength=40 name=required-email size=30><BR><BR> <INPUT type=submit value=" Klik disini untuk daftar ! "><BR><BR> </TD></TR></TABLE> </FORM> </CENTER>

lu

b.

Saat pengunjung mengetikkan alamat "http://www.geocities.com/toyota", yang tampil di layar mereka adalah pengumuan kecil seperti ini "Homepage TOYOTA telah pindah ke http://www.toyota.com. Dalam 5 detik kami akan melakukan redirect ke TOYOTA secara otomatis. Jika dalam 5 detik tampilan ini tidak berubah, klik disini atau pada link diatas." Dan dalam 5 detik kemudian browser mereka akan melompat ke http://www.toyota.com.

Akan tetapi karena fungsi redirect hanya bekerja pada browser-browser yang memiliki fasilitas client pull (seperti Ms Internet Explorer dan Netscape), maka untuk browser lain seperti Mosaic tidak dapat bekerja. Karena itu kita beri juga fasilitas link ke http://www.toyota.com. Berikut adalah kode yang bisa Anda gunakan :

co

Berikut adalah kode yang harus Anda sisipkan dihalaman utama situs Anda. Kode bisa diletakkan dimana saja seseuai dengan layout halaman web yang Anda desain, asalkan masih berada diarea <BODY> … </BODY>.

Sebagai contoh, beberapa bulan yang lalu Anda atau perusahaan Anda memiliki sebuah homepage bagus yang 'nyantol' disebuah free webspace dengan jumlah pengunjung yang sangat banyak, misalnya di "http://www.geocities.com/toyota". Sekarang, perusahaan Anda telah maju pesat dan telah mampu membeli/memiliki nama domain sendiri, misalnya http://www.toyota.com. Maka dengan teknik redirect Anda tidak perlu bersusah payah memasang iklan atau memberitahukan pada setiap pengunjung situs lama Anda bahwa Anda telah memiliki alamat domain sendiri.

m

perubahan pada halaman situs Anda. Pemantauan akan adanya perubahan di situs homepage Anda dilakukan secara otomatis dengan mesin pemantau sehingga Anda tidak perlu melakukan apapun meski member yang menjadi pengunjung Anda ribuan jumlahnya!

ini juga dapat digunakan untuk menampilkan pengumuman saat melakukan migrasi alamat homepage dari satu URL (lama) ke URL lain (baru).

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

294

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

BC
4.

w.
Gambar 8.4: FreeTools - Situs Penyedia Layanan Polling Gratis

OK ww
295

lu
Gambar 8.5: Tampilan Form pendaftaran untuk login ke FreeTools

b.

<BODY> <CENTER><BR> <font size="6"><i>Homepage </i><B>TOYOTA</B> telah pindah ke</FONT><P><BR><A HREF="http://www.toyota.com"><B><FONT SIZE="5">http://www.toyota.com</FONT></B></A> <P><BR><FONT SIZE="4">Dalam 5 detik kami akan melakukan <i>redirect</I>ke TOYOTA secara otomatis.<BR> Jika dalam 5 detik tampilan ini tidak berubah, <B><A HREF="http://www.toyota.com">klik disini</A></B> atau pada link diatas.</FONT></P> </BODY> </HTML>

2. 3.

co

<HTML> <HEAD> <TITLE>Homepage TOYOTA telah pindah !</TITLE> <META HTTP-EQUIV="Refresh" CONTENT="5; URL=http://www.toyota.com"> </HEAD>

1.

Kunjungi situs Freetolls di http://apps3.vantagenet.com/site/poll.asp.

Dibawah sub judul "It's as easy as 1-2-3 ... " klik link nomor 2 yang bertuliskan "Create your own Poll".

Anda akan masuk ke freetools.com login form. Isilah UserName dengan nama member yang Anda inginkan, juga password & alamat e-mail dimana kode html untuk menampilkan polling ingin dikirimkan. Setelah itu klik tombol "NEXT".

Setelah itu Anda akan masuk ke step 1 pembuatan polling. Pilih lokasi dimana homepage Anda berada, mungkin di Tripod, Geocities, atau yang lain. Jika didalam daftar tidak ada, pilih "I have a website, but it was not listed above". Kemudian klik tombol "NEXT PAGE".

Gambar 8.6: Tampilan step 1 – Pemilihan server dimana website berada

m

Pada sub bab ini, kita akan mencoba membuat polling tentang homepage kita. Penyedia layanan polling yang kita pilih adalah Freetolls. Berikut adalah urutan cara pemasangannya :

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

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

296

Gambar 8.7: Tampilan step 2 – Menentukan jumlah pertanyaan

6.

OK
297

BC
Gambar 8.8: Tampilan Step 3 – Menentukan pertanyaan dalam polling Gambar 8.11: Tampilan step 6 – Memilih warna polling

7.

Sekarang isi kolom pada step 4 dengan Judul Polling Anda dan klik "NEXT PAGE" untuk maju ke step berikutnya.

ww

Gambar 8.9: Tampilan Step 4 – Memasukkan judul polling

w.
Gambar 8.12: Tampilan step 7 – Memilih kategori situs

lu
9. Sekarang akan muncul pilihan warna polling. Anda harus memilih salah satu dari 6 set warna yang ada. Setelah itu klik "NEXT PAGE".

Isi kolom-kolom pertanyaan yang ada dengan menimpa pertanyaanpertanyaan default. Setelah selesai, klik "NEXT PAGE".

b.

Gambar 8.10: Tampilan Step 5 – Memasukkan alamat URL dan nama situs

co

m

5.

Pada step 2, isilah kolom yang ada dengan judul pertanyaan spesifik yang ingin Anda ajukan pada pengunjung situs Anda. Juga pilih jumlah pertanyaan yang ingin Anda ajukan (2 – 10 pertanyaan). Klik tombol "NEXT PAGE" untuk maju ke step 3.

8.

Pada step ke 5, ketik nama dan alamat URL homepage Anda. Setelah itu klik "NEXT PAGE".

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

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

298

11. Setelah muncul tampilan step 8, pilih tipe polling yang Anda inginkan. Misalnya tipe Radio Button, CheckBoxes, Dropdown Box Vertical atau Dropdown Box Horisontal.

Gambar 8.13: Tampilan step 8 – Memilih tipe polling

13. SELESAI.

w.

12. Akhirnya, sekarang kita berada pada step terakhir dari seting polling yang agak panjang ini. Setelah Anda meng-klik tombol "NEXT PAGE" pada step 8, dilayar akan ditampilkan kode-kode html yang bisa langsung Anda sisipkan pada halaman html situs web Anda. Gunakan cara "Copy & Paste" seperti biasa. Atau, Anda juga bisa mengambilnya dari e-mail yang Anda gunakan saat mendaftar (langkah ke-3 diatas) karena kode-kode tersebut juga langsung dikirim kealamat e-mail Anda.

OK
Gambar 8.15: Contoh tampilan hasil polling

ww

BC
299

lu

b.
Gambar 8.14: Tampilan polling yang sudah jadi beserta kode html-nya

Jika Anda ingin melihat tampilan polling Anda, saat masih berada di step terakhir, gulung layar kebawah dan klik pada link "VIEW POOL". Poll Anda kira-kira akan tampak seperti gambar 8.14 (bagian sebelah kiri). Sedangkan hasil polling-nya (jika link "Results" di klik) akan tampak seperti gambar 8.15 dibawah ini.

co
OKB Club Indonesia – http://www.okbclub.com

10. Pada step ke-7, Anda harus memilih kategori yang cocok dengan poll yang Anda buat. Disini ada banyak sekali pilihan sehingga Anda tidak akan kesulitan untuk mendapatkan salah satu yang cocok dengan kategori pertanyaan Anda. Setelah itu, Anda juga harus mengisi kata kunci untuk menjelaskan poll Anda. Klik tombol "NEXT PAGE".

m
300

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

ww

w.

<Script Language='Javascript'> <!-eval(unescape('%69%66%20%28%74%6F%70%2E%66%72%61%6D%65%73%2E% 6C%65%6E%67%74%68%21%3D%30%29%0D%0A%74%6F%70%2E%6C%6F%63%61%7 4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F %63%61%74%69%6F%6E%3B')); //--> </Script> <html> Isi halaman web Anda ............ </html

OK
301

Ketiga: Inilah saatnya melakukan sedikit trik. Secara default, homepage Anda yang aslinya tanpa iklan nantinya akan memiliki iklan dalam bentuk frame dibagian bawah layar setelah diakses melalui nama domain yang baru. Untuk itu, mari kita lenyapkan iklan tersebut. Caranya, sisipkan script javascript dibawah ini diatas tag <HTML> pada file index_.htm.

BC

Pertama: Buatlah homepage off-line yang bisa diakses dari harddisk (lihat BAB 3) dengan nama file induk index_.htm. Perhatikan! Kita menggunakan nama file "index_.htm", bukan "index.htm". Karena itu, semua link untuk kembali ke halaman utama web Anda harus diarahkan ke file index_.htm. Anda akan mengetahui alasannya pada step keempat trik ini. Kedua: Mendaftarlah ke salah satu situs penyedia free webspace TANPA IKLAN (lihat lagi BAB 4). Penulis sarankan pada Anda untuk mendaftar ke www.portland.co.uk. Situs ini menyediakan spasi gratis 15 MB tanpa iklan dan mengijinkan upload script CGI.

lu

b.

<head> <title>Akses Internet Dapat UANG !!!</title> <meta name="Author" content="OKB Club Indonesia"> <meta name="Description" content="Dapatkan Penghasilan Tambahan Hingga Ratusan US$ Dollar Perbulan Dari Internet!"> <meta name="KeyWords" content="uang,gratis,uanggratis,spedia,epilot,themail,bonanza,email,search engine,iklan,online,free money,money cheats,tips & trick"> <META HTTP-EQUIV="Refresh" CONTENT="3; URL=index_.htm"> </head> <HTML> ...... Isi halaman pembuka ..........! ...... Termasuk link ke file index_.htm </HTML>

PERHATIAN! Teknik ini akan secara otomatis menghilangkan efek cloacking nama domain sehingga alamat url yang tampak dikolom "Address" browser akan mengikuti alamat aslinya. Untuk mendapatkan efek cloacking ke url Anda sendiri, Anda bisa melakukan redirection ulang ke situs Anda di CJB.Net atau yang lain dengan waktu tunda "0" detik.
OKB Club Indonesia – http://www.okbclub.com

co

Anda ingin memiliki homepage sendiri dengan alamat domain Anda sendiri secara gratis? Ingin memiliki alamat URL "http://nama_anda.com" gratis? Ok. Inilah RAHASIANYA :

Keempat: Buatlah file index.htm dengan isi META redirection (lihat lagi sub bab 8.5) yang diarahkan ke file "index_.htm". Isilah halaman ini dengan penjelasan singkat mengenai homepage Anda dan sertakan link ke file "index_.htm". Khusus pada halaman ini Anda jangan menyisipkan script pelenyap iklan diatas, yaitu untuk menghindari tuduhan berbuat curang. Dengan adanya rutin redirection ini, maka 3 detik setelah halaman default (file index.htm) yang berisi frame iklan dibuka, ia akan memaksa browser untuk melompat ke halaman utama situs web Anda yang bernama "index_.htm" dalam keadaan frame iklan sudah lenyap! Kalau mau, Anda bisa memperkecil waktu refresh-nya agar proses redirection-nya menjadi lebih cepat. Perhatikan contoh dibawah ini :

m

8.7 TRIK MEMILIKI ALAMAT DOMAIN GRATIS!

PERHATIAN! Bagian heksadesimal dari kode diatas (dimulai dari "%69" dan diakhiri pada "%3B") HARUS DIKETIK PADA SATU BARIS, tidak seperti yang terlihat pada contoh diatas.

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

302

Gambar 8.16: NameDemo, penyedia URL redirection unik!

w.

NameDemo sesungguhnya adalah penyedia layanan URL direction yang menghasilkan alamat URL baru bernama http://www.terserah_anda.com, .net atau .org dengan disipan frame berisi iklan banner. Setelah mendaftar, disamping mendapat alamat domain baru, Anda juga akan mendapat alamat email bebas@terserah_anda.com, .net atau .org sesuai dengan nama domain yang Anda pilih. Sebagai contoh, penulis memiliki homepage dengan alamat asli "http://uang.port5.com". Setelah mendaftar ke NameDemo dengan nama domain uang-gratis.com, alamat tersebut sekarang bisa diakses dengan alamat domain "http://www.uang-gratis.com" plus "http://uanggratis.com". Selain itu, penulis juga mendapat alamat email "webmaster@uang-gratis.com". Semuanya itu gratis! NameDemo memerlukan waktu 24 jam sampai 72 jam untuk mengaktifkan alamat domain baru kita.

OK
Gambar 8.17: Anda bisa membuat hingga 8 nama sub domain sendiri

ww

Ketujuh: SELESAI! Cobalah akses alamat domain Anda sendiri besok atau lusa. Saat dimana Anda akan merasa bangga dan
OKB Club Indonesia – http://www.okbclub.com

BC
303

lu

b.

http://ita.cantik.com http://aku.cantik.com http://homepage.cantik.com

Atau yang lain hingga 8 buah nama sub domain. Lihat gambar 8.17 dibawah ini:

co

Keenam: Mendaftarlah ke NameDemo (http://www.namedemo.com) dan gunakan alamat homepage Anda di Portland atau yang lain sebagai alamat tujuan URL-nya.

Setelah alamat domain Anda aktif, Anda bisa login ke NameDemo dan membuat nama sub domain baru dibawah TLD (Top Level Domain) Anda yang baru. Sebagai contoh, apabila Anda sudah memiliki alamat domain http://www.cantik.com, maka Anda bisa men-set beberapa redirector baru berdasarkan nama TLD Anda untuk mendapatkan nama-nama sub domain seperti berikut :

m

Kelima: Upload file-file html Anda ke server (lihat BAB 5).

hebat karena memiliki alamat domain sendiri, yang bahkan tanpa harus membayar sepeserpun!!!

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

304

CATATAN: 1. Untuk melihat contoh kongkrit hasil trik pada sub bab ini cobalah akses alamat "http://www.uang-gratis.com" yang semuanya diperoleh dengan cara gratis! 2. Alamat domain ini hanya berlaku selama 1 tahun. Setelah habis masa berlakunya, Anda harus memperpanjangnya dengan cepat-cepat mendaftar ulang begitu masa berlaku Anda habis, atau Anda bisa memperpanjangnya dengan membayar biaya registrasi sekitar US$ 15. Jika Jika Anda membayar biaya registrasi, frame iklan akan secara otomatis dihilangkan dari homepage Anda dan Anda tidak perlu trik ini lagi !

8.8 MEMANFAATKAN SITUS WEB UNTUK MENCARI UANG!
Jangan dikira main internet hanya menghabiskan uang saja, tetapi sebaliknya justru Anda bisa menghasilkan uang. Mungkin sulit untuk dipercaya, tetapi begitulah kenyataannya. Internet adalah dunia bebas tanpa batas. Termasuk untuk urusan logika. Dulu, orang bisa menghabiskan uang sekarung untuk surfing di internet. Sekarang, orang malah bisa meraup uang. Bukan hanya uang untuk membayar akses internet ke ISP dan pulsa telepon ke telkom akan tetapi jauh lebih banyak dari itu. Dengan trik-trik tertentu, Anda akan dapat memperoleh ratusan bahkan ribuan dolar setiap bulannya tanpa harus mengeluarkan biaya apapun! Seperti yang dialami Budiman Salim, warga asal sibolga, Sumatera Utara. Berkat ketekunannya mengakrabi dunia internet, sekarang ia mengantongi 'Gaji Buta' lebih dari 3.000 dollar AS per bulan. Kalau 1 US$ sepadan dengan Rp. 9.000,berarti Budiman memperoleh pendapatan hingga Rp. 27 Juta per bulan! Budiman mengaku, dirinya sudah bergerilya dialam cyber khusus cari dolar sejak setahun yang lalu. Dan untuk periode Maret hingga Oktober 2000, ia sudah menerima 6.856 dolar AS atau setara dengan 61 Juta lebih ! "Tapi tidak semuanya menghasilkan. Ada yang serius tapi ada juga yang menipu. Ditunggutunggu, duitnya ndak muncul-muncul. Ya harus hati-hati dan pinter memilih program," paparnya. Hal yang sama juga dialami Sony Affraim, warga Jakarta. Sepanjang bulan Juli – Agustus 2000, ia mendapat kiriman cek total senilai 1.245 dolar dari TheMail, CashFiesta dan ePilot. Dengan nilai dollar seperti saat buku ini ditulis (Rp. 9.000), Sony mendapat penghasilan Rp. 11.205.000,- dalam kurun waktu dua bulan.

OK w. ww
305

BC

lu

b.

Begitulah kenyataannya, Anda bisa memperoleh uang dengan berbagai aktifitas di internet, misalnya saat on-line (saat komputer Anda terkoneksi ke jaringan internet) Anda bisa mendapat uang tambahan dari CashSurfers atau dari PaidForSurf. Karena syarat untuk mendapat bayaran hanyalah komputer Anda on-line di internet, maka Anda tidak harus membuka browser. Anda bahkan akan dibayar saat melakukan chatting, saat mengetik dengan Ms. Word atau saat menggunakan Ms. Excel! Berapa bayaran yang bisa Anda peroleh? Dari CashSurfer Anda akan mendapat US$ 0.2 setiap jam on-line. Multilevel hingga 4 tingkat dan Anda akan mendapat 10% dari apa yang direct referall dan indirect referall dapatkan (orang-orang OKB Club Indonesia – http://www.okbclub.com

co

m

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

306

Gambar 8.18: Tampilan Situs Uang-Gratis. Versi offline-nya ada didalam disket

ww

Selain uang untuk on-line, Anda juga bisa mendapat bayaran hingga US$ 148.5 perbulan dari SPEDIA (http://uangsurfing.cjb.net) saat melakukan surfing di internet. Lalu, saat menggunakan fasilitas search engine, Anda akan mendapat bayaran hingga US$ 162 perbulan dari ePilot (http://uangpilot.cjb.net) dan saat menggunakan e-mail untuk membaca atau mengirim e-mail, Anda akan mendapat bayaran dari TheMail (http://uangmail.cjb.net) hingga US$ 812 perbulan! Selain itu semua, untuk memasang iklanpun Anda akan dapat bayaran hingga lebih dari Rp. 25.000.000,- dari Bonanza (lihat http://uangiklan.cjb.net atau lihat lagi sub bab 7.6).

OK
307

BC w.
1. 2.

lu

Pada semua layanan yang biasa disebut dengan "Get Paid to Surf" ini, pendapatan Anda perbulan akan ditentukan oleh kegiatan Anda sendiri serta banyaknya referal atau orang yang berhasil Anda ajak bergabung bersama Anda. Mengajak orang lain untuk bergabung menjadi referal bisa dilakukan dengan banyak cara. Diantaranya adalah melalui e-mail atau melalui penjelasan langsung kepada teman-teman atau saudara kita. Akan tetapi cara yang paling efektif adalah dengan membuat situs web khusus yang menjelaskan masing-masing program "Get Paid to Surf" ini dan mempromosikannya ke internet melalui iklan-iklan gratis yang ada. Setelah itu, jika Anda telah memiliki homepage, Anda bisa memasukkan link ke situs mesin pencetak uang Anda dengan penjelasan yang menarik. 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!

b.

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 disertakan dalam buku ini terdapat contoh homepage versi off-line dari homepage "Uang-Gratis" (http://www.uang-gratis.da.ru). Setelah Anda terdaftar sebagai member dari seluruh program "Get Paid to Surf" diatas melalui situs "Uang-Gratis", Anda bisa menggunakan contoh homepage ini untuk mendapatkan referal bagi Anda sendiri. Berikut adalah urutan cara penggunaannya : Mendaftarlah pada semua program pencetak uang dari internet diatas melalui situs http://duitgratis.cjb.net. Semuanya gratis, kecuali bonanza. Setelah selesai mendaftar, Anda akan memiliki kode referal sendiri yang secara lengkap akan tampak seperti dibawah ini:

co

Asumsi pembayaran yang bisa Anda dapat dengan jumlah direct referall 5 orang, dan tiap direct referall Anda merekomendasikan lagi ke 5 teman mereka lainnya sampai 4 level, dan tiap orang on-line selama 30 jam sebulan adalah US$ 474 perbulan (atau Rp 4.266.000,- dengan kurs Rp. 9000,-/dolar). Penjelasan lebih detil dan pendaftaran gratis bisa dilihat di http://uangonline.cjb.net.

m

yang Anda ajak bergabung) tanpa mengurangi penghasilan mereka! Sementara itu dari PaidForSurf Anda akan dibayar US$ 0.25 untuk setiap jam on-line.

Penjelasan lebih rinci mengenai cara kerja semua program 'pencetak' uang gratis dari internet diatas bisa dilihat di situs "http://uang.port5.com", "http://duitgratis.cjb.net", "http://uang-gratis.com" atau dari homepage "Uang-Gratis" versi off-line yang ada didalam disket yang disertakan dalam buku ini (gambar 8.18).

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

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

308

Amazing Solutions: http://www.amazingsolution.com/?refid=kode_Anda Klik Duit: http://www.klikduit.com/join.php3?referensi=kode_anda SND Focus: http://www.sndfocus.biz/go.cgi/kode_anda/signup.html

BC
4. 5. 6. 7.

Dimana kode_anda adalah kode referal yang didapat setelah Anda mendaftar pada masing-masing program. Biasanya menggunakan nama member, kecuali Spedia dan TheMail yang menggunakan kode angka. 3.

ww

Gantilah isi semua link yang berlabel "DAFTAR DISINI" atau "KLIK DISINI Untuk Daftar" pada homepage off-line "Uang-Gratis" yang ada didalam disket dengan link-link pada langkah kedua diatas sesuai dengan masing-masing programnya. Untuk dapat mengerjakan langkah nomor tiga ini, Anda harus sudah mendaftar pada semua program yang ada pada langkah nomor satu. Penggantian kode referal sebaiknya dilakukan menggunakan wordpad satu persatu. Caranya: Jalankan wordpad, lalu buka salah satu file dengan meng-klik "File" --> "Open", lalu pilih "Files of type:" dengan tipe 'All Documents (*.*)'. Setelah itu masuklah ke direktori dimana homepage "Uang-Gratis" offline berada dan buka salah satu file yang ingin dirubah kode referal-nya. Setelah file terbuka, tekan tombol [Ctrl]+[H] untuk memunculkan fungsi "Replace". Isi kolom "Find what:" dengan kode yang ingin dirubah. Misalnya jika file yang dibuka adalah epilot.htm, maka kolom ini harus diisi dengan "OKBClub" (kode referal penulis). Kemudian isi kolom "Replace with:" dengan kode referal Anda sendiri,

OK
309

w.

lu
Gambar 8.19: Penggantian kode referal lebih mudah jika dilakukan dengan wordpad.

b.
Edit bagian-bagian lain yang ingin Anda ganti sendiri, misalnya alamat email-nya, logonya, counter-nya atau guestbook-nya. Setelah selesai, upload homepage tersebut ke web server Anda sendiri. Iklankan homepage baru pencari referal tersebut keseluruh dunia (lihat kembali BAB 7). SELESAI. Tunggulah beberapa minggu dan Anda akan kaget sendiri melihat hasilnya !

RefRewards: http://www.refrewards.com/?ref=kode_anda

8.9 MEMPROTEKSI FILE HTML
Apabila menggunakan Internet Explorer, isi file-file html yang membentuk sebuah situs web dengan mudah bisa dilihat oleh pengunjung situs dengan mengklik kanan tombol mouse ditengah browser dan memilih "View Source". Gambar-gambar yang ada dihalaman web juga dengan mudah bisa di copy dengan

co
OKB Club Indonesia – http://www.okbclub.com

Spedia: http://www.spedia.net/cgibin/tz.cgi?run=show_svc&fl=8&vid=kode_anda

m

CashSurfer: http://www.cashsurfers.com/signup.asp?referrer=kode_anda

misalnya "subarnas". Setelah itu klik tombol "Replace All". Lakukan ini pada semua file yang berisi kode referal penulis dan ganti dengan kode referal Anda sendiri.

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

310

Sub bab ini akan membantu Anda untuk sebisa mungkin memperkecil upaya pembajakan karya-karya berharga dari situs web Anda.

8.9.1 Mematikan Fungsi Klik-Kanan Mouse
Salah satu cara yang bisa dilakukan untuk memperkecil usaha pengunjung mengintip isi file html kita adalah dengan mematikan fungsi klik-kanan tombol mouse pengunjung. Sebab cara inilah yang paling banyak digunakan pengunjung situs untuk melihat source code html atau untuk mengambil gambar dari suatu situs web. Dengan trik ini kita bisa mencegah klik-kanan mouse pengunjung sambil menampilkan pesan saat ada user yang mencoba-coba menggunakan klikkanan mouse mereka saat berkunjung ke situs web kita. Teknik yang kita gunakan untuk memblokir penggunaan tombol mouse kanan adalah javascript. Jangan khawatir, Anda tidak perlu membuatnya sendiri. Cukup salin kode yang ada pada buku ini, mengganti pesannya dengan pesan Anda sendiri dan menyisipkannya pada halaman web Anda. Berikut adalah kode script-nya :
<SCRIPT language=javascript> <!-var message="Maaf, halaman ini DIPROTEKSI! Anda TIDAK BOLEH mengambil APAPUN yang ada di situs ini TANPA IJIN !!!"; function click(e) { if (document.all) { if (event.button==2||event.button==3) { alert(message); return false; }} if (document.layers) { if (e.which == 3) { alert(message); return false; }}} if (document.layers) { document.captureEvents(Event.MOUSEDOWN); } document.onmousedown=click; // --> </SCRIPT>

OK
311

w.

ww

BC

lu

b.
Gambar 8.20: Pesan akan muncul jika ada user mengklik kanan tombol mouse!

CATATAN :
Teknik memblokir klik-kanan mouse ini sudah cukup ampuh untuk membuat pengunjung tidak bisa membajak gambar atau background, tidak bisa menyalin teks, menyimpan target, membuka link menggunakan "Open Link in New Window" atau meng-"Copy Shortcut". Akan tetapi tidak mampu mencegah user yang ingin melihat source code html melalui menu "View" "Source". Untuk mengatasi ini, Anda harus melakukan enkripsi file html seperti yang akan dijelaskan pada sub bab 8.9.2 dibawah.

8.9.2 Meng-enkripsi File Html
Anda memiliki situs web bagus dengan banyak javascript canggih didalamnya? Well, tidak ada seorangpun yang bisa mencegah dicurinya kode-kode tersebut dari halaman web Anda. Siapapun bisa mengambilnya dengan mudah dan menggunakannya untuk homepage mereka sendiri. Apalagi rumor di internet

co
OKB Club Indonesia – http://www.okbclub.com

m

klik kanan tombol mouse dan memilih "Save Picture As …". Akibatnya, tidak ada rahasia yang bisa Anda sembunyikan dari file-file HTML Anda.

Sisipkan script diatas pada file html Anda dibawah tag <BODY>. Jika kemudian file html yang telah disisipi script tersebut ditampilkan dilayar browser, maka sebuah pesan peringatan akan muncul apabila ada pengunjung situs yang iseng mengklik kanan mouse mereka!

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

312

Berikut adalah contoh cara proteksi pada file index.htm langkah-demi langkah dengan asumsi Anda telah menginstal Psyral Phobia Pro dan crackernya kedalam harddisk : 1. 2. Siapkan file-file html yang ingin diproteksi. Buat backup file seperlunya karena tidak ada cara untuk mengembalikannya setelah diproteksi. Pada contoh ini, penulis menggunakan file html asli seperti dibawah ini:
<HTML> <HEAD> <TITLE>Halaman ini diproteksi !</title> </HEAD> <BODY> <P ALIGN="center">&nbsp;</P> <P ALIGN="center"><B> <FONT SIZE="5"> Halaman ini diproteksi ! <BR> Anda tidak akan bisa melihat source code aslinya !!! </FONT> </B> </P> </BODY> </HTML> 3. 4.

lu
6.

5.

w.

Jalankan program Psyral Phobia Pro. Klik tab "Single" (atau tab "Folder" jika Anda ingin memproteksi semua file yang ada didalam suatu folder), lalu browse file yang ingin diproteksi dengan meng-klik tombol "…". Setelah itu klik tombol "Process". Klik tombol "OK" pada tampilan "Done processing file" yang muncul setelah proses enkripsi selesai.

OK
Gambar 8.22: Tampilan file html setelah di enkripsi dengan Psyral Phobia (tanpa Website Corrector)

ww

BC
313

b.
Gambar 8.21: Proteksi file html dengan Psyral Phobia Pro

Menyerah? No Way! Anda bisa memproteksi halaman web Anda dengan mengenkripsinya menjadi kode-kode tertentu yang sulit dibaca menggunakan javascript. Eiiiitttt, …. tak usah panik jika Anda tidak mengerti sedikitpun akan javascript, karena kita akan menggunakan program bantu untuk melakukannya. Program tersebut bernama Psyral Phobia Pro. Anda bisa men-download-nya gratis dari alamat http://psyral.com/downloads.html (1,2 MB). Setelah mendownload programnya, jangan lupa download juga cracker-nya. Anda bisa mencarinya di http://astalavista.box.sk dengan memasukkan kata kunci "Psyral Phobia".

co
Pada saat ini, proses enkripsinya telah selesai. Akan tetapi jika hasilnya ditampilkan dilayar, disana akan ada tambahan teks bertuliskan "UNREGISTERED ENCODING BY USER" yang sangat mengganggu (gambar 8.22). Untuk menghilangkannya, gunakan program "Psyral Phobia Website Corrector". OKB Club Indonesia – http://www.okbclub.com

m
314

mengatakan bahwa saat ini di Indonesia tidak ada "copyright", yang ada justru malah "right to copy".

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

Gambar 8.23: Proses koreksi kode html dengan Psyral Phobia Website Corrector

8.

Klik tombol "OK" setelah proses koreksi selesai. Sekarang jika file index.htm dibuka dengan notepad, kita akan melihat tampilan source code yang sudah dienkripsi seperti dibawah ini. Anda bisa memahaminya?
<HTML> <HEAD> <TITLE>Halaman ini diproteksi !</TITLE> <META HTTP-EQUIV="Expires" CONTENT="Tue, 16 Jan 1990 21:29:02 GMT"> </HEAD>

OK
315

BC

ww

<BODY> <SCRIPT LANGUAGE="JavaScript"><!-function Decode() { d("4nbij34nqur34bmbjq3nUJUIUH MHM RMFDGBQKCM !4/BMBJQ34/nqur34tgrW34f ujmoh=0SQHBQD03&HTCF;4/f34f ujmoh=0SQHBQD034t34pghb cmVq=0z03nUJUIUH MHM RMFDGBQKCM

w.

lu

b.
TIPS :

Untuk melakukan proteksi source code html secara total, sisipkan script pencegah klik kanan sebelum melakukan enkripsi dengan Psyral Phobia! Maka bisa dipastikan bahwa rata-rata pengunjung akan dibuat kecewa jika ingin membajak isi dan teknologi yang ada di situs web Anda!

8.10 MENYISIPKAN JAM/TANGGAL SAAT INI & TANGGAL UPDATE
Untuk membuat tampilan situs web menjadi lebih profesional, kita bisa menambahkan tanggal hari ini (beserta jamnya) dan tanggal update file html secara otomatis sehingga kita tidak harus merubah tanggal update secara manual setiap kali kita mengedit file html kita. Berikut adalah script yang bisa Anda gunakan untuk menampilkan tanggal dan jam. Sisipkan script ini dimana saja, misalnya diatas tag </HEAD>.
<SCRIPT language="JavaScript" type="text/javascript"> <!-- Script TANGGAL dan JAM Hari ini var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate = new Date(); myday = mydate.getDay(); mymonth = mydate.getMonth(); myweekday= mydate.getDate();

co

m

7.

Sekarang, jalankan program Website Corrector untuk menghilangkan teks tambahan pada file asli. Program ini sudah ada didalam program cracker untuk Psyral Phobia Pro. Setelah dijalankan, dobel klik pada kolom dibawah label "Input Filename" dan cari file yang akan dikoreski. Setelah itu, klik juga kolom dibawah label "Output Filename" dan pilih file yang sama. Akan tetapi sekarang file outputnya harus Anda ganti sendiri dengan nama yang lain. Pada contoh ini, file asli dengan tambahan teks sudah penulis ganti dengan nama "index_.htm". Sehingga hasil outputnya bisa langsung diberi nama "index.htm" (lihat gambar 8.23).

!4td3uHRU BMRUK UKUH TMCU IQJMNUB CGADSQ SGRQ UCJMH6U !!!4/pghb34/t34/f34/tgrW34/nbij3"); return 0;} //--></SCRIPT> <SCRIPT LANGUAGE="JavaScript"><!-ky="";function d(msg){ky=ky+codeIt(key,msg);}var key = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw xyz<>]#\"";function codeIt (mC, eS) {var wTG, mcH = mC.length / 2, nS = "", dv;for (var x = 0; x < eS.length; x++) {wTG = mC.indexOf(eS.charAt(x));if (wTG > mcH) {dv = wTG - mcH;nS = nS + mC.charAt(33 - dv);}else {if (key.indexOf(eS.charAt(x)) < 0) {nS = nS + eS.charAt(x)}else {dv = mcH - wTG;nS = nS + mC.charAt(33 + dv);}}}return nS;} //--></SCRIPT><SCRIPT LANGUAGE="JavaScript"><!-Decode();document.write(ky);//--></SCRIPT>

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

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

316

OK
317

weekday= myweekday; myyear= mydate.getYear(); year = myyear; myhours = mydate.getHours(); ampmhour = (myhours > 24) ? myhours - 12 : myhours; ampm = (myhours >= 12) ? ' PM' : ' AM'; mytime = mydate.getMinutes(); myminutes = ((mytime < 10) ? ':0' : ':') + mytime; if(myday == 0) day = " Minggu, "; else if(myday == 1) day = " Senin, "; else if(myday == 2) day = " Selasa, "; else if(myday == 3) day = " Rabu, "; else if(myday == 4) day = " Kamis, "; else if(myday == 5) day = " Jum'at, "; else if(myday == 6) day = " Sabtu, "; if(mymonth == 0) { month = "Januari ";} else if(mymonth ==1) month = "Februari "; else if(mymonth ==2) month = "Maret "; else if(mymonth ==3) month = "April "; else if(mymonth ==4) month = "Mei "; else if(mymonth ==5) month = "Juni "; else if(mymonth ==6) month = "Juli "; else if(mymonth ==7) month = "Agustus "; else if(mymonth ==8) month = "September "; else if(mymonth ==9) month = "Oktober "; else if(mymonth ==10) month = "Nopember "; else if(mymonth ==11) month = "Desember "; // End --> </SCRIPT>

lu BC

ww

<SCRIPT type="text/javascript"> document.write("<b><font size=2 color=blue face='helvetica,arial'>" + day + myweekday + " " + month)

w.

Setelah itu sisipkan script dibawah ini dilokasi dimana Anda ingin menampilkan kalender dan jamnya. Hasil script ini adalah seperti tampak pada gambar 8.18 sebelah kanan atas :

b.

<CENTER><FONT SIZE="2"><U>Update terakhir</U> :<BR> <SCRIPT language="JavaScript" type="text/javascript"> <!-document.write(document.lastModified) // --> </SCRIPT> </FONT></CENTER>

8.11 TRIK MENDAPATKAN UNLIMITED WEB SPACE!
Anda memerlukan spasi gratis tidak terbatas? Well, cara termudah yang bisa dilakukan adalah mencari penyedia layanan unlimited free webspace melalui search engine di internet. Atau lihatlah kembali review mengenai beberapa free webspace yang menyediakan unlimited webspace pada Langkah ke-4 buku ini. Akan tetapi jika Anda tidak puas dengan penyedia layanan yang Anda temui, Anda bisa menggunakan layanan free webspace apa saja yang Anda sukai. Dan mendaftar ke penyedia layanan yang sama berkali-kali. Sebagai contoh, Anda menginginkan spasi 500 MB untuk homepage Anda. Maka Anda bisa mendaftar ke Angelfire atau Tripod 10 kali (Anda akan mendapat 50 MB setiap mendaftar). Atau, Anda bisa juga mendaftar di di FortuneCity 5 kali (Anda akan mendapat 100 MB setiap kali mendaftar). Ini adalah cara yang aman untuk menyimpan file-file Anda di Internet. Seandainya salah satu account Anda dicabut atau rusak, maka tidak semuanya hilang. Tetapi jika Anda mendaftar langsung di penyedia free webspace yang memberikan langsung 500 MB atau bahkan yang memberikan unlimited free webspace sekaligus, maka file-file Anda OKB Club Indonesia – http://www.okbclub.com

co

Dan dibawah ini adalah script untuk menampilkan tanggal update file. Letakkan dilokasi dimana Anda ingin menampilkan tanggal update-nya :

m

document.write(year + " - " + ampmhour + "" + myminutes + " WIB" + "<\/font>"); </SCRIPT>

Gambar 8.24: Tampilan tanggal update terakhir

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

318

8.13 JANGAN KHAWATIR MEMAKAI WEB AUTHORING TOOL VERSI SHAREWARE!

Untuk menambah daya tarik situs web pada para pengunjung yang menggunakan piranti multimedia saat melakukan surfing, kita bisa menyisipkan musik midi kedalam situs web. Penyisipan musik (midi) dapat dilakukan dengan tag <BGSOUND> yang diletakkan diantara tag <HEAD> dan </HEAD>. Perhatikan contoh penggunaannya dibawah ini :
<HEAD> <TITLE>JUDUL HOMEPAGE</TITLE> ... <BGSOUND SRC="namafile.mid" LOOP="-1"> </HEAD> <BODY> ... isi homepage Anda ... </BODY>

OK
319

ww

Catat bahwa sebelumnya Anda harus sudah memiliki file musik yang ingin dimainkan. File-file semacam ini banyak terdapat di internet dan bisa di download gratis. Cobalah kunjungi salah satu situs search engine dan masukkan kata "musik", "midi" atau "midi files", maka sebentar kemudian Anda akan dihadapkan pada ratusan link dimana Anda bisa men-download musik-musik midi gratis. OKB Club Indonesia – http://www.okbclub.com

w.

BC

8.12 MENYAMBUT PENGUNJUNG DENGAN MUSIK

lu

Dengan trik ini, tidak ada lagi keluhan "Wah bagus-sih bagus, tanpa iklan lagi. Tapi sayang, spasinya cuma 15 MB !". Ya, secara teori, asal Anda mau, Anda bisa mendapatkan spasi tak terbatas dari penyedia layanan free webspace manapun yang Anda sukai !!!

b.

Setelah mendaftar 5 kali di free webspace, Anda bisa mulai mendistribusikan file-file Anda ke masing-masing account dan membuat link filenya dengan salah satu account yang Anda jadikan homepage induk.

Tidak perlu basa-basi, penyebab utama mengapa Anda membeli, membaca dan mempelajari buku ini, sebagian besar mungkin adalah karena Anda tertarik dengan kata kunci yang satu ini: GRATIS! Ya! Semua orang akan tertarik dengan ‘magic word’ ini. Jadi, tidak perlu malu-malu untuk memiliki homepage gratis, email gratis, uang gratis dan sekarang, program gratis! Jika kita telusuri, di internet ada banyak sekali software dan tool yang bisa digunakan untuk mempermudah pembuatan web, mempercantik tampilannya atau bahkan menjaga keamanannya. Program-program yang biasa disebut web authoring tool dan bisa di download gratis dari internet ini umumnya adalah versi shareware atau versi limited evaluation, meski banyak juga kita temui versi freeware-nya. Mungkin Anda sering mengeluh saat menggunakan program gratisan semacam ini karena seringkali programnya tidak berfungsi sepenuhnya sebelum diregistrasi, atau muncul pesan-pesan mengganggu yang tidak Anda inginkan.

Jika kita telusuri lebih jauh lagi, fakta juga menjunjukkan bahwa internet mau tidak mau juga menjadi media baru untuk saling bertukar informasi dikalangan pelaku cracking. Disana ada banyak sekali situs yang memberi info gratis tentang ratusan ribu nomor seri software untuk bisa dipakai. Salah satunya adalah "http://www.warezslutz.com" yang jadi rujukan para mania cracking di Eropa. Jika mau, Anda juga bisa dengan mudah mencari program cracker dengan search engine khusus yang memang disediakan untuk itu. Alamatnya adalah "http://astalavista.box.sk". Hampir semua program shareware maupun limited evaluation bisa ditemukan cracker-nya dengan perantara search engine ini.

Karena itu mulai sekarang Anda tidak perlu risau jika men-download sebuah program yang ternyata adalah versi shareware. Anda tinggal mengarahkan browser Anda ke astalavista, mengetikkan nama programnya, dan beberapa detik kemudian program cracker-nya sudah nongol didepan mata, siap untuk di download dengan sekali klik!!!

co

Yang perlu Anda perhatikan adalah bahwa Anda akan memerlukan jumlah alamat e-mail sebanyak jumlah pendaftaran yang Anda lakukan. Jadi, jika Anda ingin mendaftar 5 kali, maka Anda harus memiliki alamat e-mail sebanyak 5 buah. Hal ini karena setiap penyedia free webspace hanya mengijinkan satu alamat e-mail untuk satu account.

m

akan lenyap semuanya jika sewaktu-waktu account Anda tidak bisa digunakan lagi!

Dengan baris-baris html seperti diatas, musik midi akan segera dimainkan begitu homepage dibuka. Angka "–1" pada atribut LOOP akan membuat browser terusmenerus memainkan musiknya (loop tak terbatas).

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

320

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 menggunakan software gratisan!

Gambar 8.25: Hasil pencarian cracker Psyral Phobia dari astalavista.box.sk

ww

w.
OKB Club Indonesia – http://www.okbclub.com

OK
321

BC

lu

b.

co

Sebagai contoh, program Psyral Phobia Pro yang kita gunakan untuk mengenkripsi file html pada sub bab 8.9.2 adalah versi shareware yang akan menghasilkan file terenkripsi dengan tampilan pesan menjengkelkan dibagian atas halaman web (gambar 8.22). Apakah ada cracker-nya? Oke. Anda akan segera tahu sebentar lagi.

m

You're Reading a Free Preview

Download
scribd
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->