Docstoc

Cara_Buat_Website_Gratis

Document Sample
Cara_Buat_Website_Gratis Powered By Docstoc
					CARA MEMBUAT
WEBSITE SENDIRI
    dengan modal

    100%
   GRATIS !




                   ii
                                                                                   setup agar Anda bisa membukanya baik melalui browser maupun melalui
                KATA PENGANTAR                                                     Outlook Express. Alamat e-mail adalah satu-satunya mata uang yang sah di
                                                                                   internet untuk mendapatkan segala hal yang berbau gratisan. Anda akan sangat
                                                                                   memerlukannya pada langkah-langkah selanjutnya, bukan hanya sekedar untuk
                                                                                   gengsi!
    Setahun atau dua tahun yang lalu, memiliki alamat e-mail sudah bisa
dibanggakan. Akan tetapi kini gengsi itu sudah bergeser. Mencantumkan alamat           Pada langkah KETIGA, Anda akan mulai mempelajari html, bahasa inti yang
situs pribadi di kartu nama adalah kebanggaan baru.                                dipakai untuk menulis halaman-halaman web. Setelah memahami langkah ketiga
    Sayangnya, hanya sedikit diantara kita yang bisa membuat homepage sendiri.     ini, Anda akan memiliki kemampuan untuk membuat homepage off-line. Yaitu
Padahal untuk menyuruh orang lain membuatkan homepage untuk kita, biayanya         situs homepage yang hanya bisa diakses dari komputer karena file-file yang
tidaklah sedikit. Kita harus membayar untuk desain web-nya, membayar untuk         membentuk homepage tersebut masih berada didalam harddisk.
sewa server-nya dan akhirnya membayar untuk mendapatkan nama domain-nya.                Pada langkah KEEMPAT, Anda akan mempelajari bagaimana cara
    Sementara itu, beberapa orang yang mengetahui cara membuat halaman web         mendaftar ke situs-situs penyedia layanan spasi web gratis (free webspace) baik
tidak cukup mengerti bagaimana caranya supaya situs web mereka bisa on-line        dari dalam maupun luar negeri. Bagaimana memilihnya dan bagaimana cara
dan bisa diakses dari seluruh dunia. Banyak sekali materi bahasan di majalah dan   setup-nya. Jika kebetulan Anda memiliki alamat e-mail di Yahoo!Mail, maka
buku-buku komputer yang membuat banyak orang menyadari bahwa mereka bisa           sebetulnya Anda juga memiliki web server siap pakai sebesar 15MB. Pada
mendesain situs web sendiri menggunakan Ms. Word 97/2000 atau Ms.                  langkah keempat ini juga diajarkan bagaimana caranya memanfaatkan web server
FrontPage 98/2000. Akan tetapi setelah desain web mereka jadi, mereka tidak        ini.
tahu apa yang harus dilakukan selanjutnya. Untuk itulah buku ini ditulis!              Setelah Anda terdaftar pada salah satu web server gratis, pada langkah
   Seiring dengan perkembangan jaman di era cyberspace ini, memiliki situs         KELIMA akan dibahas cara upload file dari harddisk ke web server agar file-
web selalu memberi banyak keuntungan. Jika Anda bertanya, "Mengapa saya            file html Anda bisa diakses oleh semua orang dari seluruh dunia. Pembahasan
harus memiliki homepage?", maka apapun profesi Anda, pasti selalu ada              pada langkah kelima ini meliputi tata cara upload file menggunakan program
jawabannya.                                                                        client FTP (File Transfer Protokol), browser, file manager dan Ms. FrontPage
                                                                                   2000. Setelah melaksanakan langkah kelima ini, Anda akan langsung memiliki
    Buku ini disusun berdasarkan pengalaman penulis dalam membuat situs web        homepage on-line sendiri yang bisa diakses dari seluruh dunia oleh siapapun
gratis di internet. Anda akan dituntun langkah demi langkah dalam pembuatan        dan kapanpun!
situs web dari mulai cara akses internet-nya, mendaftar ke penyedia e-mail
gratis, mempelajari html untuk membuat homepage off-line, mendaftar ke web            Untuk membuat tampilan situs web menjadi lebih profesional, pada langkah
server dalam maupun luar negeri, meng-upload situs web yang sudah jadi ke web      KEENAM akan dibahas mengenai tata cara mendapatkan counter pengunjung
server sampai dengan tata cara promosi dan trik-triknya. Semua materi dan          dan buku tamu (Guest Book) gratis dari internet, juga tentang tata cara
software yang digunakan dalam pembuatan homepage ini semuanya bisa                 penyisipan kode-kodenya kedalam halaman utama situs web kita.
diperoleh gratis dari internet.                                                        Setelah memiliki homepage sendiri dengan tampilan dan isi yang sangat
    Pada langkah PERTAMA, Anda akan mempelajari bagamana cara akses ke             bagus, tentu tidak ada gunanya jika tidak ada yang mengetahuinya! Karena itu
internet menggunakan ISP-Gratis beserta setup software dan hardware-nya.           pada langkah KETUJUH, akan dibahas mengenai bagaimana cara
Walaupun sebenarnya tidak bisa dikatakan benar-benar gratis, akan tetapi penulis   mempromosikan situs web baru kita keseluruh dunia, baik melalui pemasangan
memasukkannya dalam kelompok ini karena untuk bisa mengakses internet, Anda        iklan gratis di internet, melalui banner exchange, melalui portal lokal maupun
tidak perlu mendaftar ke ISP (Internet Service Provider), tidak perlu membayar     melalui pendaftaran ke situs-situs search engine internasional seperti Alta Vista,
uang iuran bulanan dan tidak perlu membayar kelebihan jam akses.                   HotBot, Excite, WebCrawler, InfoSeek, Lycos dan lain sebagainya.

   Setelah Anda dapat terhubung ke internet, pada langkah KEDUA diajarkan              Selain ketujuh langkah wajib diatas, penulis menambahkan satu langkah
bagaimana caranya mendapatkan e-mail gratis berbasis web dan POP3 serta cara       terakhir sebagai langkah BONUS, yaitu TIP & TRIK untuk memaksimalkan
                                                                                   keuntungan dari penggunaan homepage pribadi dan internet. Didalamnya
                                                                             iii                                                                                  iv
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
                                                                                                                         DAFTAR ISI
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.                                                                            KATA PENGANTAR ..................................................................... v
    Akhirnya, pada kesempatan ini penulis ingin mengucapkan banyak terima           DAFTAR ISI................................................................................................................. vii
kasih kepada pimpinan PT. Elex Media Komputindo beserta seluruh staf yang           PENDAHULUAN: Punya Homepage Sendiri? Untuk Apa? xv
telah memungkinkan bisa terwujudnya buku ini. Juga ucapan terima kasih penulis      Seberapa Besar Internet Sekarang ? ................................................. xvii
sampaikan kepada istri tercinta yang telah merelakan berkali-kali pulsa telepon     Seberapa Dinamis Internet ? ............................................................. xviii
di rumah membengkak tidak karuan!
   Selamat membaca! Selamat mendesain homepage Anda sendiri dan selamat             BAB 1 - LANGKAH KE-1:
menikmati hasilnya!
                                                                                    AKSES INTERNET MENGGUNAKAN ISP GRATIS! .                                                                                    1

                                                                                    1.1 Koneksi Ke ISP-G TelkomNet Instan ..................................                                                   3
                                                                                    1.2 Persyaratan Teknis .......................................................................                             4
                                                                                    1.3 Spesifikasi Komputer .................................................................                                 5
                                                                                    1.4 Instalasi Dial-Up Networking Win 95/98 .............................                                                   6
                                                                                    1.5 Membuat Koneksi Baru Ke TelkomNet ...............................                                                      8
                                                                                    1.6 Instalasi Protokol TCP/IP ........................................................                                    10
                                                                                    1.7 Setting DNS ..................................................................................                        11
                                                                                    1.8 Setting Proxy .................................................................................                       12
                                                                                    1.9 Memulai Koneksi Ke TelkomNet ...........................................                                              14
                                                                                    1.10 Anda Perlu Bantuan? ..................................................................                               16

                                                                                    BAB 2 – LANGKAH KE-2:

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

                                                                                    2.1 Mendaftar ke Yahoo!Mail, E-Mail Gratis Berbasis WEB+
                                                                                        18
                                                                                    2.2 Mendaftar ke TelkomMail, E-Mail Gratis Berbasis POP3+ ..........                                                      23
                                                                                    2.3 Set-Up Yahoo!Mail Agar Mendukung POP3 .......................                                                         26
                                                                                    2.4 Set-Up Outlook Express Untuk Membuka Yahoo!Mail ....                                                                  29
                                                                                    2.5 Memburu Penyedia Layanan E-Mail Gratis! ........................                                                      31
                                                                               v                                                                                                                                vi
    2.5.1  Penyedia Layanan E-Mail POP3/SMTP Gratis!. 31                                                               3.3.2    Format Dasar File HTML ........................................                   54
    2.5.2  Penyedia Layanan E-Mail Berbasis WEB Gratis!                                                                3.3.3    Informasi Versi HTML .............................................                55
    32                                                                                                                 3.3.4    Memberi Judul Halaman/Bookmark .....................                              56
    2.5.3  Penyedia Layanan E-Mail Dengan Nama Unik !                                                                  3.3.5    Informasi untuk Search Engine ..............................                      57
    36                                                                                                                 3.3.6    Mengatur Warna Teks Global .................................                      59
    2.5.4  Penyedia E-Mail Gratis Dengan Spasi 40 MB! ... 37                                                           3.3.7    Mengatur Warna Latarbelakang ..............................                       60
2.6 Anda Akan Dibayar Untuk Membaca E-mail ...................... 38                                                   3.3.8    Menggunakan Link .....................................................            62
                                                                                                                       3.3.9    Mengatur Warna Link ................................................              63
BAB 3 – LANGKAH KE-3:                                                                                                  3.3.10 Membuat Garis Horisontal ...........................................                63
                                                                                                                   3.4 MANIPULASI TEKS ...............................................................            66
MEMPELAJARI HTML ............................................................... 39                                    3.4.1    Tebal, Miring, Garis Bawah dan Kombinasi .......                                  65
                                                                                                                       3.4.2    SubScript & SuperScript ...........................................               66
3.1 PENDAHULUAN .....................................................................                       39         3.4.3    Menampilkan Teks Apa Adanya .............................                         67
    3.1.1      Evolusi Cyberspace ....................................................                      40         3.4.4    Mencoret teks ...............................................................     68
    3.1.2      Sekitar World Wide Web ..........................................                            40         3.4.5    Membuat Teks Berkedip ...........................................                 68
          URL ........................................................................................      40         3.4.6    Membuat Teks Berjalan ............................................                69
          HTTP .....................................................................................        41         3.4.7    Menggunakan Header ................................................               70
          HTML ....................................................................................         42         3.4.8    Mengatur Paragraph ...................................................            71
    3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa Menjawab                                                           3.4.9    Mengatur Alignment ..................................................             71
          Ini! ..........................................................................................   43         3.4.10 Mengatur Indent Paragraph ..........................................                73
          Mengapa Anda Ingin Membuat Homepage? ................                                             43         3.4.11 Memilih Font ....................................................................   74
          Siapa Yang Anda Harapkan Tertarik Dengan Homepage                                                            3.4.12 Memilih Warna Font .......................................................          76
          Anda? ......................................................................................      43         3.4.13 Mengatur Ukuran Font ...................................................            77
          Tipe Homepage Yang Bagaimana Yang Anda Inginkan? ...                                              44         3.4.14 Mengatur Font Default ..................................................            78
          Mengenai Apa Isi Homepage Anda? ..............................                                    44     3.5 MANIPULASI GAMBAR .......................................................                  81
          Seperti Apa Tampilan Homepage Yang Anda Inginkan? ....                                            44         3.5.1    Memburu Editor Gambar Gratis Dari Internet ..                                     80
          Dimana Anda Ingin Memasang Homepage Anda? ....                                                    44         3.5.2    Cara Menampilkan Gambar .....................................                     83
    3.1.4      Memilih Editor .............................................................                 45         3.5.3    Membuat Linebar & Bullet Dengan Gambar .....                                      85
3.2 DASAR-DASAR HTML ...........................................................                            49         3.5.4    Mengatur Ukuran Tampilan Gambar ....................                              86
    3.2.1      Mengenal Tag ..............................................................                  48         3.5.5    Menampilkan Teks Di Area Gambar ....................                              87
    3.2.2      Atribut Tag ...................................................................              50         3.5.6    Mengatur Border Gambar ........................................                   88
    3.2.3      Karakter-Karakter Khusus .......................................                             51         3.5.7    Trik Mempercepat Gambar Tampil Dilayar ........                                   90
    3.2.4      Menangani Spasi dan Ganti Baris ...........................                                  52         3.5.8    GIF atau JPG ? ...........................................................        91
    3.2.5      Menyisipkan Komentar .............................................                           52         3.5.9    Menggunakan Gambar Animasi .............................                          92
3.3 MEMULAI MEMBUAT HOMEPAGE ..............................                                                 54         3.5.10 Menggunakan Gambar Untuk Membuat Imagemap .........                                 94
    3.3.1      Bagaimana memulainya? ...........................................                            53         3.5.11 Optimasi Gambar ............................................................        97
                                                                                                             vii                                                                                                   viii
            Mengurangi warna ............................................................. 97            3.9.9    Tabel dalam tabel ........................................................ 133
            Menghilangkan komentar pada file GIF ..................... 97                                3.9.10 Mengatur warna background sel .................................. 134
            Menghilangkan data non-gambar pada file JPG ....... 98                                       3.9.11 Cara mudah membuat tabel dengan HomeSite ....... 139
            Menurunkan kualitas gambar hingga batas yang masih
            dapat diterima mata .......................................................... 98     BAB 4 – LANGKAH KE-4:
            Memperkecil area gerak gambar animasi .................... 99
            Mengkompres file GIF Animasi ................................... 101                  MENDAFTAR KE WEB SERVER GRATIS! ...................... 143
            Jangan menjadi perampok Bandwidth! ........................ 102
3.6   MANIPULASI DAFTAR ITEM ........................................... 105                      4.1 MEMBURU WEB SERVER GRATIS .................................                                           144
      3.6.1    Membuat Daftar Tak Berurut ................................. 103                       4.1.1 Web Server Gratis Dari Indonesia ..................................................             144
      3.6.2    Membuat Daftar Berurut .......................................... 104                        Rileks Free Homepage .......................................................                    141
      3.6.3    Mengatur Angka Awal Item ..................................... 106                           SSNet ......................................................................................    142
      3.6.4    Membuat Daftar Definisi ......................................... 107                        Capella.co.id ..........................................................................        143
      3.6.5    Menampilkan Daftar Multi-Colum ........................... 109                               CeritaSeru.org .......................................................................          144
3.7   MENGGUNAKAN FORM .................................................... 113                       4.1.2 Web Server Gratis Dari Luar Negeri .............................................                149
      3.7.1    Mendapatkan Informasi Dari Pengunjung ........... 111                                        20m .........................................................................................   146
      3.7.2    Melakukan Survei Pengunjung ................................ 112                             4Office.net ............................................................................        146
      3.7.3    Menggunakan Menu Drop-Down .............................. 113                                50Megs ...................................................................................      146
      3.7.4    Mendapatkan Komentar Dari Pengunjung .......... 114                                          AcmeCity ...............................................................................        147
      3.7.5    Mengganti Label Tombol ......................................... 115                         Angelfire ................................................................................      147
      3.7.6    Mengirim Data Tersembunyi .................................. 117                             Big Step ..................................................................................     148
      3.7.7    Membuat Link Dengan Tombol ............................. 118                                 Bizland ...................................................................................     148
      3.7.8    Menggunakan WEB Form Text Formatter ............... 118                                      BootBox.net ..........................................................................          149
3.8   MENGGUNAKAN FRAME ................................................. 122                               Crosswinds ............................................................................         149
      3.8.1    Membelah layar dalam frame .................................. 120                            DenCity ..................................................................................      150
      3.8.2    Menggunakan link dalam frame .............................. 123                              Domain Valet .......................................................................            151
      3.8.3    Cara mudah membuat frame dengan Frame-It . 123                                               Dreamwater ..........................................................................           151
3.9   MENGGUNAKAN TABEL .................................................. 127                              Envy ........................................................................................   151
      3.9.1    Format dasar sebuah tabel ........................................ 124                       EWebCity ..............................................................................         151
      3.9.2    Mengatur border ......................................................... 126                Fortune City ..........................................................................         152
      3.9.3    Manipulasi sel dalam tabel ....................................... 127                       Freedom2Surf ......................................................................             152
      3.9.4    Menampilkan sel kosong ........................................... 128                       Freeservers ............................................................................        153
      3.9.5    Menggabung Sel .......................................................... 129                FreeYellow ............................................................................         154
      3.9.6    Mengatur perilaku sel ................................................. 130                  Geocities ................................................................................      154
      3.9.7    Mengatur alignment tabel ......................................... 132                       Go Network ..........................................................................           155
      3.9.8    Mengatur alignment sel ............................................. 132                     Homepage .............................................................................          155
                                                                                             ix                                                                                                                   x
          Homestead ............................................................................                                   155    BAB 5 – LANGKAH KE-5:
          Hypermart .............................................................................                                  156
          iXprss .....................................................................................                             157    MEMASANG HOMEPAGE KE WEB SERVER (UPLOAD
          LiveUniverse .........................................................................                                   157    FILE)  .......................................................................................... 186
          NetColony .............................................................................                                  158
          PortLand ................................................................................                                158    5.1 UPLOAD FILE DENGAN FILE MANAGER ..............                                             187
          Rebondir ................................................................................                                159        5.1.1 Upload file ke TRIPOD ...........................................                    187
          Stas .................................................................................................................   159        5.1.2 Upload file ke GEOCITIES ...................................                         191
          Stormloader ..........................................................................                                   159    5.2 UPLOAD FILE MENGGUNAKAN BROWSER ..........                                                 194
          TheBurgh ...............................................................................                                 160    5.3 UPLOAD FILE MENGGUNAKAN PROGRAM FTP
          Tripod .....................................................................................                             160        197
          Virtual Avenue .....................................................................                                     160    5.4 UPLOAD FILE MENGGUNAKAN FRONTPAGE 2000 .                                                   200
          WebHostMe ..........................................................................                                     161        5.4.1 Upload file dari server FrontPage ..........................                         200
          Xoom (NBCi) .......................................................................                                      161        5.4.2 Upload file dari Folder HardDisk ..........................                          203
    4.1.3 Spasi Gratis Untuk Yang Punya 'Minat Khusus' ......................                                                      165
          Anzwers .................................................................................                                165    BAB 6 – LANGKAH KE-6:
          NightSites ..............................................................................                                166
          Sexplosion .............................................................................                                 167    MEMASANG COUNTER DAN GUESTBOOK GRATIS !
          Internet Trash .......................................................................                                   167           .......................................................................................... 206
4.2 MENDAFTAR KE WEB SERVER GRATIS ...................                                                                             169
    4.2.1      Mendaftar ke Rileks.Com .........................................                                                   169    6.1 MEMASANG COUNTER ......................................................                    207
    4.2.2      Mendaftar ke Tripod.Com ........................................                                                    171        6.1.1 Memasang Counter di Tripod .................................                         207
          Mengganti Mode Iklan di Tripod ....................................                                                      174        6.1.2 Memasang Counter di Geocities .............................                          208
          Mengaktifkan FrontPage Server Extension Tripod ....                                                                      177        6.1.3 Memburu Counter Gratis di Internet ....................                              210
4.3 MENGAKTIFKAN HOMEPAGE DI GEOCITIES ...                                                                                         178        6.1.4 Mendapatkan Counter dari AddFreeCounter ......                                       213
4.4 MENDAPATKAN NAMA DOMAIN SENDIRI ..........                                                                                     181        6.1.5 Mendapatkan Counter dari Admo.Net ..................                                 218
    4.4.1      Tentang InterNIC .......................................................                                            181    6.2 MEMASANG GUESTBOOK ...............................................                         222
    4.4.2      Anda Harus Punya Tempat Parkir .........................                                                            182        6.2.1 Memasang Guestbook di Geocities .......................                              223
    4.4.3      Cara Memperoleh Nama Domain Gratis .............                                                                    183        6.2.2 Memburu Guestbook Gratis ...................................                         226
    4.4.4      Jualan Nama Domain? Mengapa Tidak? ..............                                                                   184        6.2.3 Mendapatkan Guestbook Gratis dari Admo.Net ..........                                229
                                                                                                                                              6.2.4 Mendapatkan Guestbook Gratis dari htmlGEAR .......                                   232




                                                                                                                                     xi                                                                                                      xii
BAB 7 – LANGKAH KE-7:                                                                                       8.3  MEMBUAT AUTO REMINDER ......................................... 298
                                                                                                            8.4  MENYISIPKAN FASILITAS URL-MINDER ................ 299
UMUMKAN HOMEPAGE BARU ANDA KE SELURUH                                                                       8.5  MELAKUKAN REDIRECT HALAMAN WEB ............. 300
DUNIA ! .......................................................................................... 248      8.6  MEMASANG POLLING KEDALAM SITUS WEB ..... 301
                                                                                                            8.7  TRIK MEMILIKI ALAMAT DOMAIN GRATIS! ......... 307
7.1 MEMBURU PENYEDIA LAYANAN IKLAN GRATIS .....                                                   249       8.8  MANFAATKAN SITUS WEB UNTUK MENCARI UANG!
7.2 MEMASANG IKLAN ONLINE GRATIS .......................                                          252                  ................................................................................................................. 312
7.3 PROMOSI SITUS WEB MELALUI SITUS PORTAL ..                                                     255       8.9 MEMPROTEKSI FILE HTML ............................................. 316
    7.3.1 Mendaftar Ke Situs Portal Satunet .........................                             250            8.9.1 Mematikan Fungsi Klik-Kanan Mouse Pengunjung ... 317
    7.3.2 Mendaftar Ke Situs Portal Catcha.co.id ................                                 252            8.9.2 Mengenkripsi File Html ............................................ 318
7.4 PROMOSI SITUS MELALUI PERTUKARAN BANNER ..                                                    262       8.10 MENYISIPKAN JAM/TANGGAL SAAT INI & TANGGAL
    7.4.1 Cara Mudah Memiliki Banner .................................                            254            UPDATE .............................................................................................................. 322
    7.4.2 Mendaftar ke BannerIndonesia.com ......................                                 255       8.11 TRIK MENDAPATKAN UNLIMITED WEB SPACE!
7.5 MEMANFAATKAN SEARCH ENGINE .........................                                          268            324
    7.5.1 Memburu Search Engine ..........................................                        259       8.12 MENYAMBUT PENGUNJUNG DENGAN MUSIK . 325
    7.5.2 Mendaftar ke 12 Search Engine Besar Di Internet ........                                261       8.13 JANGAN KHAWATIR MENGGUNAKAN WEB
                                                                                                                 AUTHORING TOOL VERSI SHAREWARE ! ............... 326
BAB 8 – LANGKAH BONUS:

TIPS & TRIK MENGGALI FASILITAS GRATIS DAN
PROFIT SEBANYAK-BANYAKNYA DARI INTERNET !
          .......................................................................................... 275

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

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

        PENDAHULUAN                                                                Jika Anda seorang Olahragawan, Anda dapat mengisi homepage Anda dengan
                                                                                   segala aktivitas Anda dibidang olah raga yang Anda tekuni, foto-foto kegiatan
                                                                                   Anda, jadwal latihan, sasaran, medali yang pernah Anda peroleh, cita-cita
                                                                                   perolehan medali Anda selanjutnya dll.
                                                                                   Jika Anda adalah seorang Dokter, Anda dapat membuka konsultasi Online,
                                                                                   menawarkan pengobatan apa saja yang bisa Anda lakukan untuk orang lain, jam
           Punya Homepage Sendiri? Untuk Apa?                                      praktek Anda, tarif pengobatan dlsb.
                                                                                   Jika Anda seorang Kartunis, Anda dapat mengisi homepage Anda dengan
  Anda benar-benar tidak tahu untuk Apa?!? Kalau demikian,                         koleksi kartun-kartun karya Anda sendiri atau orang lain¸ bahkan juga kartun-
   coba simak beberapa dari jutaan alasan yang bisa dibuat                         kartun karya Anda yang belum pernah diterbitkan oleh penerbit manapun karena
                         berikut ini!                                              (mungkin) jelek, kurang menarik, terlalu jorok dll.
                                                                                   Jika Anda adalah seseorang yang suka bergaul, Anda dapat mengisi HomePage
                                                                                   Anda dengan data mengenai Anda sendiri, teman-teman Anda, keluarga Anda,
Jika Anda seorang Pelajar atau Mahasiswa, Anda dapat membuat homepage              foto-foto Anda, kegiatan Anda, kegiatan teman-teman Anda, acara kegiatan
untuk memamerkan keunggulan sekolah atau Universitas Anda, kegiatannya,            mingguan, mengumpulkan teman baru (dari pengunjung situs), bertukar pikiran
rencana kegiatannya dimasa mendatang, memperkenalkan klub-klub yang ada            dengan teman dlsb.
disekolah / Universitas Anda dan lain sebagainya.
                                                                                   Jika Anda seorang Penulis, Anda dapat mengisi homepage Anda dengan tulisan-
Jika Anda adalah seorang Artis, Foto model atau Penyanyi, Anda bisa membuat        tulisan Anda, tulisan-tulisan tertentu atau bahkan tulisan-tulisan Anda yang tidak
homepage untuk mempublikasikan kegiatan-kegiatan Anda, meng-counter gosip-         pernah diterbitkan oleh penerbit manapun!
gosip yang merugikan atau menampilkan jadwal kegiatan Anda sehingga fans
                                                                                   Jika Anda adalah seorang Penghayal, Anda dapat menuliskan khayalan-khayalan
Anda bisa tahu kapan mereka bisa menjumpai Anda dst.
                                                                                   Anda dalam homepage Anda, baik yang mungkin maupun yang mustahil. Siapa
Jika Anda seorang Ilmuwan, Peneliti atau Scientist, homepage Anda bisa diisi       tahu ada produser film yang mau mengangkat khayalan Anda menjadi film. Atau
dengan publikasi hasil karya ilmiah Anda, tesis, proposal-proposal Iptekda,        bahkan suatu saat khayalan Anda menjadi kenyataan?
RUT, RUK, rencana penelitian, hasil-hasil penelitian, masalah yang dihadapi
                                                                                   Jika Anda adalah seorang Musisi, Anda dapat mengisi homepage Anda dengan
dalam penelitian, prototipe, jadwal seminar dan lain sebagainya. Selain itu Anda
                                                                                   karya musik Anda, contoh lagu yang Anda ciptakan (baik dalam format MP3,
juga bisa membuat polling online untuk keperluan riset atau untuk mendukung
                                                                                   WAV atau MIDI), lirik-lirik lagu yang Anda ciptakan, aransemen lagu yang Anda
teori-teori Anda.
                                                                                   ciptakan, kelompok musik Anda, personilnya dan segala sesuatu yang
Jika Anda seorang Hobbyist (apa saja), Anda bisa mengisi homepage Anda             berhubungan dengan musik!
dengan segala hal yang berhubungan dengan hobby yang Anda geluti, filateli,
                                                                                   Jika Anda adalah seorang Pedagang, Anda dapat membuat kios virtual yang
komputer, programming, masak-memasak, merangkai bunga, ngerumpi,
                                                                                   dapat menampilkan barang-barang yang Anda jual kedalam homepage Anda,
memajang foto-foto Anda atau hasil-hasil karya Anda.
                                                                                   keunggulan masing-masing barangnya, harganya, diskonnya, pelayanannya, purna
Jika Anda seorang Pengangguran, Anda bisa menciptakan uang dari internet!          jualnya dlsb.
Anda dapat mendirikan bisnis multi-level online seperti AKSARA Online
                                                                                   Jika Anda adalah seorang Produsen/Pengusaha, Anda dapat mengisi homepage
misalnya, atau mengikuti program-program pengumpul uang seperti Spedia,
                                                                                   Anda dengan barang-barang produksi perusahaan Anda, keunggulannya jika
                                                                            xv                                                                                   xvi
dibanding produk perusahaan lain, dukungan purna jualnya, pemasarannya, profil    Ini berarti bahwa jumlah alamat domain di internet naik 195,6 % dalam waktu 5
perusahaan, jumlah karyawan dll.                                                  bulan terakhir!
Jika Anda adalah seorang Bisnisman, Anda dapat mengisi homepage dengan
rencana bisnis Anda, prospeknya kedepan, kerjasama yang Anda butuhkan atau        SEBERAPA DINAMIS INTERNET?
yang dapat Anda tawarkan pada pihak lain dlsb.
                                                                                  Internet adalah satu-satunya sumber daya yang mengalami perubahan setiap detik.
Jika Anda adalah seorang Pemilik Hotel, Penginapan atau Losmen, Anda dapat        Untuk mengetahui seberapa dinamisnya internet, berikut adalah sebagian statistik
mengisi homepage Anda dengan berbagai hal yang berhubungan dengan hotel           yang penulis dapatkan dari Censorware Project (cencorware.org) awal Agustus
Anda, jumlah kamarnya, fasilitasnya, pelayanannya, luas arealnya, lokasinya       2000.
dlsb.
                                                                                  Pada setiap 24 jam, internet bertambah :
Jika Anda adalah seorang Fotographer, Anda dapat memajang foto-foto hasil
karya Anda di homepage Anda, sejarah terciptanya, penjelasan mengenai             •       4.600.000 halaman web baru!
fotonya, proses pembuatannya dan mungkin juga harganya jika Anda ingin            •       82.200.000.000 byte teks baru!
menjual karya Anda                                                                •       1.030.000 file gambar baru!
Jika Anda adalah seorang Pelawak, Anda dapat mengisi homepage Anda dengan         •       17.200.000.000 byte data gambar baru!
aktifitas grup lawak Anda, perekrutan anggota jika ada, foto-foto hasil lawatan   •       1.260.000.000.000 byte data berubah!
Anda dalam melawak, jadwal melawak atau bahkan cerita-cerita humor yang           •       51.500.000 halaman web berubah!
pernah Anda buat dll.                                                             •       11.600.000 gambar berganti!
Jika Anda sedang mencari pekerjaan, Anda dapat membuat sebuah homepage            Dengan kepadatan data yang bertambah dan selalu berubah seperti diatas, setiap
pribadi yang menggambarkan kemampuan Anda. Lalu saat mengirimkan resume           hari akan diperlukan sekitar 29.200 orang untuk mengawasi perubahan yang ada
pekerjaan, Anda dapat mencantumkan alamat situs web Anda untuk menunjukkan        di web! Barangkali itulah yang menyebabkan pada saat ini censorware tidak
nilai plus pengalaman Anda secara nyata!                                          mampu lagi memberikan statistik lanjutan!
Bahkan jika Anda adalah seorang maniak seks sekalipun, Anda bisa memuat
cerita-cerita ‘saru dan seru’ atau gambar-gambar suur lainnya kedalam                                            PERHATIAN !
homepage Anda! Semuanya bisa dan gratis!
                                                                                      •   Internet adalah dunia cyber yang sangat dinamis dan amat cepat berubah!
Pokoknya, apapun profesi Anda, pasti akan selalu ada jawabannya!                          "Nanti" bisa menjadi sangat berbeda dengan "Sekarang". Jika link-link
                                                                                          yang ada didalam buku ini tidak bekerja (broken link), update akan selalu
                                                                                          bisa Anda temukan melalui official homepage di :
SEBERAPA BESAR INTERNET SEKARANG?                                                     http://serba-gratis.tripod.com atau
                                                                                      http://semuagratis.cjb.net
Untuk mendapatkan gambaran tentang seberapa besar perubahan yang ada di
internet, Anda bisa mengunjungi http://www.domainstats.com.                           •   Semua gambar dan tata cara pendaftaran terhadap layanan tertentu pada
                                                                                          suatu situs dalam buku ini diambil pada saat buku ini ditulis. Perubahan
Berdasarkan DomainStats, pada awal bulan Agustus tahun 2000 di internet ada               bisa terjadi kapan saja. Akan tetapi biasanya tidak terlalu banyak berubah.
17.804.717 nama domain terdaftar dari seluruh dunia, dimana 9.482.427
diantaranya berakhiran .COM. Kemudian, awal Januari 2001 penulis
mengunjungi lagi alamat situs yang sama dan pada saat itu statistiknya telah
berubah menjadi 34.828.527 nama domain dengan 21.048.537 diantaranya
berakhiran .COM!

                                                                          xvii                                                                                     xviii
                                   BAB 1                                              Gateway langsung dari Amerika Serikat. Kecepatan koneksi yang bisa diperoleh
                                                                                      oleh user berkisar antara 43 Kbps sampai 56 Kbps dengan lebar bandwith

        LANGKAH KE-1:                                                                 seperti terlihat pada tabel 1.

                                                                                                          Tabel 1: Lebar Bandwith TelkomNet Instan

        AKSES INTERNET                                                                           Berlaku Mulai                             Bandwidth
       MENGGUNAKAN ISP-G                                                                          Desember 1995
                                                                                                   Januari 1997
                                                                                                                                             128 Kbps
                                                                                                                                              1 Mbps
          (ISP-GRATIS!)                                                                              Jan 1998
                                                                                                   Agustus 1998
                                                                                                                                              2 Mbps
                                                                                                                                              3 Mbps
                                                                                                     Juli 1999                                6 Mbps
                                                                                                  Nopember 1999                               8 Mbps
                                                                                                     Juli 2000                           12 Mbps (Jakarta)
                                                                                                   Oktober 2000                         15 Mbps (Cibinong)
Fakta yang tidak bisa ditolak saat ini adalah kenyataan bahwa hampir segala hal
bisa diperoleh gratis dari internet! Setelah beberapa saat berselancar (surfing)      Selain TelkomNet Instan, sebenarnya ada lagi ISP-G lain, yaitu LinkNet
di internet, Anda akan segera mendapati kenyataan bahwa tidak hanya lautan            (http://www.link.net.id). Sayangnya, pada saat buku ini ditulis, LinkNet hanya
informasi serta ribuan software saja yang bisa diperoleh gratis, melainkan juga       bisa diakses lokal dari Jakarta (021). Selain itu, semenjak mereka mengeluarkan
berbagai macam materi bersifat fisik seperti majalah, CD-ROM, CD-Musik,               produk bernama LinkNet Turbo (hanya beberapa bulan setelah peluncuran
kaset tape, kaset video, buku-buku, kaos, stiker, brosur, peta, kartu-kartu ucapan,   LinkNet reguler) dengan iuran bulanan Rp. 55.000,-, LinkNet reguler menjadi
alat-alat permainan, sampai contoh-contoh produk baru seperti parfum, sabun,          hampir mustahil untuk bisa diakses! Karena itu, LinkNet tidak akan dibahas lebih
pewarna rambut dan bahkan uang dolar! Syaratnya hanya satu, Anda telah                jauh.
terhubung ke internet!
Setahun atau dua tahun yang lalu, untuk bisa mengakses internet melalui penyedia             Tabel 2: Daftar User ID, kode password dan nomor dial ke TelkomNet
layanan internet (ISP-Internet Service Provider) Anda harus mengucurkan uang
untuk membayar biaya pendaftaran, membayar uang bulanan serta membayar uang                 Area            Nomor Dial              User – ID            Password
kelebihan jam koneksi. Ditambah lagi Anda juga harus membayar uang pulsa
telepon (plus abondemennya) ke TELKOM. Tetapi sekarang, Anda tidak perlu                    Medan            0809 8 9999        telkomnet6@instan          telkom6
serepot itu. Mungkin Anda tidak percaya, tetapi inilah kenyataannya!                      JaBoTaBek          0809 8 9999        telkomnet2@instan          telkom2
                                                                                         Jawa Tengah         0809 8 9999         telkomnet@instan           telkom
Kini Anda bisa mengakses internet melalui ISP-G (ISP-Gratis); yang dipelopori             Jawa Timur          29912345 *         telkomnet@instan           telkom
oleh TelkomNet Instan; dari rumah Anda kapanpun Anda inginkan. Anda hanya               Denpasar/Bali        20912345 **         telkomnet@instan           telkom
perlu membayar pulsa telepon ke TELKOM Rp. 110,- s/d Rp. 160,- per menit!                Banjarmasin         0809 8 9999        telkomnet6@instan          telkom6
Anda tidak perlu repot melakukan kontrak langganan untuk mendaftar ke ISP,              Ujung Pandang        0809 8 9999        telkomnet7@instan          telkom7
tidak perlu membayar uang bulanan ke ISP dan tidak perlu lagi membayar biaya
koneksi kelebihan jam yang biasanya berkisar antara Rp. 2000,- sampai Rp.             * = Untuk pelanggan diluar Surabaya/Malang, nomor dial harus didahului dengan 031 /
4000,- perjamnya itu!                                                                      0341
                                                                                      ** = Untuk pelanggan diluar Denpasar, nomor dial harus didahului dengan 0361
Koneksi internet dari TELKOM sebenarnya sudah ada sejak lama, namun baru
digratiskan sejak bulan September 1999. TelkomNet Instan menggunakan

                                                                                 1                                                                                          2
                                                                                     *) Daftar lengkap bisa dilihat di : http://www.plasa.com/instan/jangkauan-detil.html
1.1 KONEKSI KE ISP-G TelkomNet Instan
                                                                                     Sejak tanggal 1 Agustus 2000 tarif TelkomNet Instan di seluruh Indonesia
Untuk dapat terkoneksi ke TelkomNet Instan, Anda cukup menghubungi
                                                                                     disamakan menjadi Rp. 150,-/menit. Penyeragamaan ini sesuai dengan tuntutan
TelkomNet Instan melalui komputer yang telah dilengkapi dengan modem dan
                                                                                     pengguna yang ingin agar tarif seragam.
terhubung ke jaringan telepon menggunakan nomor telepon, User ID dan kode
Password seperti tampak pada tabel 2. User-ID dan password-nya bersifat case-        Biaya pulsa akan ditagihkan pada nomor telepon yang digunakan melalui tagihan
sensitif, Anda harus mengetiknya dalam huruf kecil semua.                            telepon bulanan, dimasukkan kedalam kolom JAPATI/SLJJ. Biaya hanya akan
                                                                                     dihitung selama terhubung ke TelkomNet dan akan dibulatkan kebawah. Artinya,
Jika Anda kebetulan berada diluar area yang disebutkan dalam tabel 2,
                                                                                     jika Anda terhubung ke TelkomNet selama 358 detik (5 menit 58 detik), maka
TelkomNet Instan menyediakan nomor dan kode akses untuk semua wilayah
secara umum seperti berikut :                                                        Anda yang berada di Jabotabek hanya perlu membayar 5 x 150 = Rp.750,- Bila
                                                                                     program dial-up komputer terputus, perhitungan biayanya juga berhenti.
Nomor dial       : 0809 8 9999                                                       Perincian penggunaan pulsa dapat dilihat melalui print-out AMA yang dapat
User ID          : telkomnet@instan                                                  diminta disetiap loket pembayaran telepon terdekat dengan membayar pengganti
Password         : telkom                                                            kertas cetak (saat ini Rp. 500,- perlembar) atau secara online melalui situs
                                                                                     http://plasa.com.
Karena berlaku secara umum, pelanggan yang berada di BANJARMASIN atau di
BOGOR juga bisa menggunakan kode akses diatas. Akan tetapi berdasarkan
daerah regionalnya, tarif pulsa per-menitnya bisa berbeda-beda. Lihat tabel 3        1.2 PERSYARATAN TEKNIS
berikut ini :
                                                                                     Secara teknis, untuk bisa mengakses internet melalui TelkomNet Instan
              Tabel 3: Daftar tarif pulsa untuk berbagai wilayah *)                  komputer Anda harus sudah dilengkapi dengan modem dan telah ada saluran
                                                                                     telepon dirumah Anda. Jika Anda merencarakan untuk membeli komputer baru,
              TARIF                                                                  sebaiknya Anda sekaligus membeli modem. Mungkin saat ini Anda belum
  AREA                                     JANGKAUAN
             /MENIT                                                                  membutuhkannya, akan tetapi Anda akan sangat repot jika membeli dibelakang
 Sumatra     Rp 150,-    Medan (061), Padang (0751), Palembang (0711),               hari, terutama saat melakukan instalasi. Modem internal biasanya berharga lebih
                         Batam (0778), Pekanbaru (0761), Bandarlampung               murah dibanding modem eksternal. Berikut adalah beberapa hal yang perlu Anda
                         (0721), Pematang Siantar (0622)                             perhatikan saat membeli modem:
 DKI         Rp 150,-    Jakarta, Bogor, Tangerang, Bekasi (kode area 021 &
 Jakarta                 0251)                                                       •    Pastikan modem Anda menggunakan teknologi V.90 (lihat buku manual).
 Jawa        Rp 160,-    Sedang dipersiapkan. Hubungi Kandatel Bandung (022)
 Barat                   untuk tanggal pastinya.
                                                                                     •    Teknologi akses kecepatan tinggi V.90 ada dua varian, belum tentu cocok
 Jawa        Rp 160,-    Semarang, Magelang, Yogyakarta, Tegal, Kudus,                    dengan Telkomnet Instan. Mintalah penjual untuk mencoba dulu akses /
 Tengah                  Pekalongan, Jepara, Cepu, Sleman, Kulonprogo.                    dial ke Telkomnet Instan.
 Jawa        Rp 110,-    Seluruh Jawa Timur, antara lain: Surabaya, Malang,
 Timur                   Madiun, Jember, Bojonegoro, Banyuwangi, Blitar,
                                                                                     •    Teknologi V.90 dapat mengakses hingga 56 Kbps, namun dalam prakteknya
                         Kediri, Lumajang, Nganjuk dll.                                   kecepatan dial-up berkisar antara 44.5 Kbps s/d 56 Kbps (Anda bisa
 Bali        Rp 115,-    Seluruh Bali dengan kode area 0361, 0362, 0363, 0365,            melihatnya saat koneksi dengan TelkomNet Instan terbentuk).
                         0366, 0368.
 Lombok      Rp 150,-    Mataram (0370)
 Sulawesi    Rp 150,-    Makassar (dengan kode area 0410, 0411, 0413, 0417,
                         0418, 0419, 0481, 0482), Menado (0431), Bitung
                         (0438).


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

                                                                              CATATAN :
                                                                              •    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
     Gambar 1.1: Koneksi ke TelkomNet bisa mencapai 44 Kbps s/d 56 Kbps           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,
1.3 SPESIFIKASI KOMPUTER                                                      Anda harus menginstalnya sendiri. Program driver untuk modem tertentu ada
                                                                              didalam CD instalasi Windows. Jika tidak ada, maka Anda memerlukan
Komputer yang diperlukan untuk mengakses internet sebaiknya memiliki
                                                                              disket/CD bawaan yang disertakan saat Anda membeli modem.
spesifikasi seperti berikut:
MINIMAL:
   Prosesor          :   Setara dengan i486 DX4-100 Mhz
                                                                              1.4 INSTALASI DIAL-UP NETWORKING WIN
   Memori            :   16 MB                                                    95/98
   Hard Disk         :   850 MB
   SVGA Card         :   1 MB                                                 Sebelum melakukan instalasi dan seting Dial-Up, ada baiknya Anda memeriksa
   Modem             :   14.4 Kbps                                            dahulu apakah didalam komputer Anda telah terinstal Dial-Up atau belum.
   Sistem Operasi    :   Windows '95, Linux atau MacOS                        Caranya, dari layar desktop dobel klik ikon My Computer. Periksa apakah
                                                                              didalamnya sudah ada ikon Dial-Up Networking. Biasanya Dial-Up Networking
                                                                              telah terinstal secara default (lihat gambar 1.2).
DISARANKAN:
                                                                              Jika ikon Dial-Up Networking tidak ada, siapkan CD instalasi Windows 95/98,
   Prosesor          :   Celeron 333 Mhz, PII-300 Mhz atau lebih              terutama jika program sumbernya tidak ada didalam HardDisk (biasanya di sub
   Memori            :   32 MB                                                dir C:\WIN95 atau C:\WIN98) dan lakukan setup berikut:
   Hard Disk         :   4.3 MB
   Modem             :   56 Kbps
   Sound Card        :   Bebas                                                1. Dobel-klik ikon 'My Computer'.
   SVGA Card         :   2 MB atau lebih
                                                                              2. Dari dalam 'My Computer, dobel-klik ikon 'Control Panel'.
   Sistem Operasi    :   Windows '95/'98/2000/NT
                                                                              3. Dari dalam 'Control Panel', dobel-klik ikon 'Add/Remove Programs'.
Dari sisi software, komputer Anda harus telah diinstalasi dengan beberapa
software dan driver seperti berikut ini:
  Dial-Up : Program 'Dial-Up Networking'
  Protokol : TCP-IP


                                                                          5                                                                            6
                                                                       4.    Dari dalam 'Add/Remove Programs properties', klik tab 'Windows
                                                                            Setup'. Klik gambar telepon dengan label 'Communications' dan lanjutkan
                                                                            dengan meng-klik tombol 'Details …'.
                                                                       5.    Aktifkan 'Dial-Up Networking' dengan meng-klik kotak check box yang ada
                                                                            didepan ikon 'Dial-Up Networking'. Lanjutkan dengan menekan tombol 'OK'.
                                                                       6.    Klik 'OK' lagi pada tampilan 'Add/Remove Programs Properties' yang
                                                                            muncul. Maka komponen Dial-Up Networking akan diinstal otomatis dan
                                                                            setelah itu akan muncul keterangan bahwa setelah keluar dari fungsi
                                                                            'Add/Remove Programs', Anda harus melakukan restart ulang sebelum bisa
                                                                            menggunakannya. Klik 'OK'.
                                                                       7.    Restart komputer dengan meng-klik tombol Start         Shut Down…
                                                                            Restart      OK (sambil menekan tombol [Shift]). Lepaskan penekanan
                                                                            tombol [Shift] setelah teks "Windows is now restarting…." muncul.

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




                                                                                       Gambar 1.4: Teks TelkomNet bisa diganti apa saja
Gambar 1.3: Instalasi komponen Dial-Up Networking jika belum ada


                                                                   7                                                                              8
2.    Pada kolom dibawah teks 'Type a name for the computer you are                 1.6 INSTALASI PROTOKOL TCP/IP
     dialing:', ketiklah nama tujuan koneksinya, misalnya TelkomNet (Anda boleh
     menggantinya dengan nama yang lain). Lanjutkan dengan menekan tombol           Sebelum melakukan instalasi protokol TCP/IP pada Windows 95/98, periksalah
     'Next'.                                                                        terlebih dahulu apakah dikomputer Anda telah terinstal protokol ini atau belum.
3.    Isi kolom Area code: dan Telephone number: dengan nomor telepon               Caranya, klik berturut-turut Start    Settings      Control Panel, kemudian
     TelkomNet sesuai tabel 1. Jika Anda menggunakan nomor 080989999,               dobel-klik ikon Network. Periksa pada tab Configuration, apakah terdapat
     kosongkan kolom Area code:, lalu klik tombol 'Next'.                           protokol TCP/IP (lihat gambar 1.7).




     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.



                                                                                         Gambar 1.7: Komponen Network minimal untuk dapat mengakses TelkomNet


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


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




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


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

1.7 SETTING DNS                                                               3.   Klik tombol mouse kanan saat kursor berada pada ikon 'TelkomNet'.
                                                                              4.   Pilih 'Properties', klik tab 'Server Types' dan klik tombol 'TCP/IP
Sebenarnya, TelkomNet telah menggunakan perangkat yang cukup canggih. Anda
                                                                                   Settings…'
hampir tidak perlu men-set apapun jika dikomputer Anda telah terpasang
program Dial-Up Networking dan protokol TCP/IP dengan benar. Penulis telah    5.   Klik 'Specify name server addresses' dan isikan nomor-nomor DNS nya.
berbulan-bulan mengakses TelkomNet tanpa men-set DNS dan Proxy sama                Biarkan setting yang lain apa adanya.
sekali. Namun demikian, TelkomNet menyediakan setting DNS dan Proxy untuk
jaga-jaga jika terjadi gangguan akses, misalnya Anda tidak dapat mengakses
telkom dengan nama domain-nya (http://www.telkom.net.id) padahal Anda bisa    1.8 SETTING PROXY
mengakses alamat IP-nya (http://202.134.0.137).
                                                                              Sebagaimana dengan setting DNS, dalam keadaan normal setting proxy sama
Berikut adalah setting DNS dan Proxy yang disarankan:                         sekali tidak diperlukan karena akan dilakukan secara 'otomatis' di sisi Telkom
                                                                              (transparan di sisi user) dan tidak tergantung pada browser yang digunakan!
   DNS Primary           : 202.134.0.155           (atau dikosongkan)
                                                                              Meski tidak diperlukan, tetapi mungkin suatu saat Anda akan memerlukannya jika
   DNS Secondary         : 202.134.2.5             (atau dikosongkan)


                                                                        11                                                                              12
terjadi gangguan atau kelainan yang membuat Anda bisa mengakses home page
tertentu, tetapi tidak bisa mengakses situs-situs yang lain.
Berikut adalah setting DNS dan Proxy yang disarankan:
   Proxy      : proxies.telkom.net.id (atau dikosongkan)
   Port HTTP  : 8080                  (atau dikosongkan)
   Port SOCKS : 1080                  (atau dikosongkan)

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




                                                                         13                                                                                  14
                                                                                        Gambar 1.13: Ikon koneksi muncul setelah modem terhubung ke ISP

                                                                                  Untuk memutus hubungan dengan TelkomNet, klik tombol 'Disconnect' (lihat
                                                                                  gambar 1.1). Untuk menghilangkan tampilan koneksinya, klik tombol 'OK'.
                                                                                  Dalam kondisi ini, Anda telah terhubung ke internet dan dapat segera mulai
                                                                                  melakukan surfing menggunakan Internet Explorer atau Netscape Navigator
                                                                                  atau mulai membuka-buka e-mail POP3 menggunakan Outlook Express atau
                                                                                  Eudora.

                                                                                   TIPS :
                                                                                   Untuk mengetahui secara langsung berapa biaya telepon yang Anda
                                                                                   keluarkan saat terhubung ke internet (seperti counter pulsa di
          Gambar 1.11: Klik Connect untuk memulai koneksi ke TelkomNet             wartel), Anda dapat menggunakan program LogTick. Program ini
                                                                                   bisa di download gratis dari: http://semuagratis.cjb.net
2. Dalam waktu kurang dari 50 detik, komputer Anda akan tersambung dengan
   TelkomNet dan komputer akan memunculkan keterangan bahwa Anda telah            1.10 ANDA PERLU BANTUAN?
   terhubung ke TelkomNet. Klik tombol 'Close' untuk menutup keterangan
   tersebut.                                                                      Penulis telah berusaha menyampaikan semua hal yang berhubungan dengan tata
                                                                                  cara koneksi ke TelkomNet Instan untuk dapat mengakses internet melalui ISP-
                                                                                  Gratis TelkomNet sehingga seharusnya setelah membaca bab atau langkah yang
                                                                                  pertama ini (dan mempraktekannya), Anda akan langsung bisa berselancar di
                                                                                  internet tanpa hambatan. Namun jika Anda mendapati sesuatu hal yang masih
                                                                                  perlu dipertanyakan, cobalah kunjungi situs TelkomNet Instan di
                                                                                  http://www.plasa.com/instan/FAQ-Gangguan.html atau hubungi TelkomNet
                                                                                  melalui telepon untuk melakukan konsultasi lebih lanjut. Berikut adalah nomor-
                                                                                  nomor teleponnya:

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

                                                                           15                                                                               16
                                 BAB 2                                            Pada kasus yang lain, alamat e-mail akan digunakan oleh penyedia layanan untuk
                                                                                  mengirimkan User ID dan kode Password. Utamanya jika Anda mendaftar

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


      MENDAPATKAN EMAIL
                                                                                  Setelah Anda bisa mengakses internet, maka memiliki alamat e-mail adalah
                                                                                  suatu keharusan! Sedemikian pentingnya alamat e-mail ini sehingga setelah dapat
                                                                                  mengakses ISP-Gratis, langkah kedua yang harus Anda lakukan adalah
           GRATIS!                                                                mendapatkan e-mail gratis!
                                                                                  Dalam bab ini penulis akan menjelaskan secara detail mengenai tata cara
                                                                                  mendapatkan alamat e-mail di dua penyedia layanan e-mail gratis yang terbaik
                                                                                  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.




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 e-
mail kita saat akan berpisah. Sebagian dari kita bahkan mungkin akan tersipu
malu jika terpaksa harus mengatakan "saya belum punya alamat e-mail!" saat
sang relasi menanyakan alamat tersebut.
Didunia internet, alamat e-mail berperan lebih dahsyat lagi. Ia bagaikan satu-
satunya mata uang yang sah untuk melakukan transaksi. Adalah satu kenyataan
jika di internet orang bisa mendapatkan hampir segala-galanya, informasi,
materi, program, software, pengetahuan dan bahkan uang dolar! Tetapi Anda
harus membayarnya dengan alamat e-mail! Uniknya, alamat-alamat e-mail ini
bisa diperoleh gratis!
                                                                                  Gambar 2.1: Anda hanya perlu waktu kurang dari 10 menit untuk mendapat alamat
Jika Anda mengisi form pendaftaran, form permintaan atau layanan-layanan                                  e-mail gratis dari Yahoo! Mail
internet lainnya, maka permintaan Anda hanya akan diperhatikan jika Anda
mengisi alamat e-mail yang diminta. Sebagian besar diantaranya akan digunakan
oleh penyedia layanan sebagai alat untuk pengecekan ulang. Sebagai contoh, jika   2.1 Mendaftar ke YAHOO! Mail
Anda ingin mendaftar ke suatu situs free webspace tertentu, maka saat mendaftar
Anda harus mengisi kolom alamat e-mail. Setelah pendaftaran selesai, Anda akan    Yahoo! Mail adalah ESP (E-mail Service Provider) berbasis web yang mungkin
dikirimi e-mail yang harus Anda kembalikan lagi ke pengirim (reply) sebagai       paling cepat saat ini. Dengan memiliki account di Yahoo! Mail, Anda akan bisa
tanda bahwa alamat e-mail tersebut benar-benar ada pemiliknya dan benar-benar     menerima, membaca atau mengirim e-mail melalui Web browser seperti
serius meminta layanan tersebut.                                                  Microsoft Internet Explorer atau Netscape Comunicator. Setelah mendaftar,



                                                                           17                                                                                 18
Anda akan memiliki alamat e-mail nama_anda@yahoo.com yang mudah
diingat!
Meski secara alami Yahoo! Mail adalah e-mail berbasis WEB, namun Anda
bisa mengkonfigurasinya untuk bisa menjadi e-mail berbasis POP3. Kita akan
mencoba melakukannya nanti.
Yahoo! Mail memberi spasi gratis sebesar 6 Mega Byte untuk menampung surat-
surat yang masuk ke alamat e-mail kita. Spasi sebesar ini lumayan besar jika
Anda hanya menerima surat-surat dari teman-teman Anda saja. Akan tetapi akan
menjadi cepat habis jika Anda mendaftar ke banyak mailing list sekaligus. Jadi,
segeralah hapus surat-surat Anda setelah dibaca, terutama jika spasi Anda sudah
mendekati quota yang diberikan.
Pendaftaran e-mail gratis di Yahoo! Mail sangat sederhana dan
mudah dilakukan. Anda hanya butuh 10 menit atau kurang untuk
dapat memiliki alamat e-mail sendiri! Berikut adalah cara
mendaftarkan diri di Yahoo! Mail.
                                                                                                Gambar 2.2: Isilah form pendaftaran dengan benar
1.   Buatlah koneksi ke internet (melalui TelkomNet atau yang lain).
2.   Jalankan browser Anda (boleh menggunakan IE atau Netscape).
3.   Arahkan browser Anda ke http://mail.yahoo.com.                                  f. Birthday: Isi dengan tanggal, bulan dan tahun kelahiran Anda.
4.   Klik tombol 'Sign me up!' untuk mulai mendaftar.                                g. Current Email Address: Kosongkan karena Anda belum punya.
5.    Beberapa saat kemudian akan ditampilkan form pendaftaran. Jangan               h. People Search Email Listing: Klik check box jika Anda ingin nama
     langsung diisi karena form ini diperuntukkan khusus untuk user yang berada di       dan alamat e-mail Anda dimasukkan kedalam data base yahoo untuk
     US. Untuk kita yang berada diluar US, klik link "Non-US Sign up form", lalu         memudahkan orang/teman Anda mencari alamat e-mail Anda.
     isilah form yang ada dengan benar.                                              i. Name: Isi dengan nama Anda.
                                                                                     j. Country: Pilih Indonesia.
6. a. Pada kolom Yahoo ID, isi dengan alamat e-mail yang Anda inginkan. Jika
      nama Anda adalah Supriyatno, Anda bisa mengisi kolom ini dengan                k. Time Zone: Karena kita berada di Indonesia, pilih GMT +7.
      supriyatno, supri, yatno, syatno atau yang lain. Dalam hal ini alamat e-mail   l. Primary Language: Biarkan apa adanya (bahasa Indonesia tidak ada).
      Anda nantinya akan menjadi supri@yahoo.com, yatno@yahoo.com,                   m. Gender: Pilih 'male' untuk laki-laki dan 'female' untuk perempuan.
      syatno@yahoo.com atau supriyatno@yahoo.com.                                    n. Occupation: Pilih keahlian yang cocok dengan Anda.
                                                                                     o. Industry: Pilih dengan institusi tempat Anda bekerja.
     b. Password: Isi dengan kode password yang Anda inginkan.                       p. Klik check box yang ada dibawah pertanyaan langkah o jika ingin
     c. Retype password: Isi dengan kode password yang Anda inginkan                     mendapat kiriman berita mengenai produk-produk baru melalui e-mail
        (diulang).                                                                       Anda.
                                                                                     q. Dibawah kelompok pertanyaan "Tell Us About Your Interests
     d. Question we'll ask: Pilih apa saja yang bisa mengingatkan Anda akan              (Optional)", klik check box yang sesuai dengan minat Anda.
        kode password alternatif jika Anda lupa dengan kode password utama.
                                                                                     r. Klik tombol 'Submit this form'.
     e. Your answer: Isi dengan kode password alternatif.


                                                                              19                                                                       20
7.    Ada kemungkinan, nama untuk alamat e-mail yang Anda inginkan telah            dari penyelenggara sebagai ucapan selamat datang! Pada contoh diatas,
     dipakai oleh orang lain, karena itu Anda harus menggunakan nama yang unik      penulis mencoba mendaftar dengan nama OKBClub@yahoo.com, tetapi
     agar tidak sama dengan orang lain. Misalnya sup99@yahoo.com,                   ternyata nama ini sudah ada yang memakai. Jadi penulis ganti dengan
     yatno2000@yahoo.com, atau sp_yatno@yahoo.com.                                  serba_gratis@yahoo.com dan ternyata diterima.
                                                                                 9. Untuk melihat isi kotak surat yang baru saja dibuat, klik Inbox (1). Angka (1)
                                                                                    menunjukkan bahwa didalam kotak surat kita terdapat 1 buah surat yang
                                                                                    belum pernah dibuka/dibaca isinya.




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

                                                                                           Gambar 2.5: Surat pertama setelah mendaftar di Yahoo! Mail


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

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

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




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


2.2 TELKOM MAIL, E-MAIL GRATIS BERBASIS
    POP3
Setelah memiliki alamat e-mail di Yahoo!, Anda harus menggunakan browser
(Internet Explorer atau Netscape) untuk dapat membaca dan mengirim e-mail
(kecuali dengan seting khusus yang akan dijelaskan dibawah). Anda tidak bisa
menggunakan software pembaca e-mail yang lebih cepat seperti Microsoft
Outlook, Netscape Mail atau Eudora misalnya. Untuk bisa membaca surat
dengan program-program yang disebutkan diatas, e-mail Anda harus berada di
server yang menjalankan protokol post office versi 3 atau yang dikenal dengan
POP3 (Post Office Protocol 3) untuk membuka e-mail dan menjalankan protokol
SMTP (Simple Mail Transfer Protocol) untuk mengirim e-mail.                         Gambar 2.7: Kunjungi http://mail.telkom.net untuk mendapatkan e-mail POP3
Saat ini di internet ada banyak sekali layanan e-mail gratis berbasis
POP3/SMTP. Anda bisa melihatnya dibagian akhir bab ini. Sekarang, mari kita       2. Klik link 'REGISTRASI'. Beberapa saat kemudian akan tampil persyaratan
mendaftar   disalah   satu    diantaranya,    yakni     di    TelkomMail             dan aturan main untuk bisa mendaftar dan memiliki account di TelkomMail.
(http://mail.telkom.net).                                                            Diantaranya adalah bahwa Anda tidak boleh menggunakan nama alamat e-
                                                                                     mail yang tidak pantas/tidak sopan, tidak boleh menggunakan TelkomMail
TelkomMail adalah layanan e-mail berbasis POP3/SMTP gratis dari Indonesia            untuk melalukan SPAMMING serta besar spasi yang akan diberikan kepada
(TELKOM). Setahu penulis, TelkomMail adalah layanan e-mail gratis berbasis           Anda (3 MB). Satu hal lagi yang harus Anda parhatikan adalah bahwa surat
POP3/SMTP yang paling cepat saat buku ini ditulis, mungkin karena                    yang tidak dibaca dalam waktu 2 minggu setelah masuk, akan dihapus oleh
pelanggannya masih sedikit (sekitar 120 ribu pada akhir Desember 2000) dan           TelkomMail! Jika Anda setuju dengan aturan mainnya, klik tombol
mail server-nya berada di Indonesia. Setelah selesai mendaftar, Anda akan            'SETUJU'. Jika tidak setuju, klik 'TIDAK'.

                                                                             23                                                                             24
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",      E-Mail Account      = nama_anda@telkom.net
     "Propinsi", "Negara", "No. telepon", "Pekerjaan" "Income per bulan",           POP server          = pop3.telkom.net
     Username", "Password" dll. Isilah kolom-kolom dalam form pendaftaran           SMTP server         = smtp.telkom.net
     tersebut dengan benar. Periksa lagi semuanya dan setelah tidak ada kolom
     yang kosong, klik tombol 'Submit'.
                                                                                     CATATAN :
4.    Jika nama yang Anda inginkan sudah dipakai orang lain, atau jika terdapat
     satu atau lebih kolom yang belum terisi, maka akan muncul pesan 'error'.        Sampai saat buku ini ditulis, TelkomMail masih terus melakukan
     Anda harus menekan tombol 'Back' pada browser Anda dan mengulanginya            pembenahan. Tampilan gambar 2.8 mungkin berbeda jika Anda
     kembali dengan nama lain atau isian yang benar. Jika segala sesuatunya telah    mendaftar ke TelkomMail sekarang (ketika buku ini telah terbit).
     'beres', Anda akan menerima pesan yang kira-kira seperti tampak pada
     gambar 2.8 dan sejak saat itu Anda bisa mengirim atau menerima e-mail baru
     berbasis POP3 menggunakan software Ms Outlook Express, Eodora Pro atau         2.3 SET-UP YAHOO!MAIL AGAR MENDUKUNG
     yang lain!                                                                         POP3 !
                                                                                    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!

                                                                                    1.  Masuklah ke desktop e-mail Anda seperti biasa (http://mail.yahoo.com).
                                                                                    2.  Klik link 'Options'. Setelah menu Options muncul, klik link 'POP
                                                                                       Access & Forwarding'.
          Gambar 2.8: Tampilan yang akan muncul jika semua isian benar
                                                                                    3. Klik radio button didepan pilihan Yes dibawah menu Sign Up.

Untuk membaca dan mengirim e-mail dengan Eudora atau Outlook Express,
setting e-mail yang harus Anda lakukan adalah :


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




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

4. Klik kotak-kotak check box dibawah menu 'Select your interests'              10. Klik tombol 'Submit' untuk mendaftar.
   sesuai minat Anda. Materi-materi yang Anda pilih adalah materi iklan
   yang nantinya akan dikirim secara berkala ke alamat e-mail Anda.             11. SELESAI. Sekarang akan muncul tampilan setting server yang dapat
   Meski Anda bisa memilih semuanya, pilihlah 1 atau 2 saja agar iklan             digunakan untuk menangani e-mail POP3 Anda. Cetaklah halaman ini atau
                                                                                   catat untuk keperluan setting di Outlook Express atau Eudora nanti.
   yang masuk ke alamat Anda menjadi minimal.
5. Biarkan pilihan 'Send offers to:' berisi alamat e-mail Anda.
6. Pada pilihan 'Select frequency:', klik radio button didepan teks
   'Once a week' agar Anda hanya mendapat kiriman 'iklan' sekali
   seminggu saja untuk menghemat ruang.
7. Pada pilihan 'Email client can read:', klik radio button didepan
   teks 'HTML formatting' agar Anda dapat menampilkan gambar dan
   link dalam program pembaca e-mail Anda.
8. Klik tombol 'Finished'. Setelah itu Anda akan dihadapkan pada
   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.

                                                                                                  Gambar 2.11: Setting server POP3 Anda yang baru


                                                                           27                                                                                  28
Setelah konfigurasi POP3/SMTP selesai dilakukan, seting mail server Yahoo!     10. Isi kolom dibawah Internet mail account name: dengan nama yang mudah
Mail-nya akan menjadi seperti ini :                                                diingat, misalnya 'Yahoo!'. Klik “Next”.
                                                                               11. Klik radio button didepan label Connect using my phone line karena kita
Incoming Mail (POP3) Server    : pop.mail.yahoo.com                                akan menggunakan saluran telepon untuk koneksi ke TelkomNet.
Outgoing Mail (SMTP) Server    : smtp.mail.yahoo.com                           12. Klik tombol Finish untuk mengakhiri setting.
Account/Login Name             : nama_anda (tanpa "@yahoo.com")
E-mail address                 : nama_anda@yahoo.com
Password                       : password Anda (tidak berubah)

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


2.4 SET-UP OUTLOOK EXPRESS UNTUK
    MEMBUKA YAHOO! MAIL
Berikut adalah cara setting Outlook Express untuk membaca dan mengirim e-
mail melalui Yahoo! Mail.


1.   Jalankan program Outlook Express. Dari menu Tools, pilih Accounts.
2.   Pilih tab Mail dan klik tombol Add   Mail….                                Gambar 2.12: Tampilan internet Account Outlook Express setelah setting selesai

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

7.   Dalam kotak Outgoing (SMTP), ketik: smtp.mail.yahoo.com                   2.    Klik ganda account yang dberi label Yahoo! dan kemudian pilih tab
                                                                                    Advanced.
8. Klik “Next”. Dalam kotak Account name, ketik nama alamat e-mail Anda
   (tanpa "@yahoo.com").                                                       3.    Pada area Delivery, klik check box didepan label 'Leave a copy of
                                                                                    messages on server' dan klik tombol "OK". Jika suatu saat nanti Anda ingin
9. Dalam kotak Password, ketik kode password Anda. Biarkan radio button             agar file-file e-mail di server Yahoo! dihapus otomatis setelah dibaca,
   didepan teks Log on using Secure Password Authentication (SPA).                  hilangkan lagi tanda check box ini.
   Kemudian klik “Next”.


                                                                          29                                                                                30
                                                                                       Yahoo!                http://mail.yahoo.com
2.5 MEMBURU PENYEDIA LAYANAN E-MAIL                                                    Windom's              http://windoms.sitek.net

    GRATIS!                                                                            2.5.2 Penyedia Layanan E-Mail Berbasis WEB 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   Penyedia Layanan      Alamat Home Page
adalah penyedia layanan e-mail gratis! Cobalah kunjungi beberapa situs yang            163 Net               http://www.163.net
menyediakan fasilitas search engine seperti http://www.altavista.com,                  2BMail                http://www.2bmail.co.uk
http://www.google.com atau http://www.yahoo.com. Lalu ketik "free e-mail"
                                                                                       5Start                http://www.5star.net
dan klik 'GO'. Ikutilah link-link yang disodorkan dan Anda akan mulai pusing
                                                                                       888.nu                http://www.888.nu
sendiri melihat banyaknya link ke penyedia layanan e-mail gratis yang ada di
jagad ini!                                                                             AlloyMail             http://www.alloymail.com
                                                                                       AmexMail              http://www.amexmail.com
Sebenarnya, alamat-alamat ini tidak ada gunanya lagi jika Anda telah memiliki          Altavista             http://altavista.iname.com
alamat e-mail di Yahoo! dan di TelkomNet. Akan tetapi jika Anda masih                  Angelfire             http://email.angelfire.com
merasa kurang, berikut penulis pilihkan sebagian daftar penyedia layanan e-mail
                                                                                       Anti-social           http://www.anti-social.com
gratis lain yang banyak digemari karena kemudahan dan fasilitasnya (banyak
                                                                                       ApexMail              http://www.apexmail.com
diantaranya bahkan menyediakan spasi lebih dari 5 Mbyte!).
                                                                                       ArcadeMaster          http://www.arcademaster.com
                                                                                       Artic.net             http://www.artic.net/posti
2.5.1 Penyedia Layanan E-Mail POP3 & SMTP Gratis!                                      Asian City            http://www.asiancityweb.com
                                                                                       AstrosFan             http://www.astrosfan.net
 Penyedia Layanan               Alamat Home Page                                       Backpackers           http://www.backpackers.com
                                                                                       BaseMail (Portugis)   http://www.basemail.com
 263.net                        http://freemail.263.net
                                                                                       BBoy.com              http://www.bboy.com
 Crosswinds                     http://www.crosswinds.net
                                                                                       Bellsouth             http://www.bellsouth.com
 GeoCities                      http://www.geocities.com
                                                                                       BigAssMail            http://mail.bigassweb.com
 Global         Message         http://www.gmx.net
                                                                                       BimaMail              http://www.bimamail.com
 Exchange
                                                                                       Biz.st                http://www.biz.st
 Mail.ru                        http://win.mail.ru/cgi-bin/splash
                                                                                       Busymail              http://www.busymail.com
 NetTaxi                        http://www.nettaxi.com
                                                                                       ByteMe                http://WWW.Byteme.com
 Polbox                         http://www.polbox.com
                                                                                       Catcha                http://www.catcha.co.id
 Riftwar                        http://www.riftwar.com
 SoftHome                       http://www.softhome.net                                CCNMail               http://www.ccnmail.com
 Telebot (+voicemail)           http://www.telebot.net                                 CewekCantik           http://www.cewekcantik.com
 TelkomMail                     http://mail.telkom.net                                 CHEK                  http://mail.chek.com
 Tfz.net                        http://mail.tfz.net                                    Chickmail             http://www.chickmail.com
 Tomcat                         http://www.tomcat.ru/mailbox                           ChinaLook             http://www.chinalook.com
 Tonghua                        http://www.tonghua.com.cn                              Christianmail.net     http://www.christianmail.net
 Tutorial                       http://www.tutorials.com                               ClubVDO               http://www.clubvdo.net
                                                                                       CMPnet                http://www.cmpnetmail.com

                                                                                31                                                          32
CODEC                     http://www.email.ro                 Hit The Beach          http://www.hitthebeach.com
Coldmail                  http://www.coldmail.com             Hongkong.com           http://freemail.hongkong.com
Coolmail                  http://www.coolmail.com             HoTMaiL                http://www.hotmail.com
Cynetcity                 http://www.cynetcity.com            Id-base                http://www.id-base.net/Mail
Daily Web Planner         http://www.dwp.net                  IGNMail                http://www.ignmail.com
Detik                     http://www.detik.com                Imageinemail           http://www.imaginemail.com
DejaNews                  http://www.dejanews.com             IVillage               http://email.ivillage.com
DiscTara                  http://www.disctara.com             Jamaicamail            http://www.jamaicamail.com
DogMail                   http://mail.dog.com                 Jerusalem Post         http://www.jpostmail.com
Easypost                  http://www.easypost.com             JewishMail             http://www.jewishmail.com
Educastmail               http://www.educastmail.com          JMail                  http://www.jmail.co.jp
Ehmail                    http://www.ehmail.com               JusticeMail            http://www.justicemail.com
eKilat                    http://ekilat.com                   Joymail                http://tw.joymail.com
Email.com                 http://www.email.com                Kmail                  http://www.kmail.com.au
England Email             http://www.splendiferous.com        KMSP                   http://mail.kmsp.com
Eudora Web-Mail           http://www.eudoramail.com           Kompas                 http://www.kompas.com
Ethos.st                  http://www.ethos.st                 Korea.com              http://mail1.korea.com
Fetchmail                 http://fetchmail.com                Latino Link            http://www.latinolink.com
Fiberia                   http://www.fiberia.com              Lightspan EdMail       http://www.edmail.com
FinFin                    http://mail.finfin.com              Liquid Information     http://www.liquidinformation.net
FlairMail                 http://www.flairmail.com            Looksmart              http://www.looksmart.com
Flashemail                http://www.flashemail.com           LycosEmail             http://www.lycosemail.com
Flashmail                 http://www.flashmail.com            Mailbox.sk             http://www.mailbox.sk
FnMail                    http://www.fnmail.com               MailCity               http://www.mailcity.com
Focus-Asia                http://www.focus-asia.com           MailExcite             http://www.mailexcite.com
Fortune City Mail         http://www.fcmail.com               MailForum              http://www.mail.forum.dk
FreeAccount               http://www.freeaccount.com          MauiMail               http://www.mauimail.com
FreeMail (Australia)      http://www.freemail.com.au          Medsite                http://mail.medsite.com
FreeMail (Dutch)          http://www.freemail.nl              MegaPoint              http://www.megapoint.com/roam
FreeMail (South Africa)   http://www.freemail.co.za           Mixmail                http://www.mixmail.com
Friendly Email            http://www.londonoffice.com         Mr. Post               http://www.mrpost.com
GNWMail                   http://www.gnwmail.com              MyOwnEmail             http://www.myownemail.com
GoCubs (Chicago Cubs)     http://mail.gocubs.com              MyWorldMail            http://www.myworldmail.com
GoPlay!                   http://www.goplay.com               N2mail                 http://www.n2mail.com
GroupWeb                  http://www.worldmailer.com          NasiCampur             http://nasicampur.net
Gurlmail                  http://www.gurlmail.com             NetAddress             http://www.netaddress.com
Happy Puppy               http://mail.happypuppy.com          Netizen Islands Mail   http://www.nimail.com
Hello.net.au              http://www.hello.net.au             NJOEmail               http://www.nj.com/njoemail


                                                         33                                                             34
NetNet@Mail           http://www.netnet.com.sg               YNNMail                       http://www.ynnmail.com
NewMail               http://www.newmail.net                 ZapZone                       http://www.zzn.com
OperaMail             http://www.operamail.com               ZenSearch                     http://www.zensearch.net
PandaMail             http://bstar.net/panda                 ZDNetmail                     http://www.zdnetmail.com
Parsmail              http://www.parsmail.com
PersonalConnections   http://www.pemail.net                 2.5.3 Penyedia Layanan E-Mail Dengan Nama Unik!
Philippines.to        http://philippines.to
Pinoymail             http://www.pinoymail.com              Meksipun daftar diatas sudah sangat banyak, akan tetapi mungkin nama domain
Planetary Motion      http://www.planetarymotion.com        untuk alamat e-mail yang ada masih tidak memuaskan Anda. Ok. Berikut adalah
Pop3Now               http://www.pop3now.com                sebuah alternatif dimana Anda bisa memiliki alamat e-mail dengan nama domain
                                                            unik, lucu, menunjukkan suatu lokasi tertentu, menunjukkan profesi yang Anda
Popmail               http://www.popmail.com
                                                            geluti dll. Sebagai contoh, jika profesi Anda adalah seorang dokter, maka Anda
Post.cz               http://www.post.cz                    bisa memiliki alamat e-mail nama_anda@doctor.com                           atau
Post.sk               http://www.post.sk                    nama_anda@dr.com.
PostMark              http://www.postmark.net
Postmaster            http://www.postmaster.co.uk           Jika Anda tertarik, alamat yang harus Anda kunjungi untuk mendaftar adalah
PO USA                http://www.pousa.com                  http://www.mail.com. Untuk mendaftar, klik "New Member SIGN UP".
ProntoMail            http://www.prontomail.com             Pada langkah pertama proses pendaftaran, Anda dapat langsung memilih nama
QuikMail              http://www.quikmail.com               domain yang Anda inginkan, diantaranya adalah :
RaceMail              http://www.RaceMail.com
RocketMail            http://www.rocketmail.com             DOMAIN TERLARIS: mail.com, cheerful.com, europe.com, myself.com,
Safarimail            http://www.safarimail.com             post.com, consultant.com, techie.com, usa.com, writeme.com.
Salu.net              http://www.salu.net
                                                            DOMAIN LUCU/MINAT: 2die4.com, artlover.com, cliffhanger.com,
Satunet               http://www.satunet.com
                                                            bikerider.com, catlover.com, cutey.com, doglover.com, gardener.com, hot-
Sawasdee              http://www.sawasdee.com               shot.com, inorbit.com, loveable.com, playful.com, poetic.com, popstar.com,
SentrisMail           http://www.sentrismail.com            saintly.com, mad.scientist.com, seductive.com, soon.com, whoever.com,
Starting Point        http://mail.starting-point.com        winning.com, witty.com, yours.com.
Stork Site            http://www.storksite.com
Supernews             http://www.supernews.com              DOMAIN TEMPAT: africamail.com, arcticmail.com, asia.com,
                                                            australiamail.com, europe.com, japan.com, samerica.com, usa.com.
Unbounded             http://www.unbounded.com
Visto                 http://www.visto.com                  DOMAIN KOTA: berlin.com, dublin.com, london.com, madrid.com,
Walla!                http://www.walla.co.il                moscowmail.com, munich.com, nycmail.com, paris.com, rome.com,
Webmails              http://www.webmails.com.              sanfranmail.com, singapore.com, tokyo.com.
Whomail               http://www.whomail.net                DOMAIN PROFESI: accountant.com, adexec.com, allergist.com,
Wowmail               http://www.wowmail.com                alumnidirector.com, archaeologist.com, chemist.com, clerk.com, columnist.com,
Xoomail               http://www.xoommail.com               comic.com, consultant.com, counsellor.com, deliveryman.com, diplomats.com,
Yahoo! Mail           http://mail.yahoo.com                 doctor.com, dr.com, engineer.com, execs.com, financier.com, geologist.com,
Yawmail               http://www.yawmail.com                graphic-designer.com, hairdresser.net, insurer.com, journalist.com, lawyer.com,
Yeehaa                http://freemail.yeehaa.com            legislator.com, lobbyist.com, minister.com, musician.org, optician.com,


                                                       35                                                                                36
pediatrician.com, presidency.com, priest.com, programmer.net, publicist.com,       Indonesia yang menyediakan spasi tidak terbatas! Setelah mendaftar, alamat e-
realtyagent.com, registerednurses.com, repairman.com, representative.com,          mail yang akan Anda peroleh adalah "nama_anda@rileks.com".
rescueteam.com, scientist.com, sociologist.com, teacher.com, techie.com,
umpire.com, underwriters.com.
                                                                                   2.6 ANDA AKAN DIBAYAR UNTUK MEMBACA
2.5.4 Penyedia E-Mail Gratis Dengan Spasi 40 MB!                                       E-MAIL!
Pada umumnya, spasi yang diberikan oleh penyedia layanan e-mail gratis hanya 2     Anda ingin mendapat income tambahan saat membaca e-mail? Mungkin Anda
MB, 3 MB, atau 6MB. Meski demikian, ada juga yang mampu menyediakan spasi          (lagi-lagi) tak percaya, akan tetapi kenyataannya banyak orang yang bisa
gratis hingga 20 MB, seperti bolehmail.com misalnya. Tetapi sayangnya,             mendapat hingga lebih dari US$ 700 perbulan hanya untuk membuka/membaca e-
protokol yang digunakan adalah web based e-mail. Jika Anda memerlukan e-mail       mail !
gratis dengan protokol POP3 dan spasi e-mail sangat besar, cobalah ke
                                                                                   Mekanismenya sederhana saja. Penyedia layanan e-mail gratis ini mendapat
http://www.mailplanet.net.
                                                                                   bayaran dari pemasang iklan dan membagikannya sebagian kepada Anda. Besar
MailPlanet menyediakan spasi gratis sebesar 40 MB. Fasilitas yang diberikan        kecilnya uang yang akan Anda terima setiap bulan tergantung dari banyak
selain spasi yang besar adalah multi-protocol (pop3 & web), bisa jalan dibawah     sedikitnya e-mail yang dibuka/dibaca oleh orang-orang yang berhasil Anda ajak
nama domain Anda sendiri atau sub domain MailPlanet, fasilitas forwarding,         bergabung memanfaatkan layanan e-mail gratis ini. Uniknya, e-mail apapun yang
autoresponders, scaning virus harian dan masih banyak lagi!                        dibaca, Anda akan tetap dibayar, tidak harus berisi iklan!
                                                                                   Pada saat ini, ada sebuah program manajemen downline gratis yang bisa diikuti
                                                                                   untuk mendapatkan uang dari membaca e-mail seperti ini lebih efektif, sehingga
                                                                                   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.




     Gambar 2.13: MailPlanet, menyediakan email POP3 dengan spasi 40MB!
Spasi alamat e-mail sebesar 40 MegaByte sesungguhnya sudah cukup besar, akan
tetapi jika inipun masih kurang bagi Anda, cobalah mendaftar ke Rileks Mail
(http://mail.rileks.com). Rileks Mail adalah penyedia layanan e-mail gratis dari

                                                                            37                                                                               38
                                  BAB 3                                            3.1.1 Evolusi Cyberspace

         LANGKAH KE-3:                                                             Tidak terasa, tiba-tiba saja internet telah menjadi lautan data maha luas. Data-
                                                                                   data itu tersimpan dalam ratusan ribu server yang terkoneksi satu sama lain dari
                                                                                   seluruh dunia. Seiring dengan berjalannya waktu, berbagai macam protokol
        MEMPELAJARI HTML                                                           transmisi data bermunculan serta berevolusi sehingga menambah koleksi,
                                                                                   sekaligus kekacauan bagi jaringan internet. Salah satu area yang tumbuh

   (HyperText Markup Language)
                                                                                   demikian dahsyat di internet adalah World Wide Web (WWW) yang
                                                                                   menggunakan teknologi MarkUp berbasis hypertext untuk memungkinkan jutaan
                                                                                   orang menyeberangi lautan data dalam berbagai format data diatas berbagai
                                                                                   macam tipe perangkat keras dan lunak.
                                                                                   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
3.1 PENDAHULUAN                                                                    dilakukan oleh Tim Berners Lee dari CERN (Laboratorium Fisika Partikel Eropa
                                                                                   yang berlokasi di Geneva, Switzerland) dengan perangkat pengembang Next
Halaman-halaman web sangat mudah dibuat dengan editor HTML bertipe                 Step, dengan tujuan untuk menciptakan apa yang dikemudian hari dikenal dengan
WYGIWYS (What You Get Is What You See). Editor semacam ini tersebar di             HTML (HyperText Markup Language), HTTP (HyperText Tarnsfer
jagat internet dan dapat diperoleh gratis. Sayangnya, kebanyakan editor secara     Protocol) dan WWW (World Wide Web atau W3 atau Web).
'lancang' menambahkan kode-kode tertentu yang kadang tidak kita harapkan.
Beberapa diantaranya bahkan membelenggu kreatifitas karena tidak dapat
dikendalikan secara total sesuai keinginan kita. Untuk membiasakan diri, mungkin   3.1.2 Sekitar World Wide Web
hal semacam ini tidak menjadi masalah, bahkan penulis anjurkan untuk
menggunakannya. Tetapi setelah sedikit terbiasa, Anda HARUS mempelajari            World Wide Web atau biasa disebut web saja, adalah sumber data dan informasi
HTML, terutama jika Anda ingin menjadi WebMaster kreatif, bukan sekedar            yang dapat diakses oleh semua orang melalui jaringan internet. Tiga komponen
WebDesainer!                                                                       pokok yang menjadi tulang punggung keberadaan sebuah web adalah:
Hal utama yang biasanya sangat menjengkelkan saat membuat situs web gratis
adalah adanya selipan banner iklan atau munculnya iklan pop-up yang secara         - URL    = Alamat dimana data atau informasi berada.
otomatis ditambahkan oleh penyelenggara free webspace-nya. Banner dan iklan-       - HTTP = Protokol / bahasa yang digunakan untuk mengakses informasi.
iklan pop-up ini jelas memperlambat akses ke situs kita dan bahkan dapat
memecah perhatian pengujung situs. Dengan trik khusus yang akan dijelaskan di      - HTML = Sumber informasi itu sendiri yang berbasis link dan hypertext.
bab lain, kekurangan ini bisa diatasi. Akan tetapi trik ini membutuhkan
pengetahuan HTML, terutama karena editor HTML biasanya secara otomatis
memperbaiki kode-kode 'nyleneh' yang kita tulis. Padahal hanya dengan kode         URL
'nyleneh' seperti inilah pop-up banner dan iklan dapat dilenyapkan!


                                                                            39                                                                                 40
URL (Uniform Resource Locator) adalah standar pengalamatan sebuah file di        FTP        : ftp://ftp.orst.edu/pub/gaming/doom/
internet yang dirancang khusus untuk digunakan dengan browser WWW seperti        Gopher: gopher://gopher.cs.ttu.edu/11/reference%20self/faqs%20%28
Netscape, Internet Explorer atau Mosaic. Format standar sebuah URL adalah        freqwently%20asked%20questions%29
seperti berikut:

http://me:mypass@www.myhost.com:81/users/OKBClub/file.html                        CATATAN :
^      ^ ^       ^              ^ ^--- bagian alamat URL local
|      | |       |              |------ nomor port                                Nama lokasi pada contoh terakhir terlihat agak rumit. Kode-kode
|      | |       ---------------------- nama host server atau alamat IP
|      | ----------------------------- password (optional)                        angka yang diawali dengan tanda % adalah kode Escape Sequence
|      -------------------------------- nama user (optional)
--------------------------------------- protokol yang digunakan
                                                                                  yang harus digunakan untuk menghubungi server gopher. Kode %20
                                                                                  adalah tanda spasi, kode %28 adalah "(" dan kode %29 adalah ")".
Kode me:mypass pada URL diatas adalah nama user dan kode password yang            Dengan demikian, alamat rumit yang dihubungi dengan ghoper diatas
digunakan untuk mengakses sebuah web ber-password. Kode ini hanya digunakan       sebenarnya adalah seperti berikut:
disitus-situs tertentu yang mengharuskan user untuk memasukkan nama dan             gopher://gopher.cs.ttu.edu/11/reference self/faqs (freqwently asked questions)
password untuk dapat mengaksesnya. Nama dan password diberikan pada user
yang menjadi anggota dengan membayar iuran tertentu. Kode
www.myhost.com adalah nama host komputer di internet dimana komputer             HTML
itu berada. Setiap negara mempunyai kode tersendiri untuk menunjukkan dimana
lokasi server berada. Sebagai contoh, jika komputer berada di Indonesia, maka    Hampir semua dokumen web saat ini ditulis dalam bahasa HTM, dimana sebuah
                                                                                 teks ASCII biasa dipoles (di mark up) dengan apa yang disebut tag. Karena file
nama host diberi akhiran .id (contoh: www.indo.net.id), jika komputer berada
                                                                                 ASCII dapat dibaca oleh sistem komputer macam apapun yang ada didunia ini,
di Australia nama host diberi akhiran .au (contoh: www.dialix.perth.au). Bila
                                                                                 maka polesan tag pada file-file ASCII membuat file-file ini dapat dibaca oleh
kode negara tidak ada, maka server bersangkutan bersifat internasional dan
                                                                                 sistem-sistem komputer berbasis DOS, WIN 3.x, WIN 9x, Win ME, WINDOWS
lokasi servernya bisa dimana saja (contoh: www.infokomputer.com). Angka          2000 atau WIN NT sama baiknya dengan sistem-sistem berbasis MACINTOSH,
81 pada URL diatas adalah angka yang menunjukkan nomor koneksi port ke           UNIX atau LINUX. Tag-tag yang digunakan dalam file HTML membuat semua
server bersangkutan. Jika tidak ditulis, browser akan menggunakan nomor          dokumen terlihat sama meski user menggunakan sistem operasi dari tipe
default. Kode /users/OKBClub/ adalah path dimana file yang akan dibaca,          komputer yang sangat berbeda. Tidak seperti file-file dokumen tradisional
diambil atau dilihat berada. Kode file.html adalah nama file yang ingin          seperti Word, Excel, WS atau WordPerfect yang tidak dapat saling
ditampilkan dilayar. Jika tidak ditulis, browser akan mencari file dengan nama   dipertukarkan!
index.html, index.htm atau default.htm (tergantung seting
servernya) dilokasi path.                                                        HTML adalah bahasa interpreter, bukan bahasa pemrograman yang sebenarnya
                                                                                 seperti bahasa C++, Delphi, VisualBasic atau JAVA yang harus dikompilasi
                                                                                 terlebih dahulu sebelum dapat dieksekusi. Browser yang digunakan untuk melihat
HTTP                                                                             dan menampilkan halaman-halaman web seperti Nestcape Communicator, MS
                                                                                 Internet Explorer atau Mosaic, sesungguhnya adalah interpreter yang
HTTP (Hyper Text Trasfer Protocol) adalah salah satu dari beberapa protokol
                                                                                 menterjemahkan tag-tag yang diselipkan didalam file ASCII berekstensi .html
yang digunakan sebagai bahasa komunikasi antar server. Protokol dapat berupa
                                                                                 (atau .htm) dan menampilkannya di layar sesuai tag yang ditemukan. Sebagai
protokol web (http), Telnet, News, Gopher atau FTP. Berikut adalah
                                                                                 contoh, teks ASCII "membuat home page" akan ditampilkan apa adanya jika
beberapa contoh penggunaan alamat URL pada beberapa protokol yang ada :
                                                                                 ditulis tanpa tag, tetapi jika dipoles (baca di mark up) dengan tag <B>…</B>
Web         : http://www.elexmedia.com/index.html                                (sehingga menjadi "<B>membuat home page</B>"), maka teks tersebut
Telnet      : telnet://brahe.phys.unm.edu:9999/                                  akan ditampilkan oleh browser dalam huruf-huruf tebal.
News        : news:news.announce.newusers


                                                                          41                                                                                         42
Seperti telah dijelaskan sebelumnya, kekuatan utama file HTML adalah                 interest tertentu, seks dan gambar-gambar suuurr misalnya? Atau untuk semua
kemampuannya dalam melakukan link hypertext. Sebuah teks yang diberi tag             orang? Yang jelas, sebuah homepage dengan daya tarik untuk orang banyak akan
khusus akan membuat browser melompat ke halaman lain di server manapun di            mendapatkan lalulintas pengunjung yang padat.
dunia ini jika pemakai membawa kursor dan meng-klik mouse-nya diatas teks
tersebut. Namun demikian, apa yang mampu dikerjakan oleh browser
sesungguhnya tidak hanya sekedar melompat dan menampilkan isi file .html             Tipe Homepage Yang Bagaimana Yang Anda Inginkan?
atau .txt kelayar monitor saja, melainkan juga dapat menjalankan program-            Anda ingin memiliki homepage komersial? Atau homepage personal? Atau
program tambahan (add-on) untuk memutar lagu/musik jika teks yang dibuat             kedua-duanya? Homepage komersial adalah homepage yang berisi informasi
tujuan hypertext adalah nama file berekstensi .wav atau .mid, memutar film-          iklan, penawaran suatu produk, jasa atau servis seperti e-commerce dll.
film secara otomatis jika file yang dituju berekstensi .mov, .avi atau .mpeg         Sementara homepage personal adalah homepage yang berisi informasi-informasi
dan aktivitas-aktivitas lain sesuai kode ekstensi file yang dipakai sebagai tujuan   pribadi, materi-materi hobby atau hanya sekedar link-link ke lokasi-lokasi
klik hypertext.                                                                      menarik ditempat lain. Banyak ISP yang membuat homepage dengan penawaran
                                                                                     ganda. Mereka menarik bayaran untuk halaman-halaman komersial dan dilain
                                                                                     pihak memberikan pelayanan gratis untuk halaman-halaman pribadi.
3.1.3 Sebelum Membuat Homepage, Anda Harus Bisa
      Menjawab Ini!
                                                                                     Mengenai Apa Isi Homepage Anda?
Setelah sekian lama melanglang buana di internet dan kenyang menelusuri
berbagai macam situs yang ada, mungkin sekarang Anda mulai berpikir untuk            Jika Anda akan membuat homepage komersial, apakah Anda ingin mengisinya
membuat dan memiliki homepage sendiri. Dari sekian banyak waktu yang akan            dengan beberapa produk sekaligus atau satu produk spesifik saja? Jika Anda
Anda habiskan untuk membuat homepage, 80% diantaranya adalah untuk                   ingin mengiklankan suatu produk atau jasa, Anda dapat mengisi homepage Anda
persiapan dan hanya 20%-nya saja yang akan Anda gunakan untuk pekerjaan yang         hanya dengan satu produk atau jasa yang Anda berikan saja. Dengan cara ini,
sesungguhnya. Itulah sebabnya mengapa bagian ini menjadi sangat penting dalam        konsumen Anda akan mendapatkan informasi yang diinginkan selengkapnya
merancang sebuah homepage.                                                           secara langsung. Dilain pihak, jika Anda membuat homepage pribadi, homepage
                                                                                     Anda dapat berisi beberapa interest sekaligus, misalnya hobby, aktivitas,
Berikut adalah beberapa pertanyaan penting yang harus Anda jawab sebelum             keluarga, sejarah, fotografi, puisi, cerita, hasil-hasil kreatifitas Anda atau hal-hal
merancang sebuah homepage, jawaban yang dapat Anda berikan akan                      positif lainnya.
menentukan sukses dan tidaknya homepage Anda!

                                                                                     Seperti Apa Tampilan Homepage Yang Anda Inginkan?
Mengapa Anda Ingin Membuat Homepage?
                                                                                     Ketika berselancar mengunjungi situs-situs web di internet, Anda mungkin
Hanya sekedar ingin memiliki homepage? Atau untuk menawarkan dan menjual             pernah mampir disebuah situs web dan terpesona dengan tampilannya. Lalu
sesuatu? Anda harus dapat menjawabnya dengan jelas. Jika Anda sendiri tidak          dalam hati Anda berkata, "Saya ingin tampilan homepage saya seperti itu!" Cara
tahu mengapa dan tentang apa isi homepage Anda sendiri, maka pengunjung              terbaik untuk memulai membuat homepage dengan tampilan yang Anda inginkan
homepage Anda tidak akan tinggal lama dan mungkin tidak akan pernah kembali          adalah dengan menyimpan halaman situs web tersebut dan mempelajari isi serta
lagi selamanya!                                                                      struktur kode sumbernya. Tetapi perlu diingat bahwa Anda tidak boleh secara
                                                                                     langsung menggunakan lay-out atau isi halaman tersebut karena pada umumnya
                                                                                     situs web tersebut sudah dipatenkan dan memiliki hak cipta. Lebih dari itu, cara
Siapa Yang Anda Harapkan Tertarik Dengan Homepage Anda?
                                                                                     ini hanya akan membuat Anda menjadi seorang WebDuplicater, bukan
Apakah Anda ingin memiliki homepage untuk kalangan usia tertentu? Atau untuk         WebDesainer, apalagi WebMaster!
semua usia? Apakah Anda ingin memiliki homepage untuk kalangan dengan


                                                                              43                                                                                       44
Dimana Anda Ingin Memasang Homepage Anda?
                                                                                   http://www.allaire.com
Setelah rancangan homepage Anda selesai, Anda memerlukan sebuah server
untuk menyimpan halaman-halaman homepage Anda. Server ini harus aktif dan
terkoneksi dengan jaringan internet selama 24 jam sehari, 7 hari seminggu agar
halaman-halaman homepage Anda dapat dilihat oleh semua orang dari seluruh
dunia kapanpun mereka inginkan. Anda dapat saja menitipkan file-file Anda ke
sebuah ISP dengan membayar biaya sewa spasi yang berkisar antara 15 s/d 100
US$ sebulan. Akan tetapi itu sama sekali tidak menarik karena yang menjadi
incaran kita adalah server-server gratis!
Pada saat ini ada ribuan provider server gratis yang bisa Anda manfaatkan.
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).


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                       Gambar 3.1: Tampilan HTML Editor HomeSite v4.5 RC3
dapat menggunakan editor-editor teks sederhana seperti EDIT.EXE, WS,
SideKick, NotePad, Ms.Write atau WritePad. Editor-editor teks tersebut dapat
membimbing Anda mempelajari kode-kode HTML secara luar dalam. Akan                  CATATAN :
tetapi mungkin akan membuat frustasi pada tahap-tahap awalnya karena Anda           Versi evaluasi hanya bekerja untuk beberapa bulan saja. Setelah itu
harus mengetik semua kode HTML baris-per-baris yang dalam perkembangannya           program tidak dapat digunakan lagi. Ini dapat diakali dengan
mungkin dapat menjadi sangat rumit. Meski demikian, menggunakan teks editor
                                                                                    memundurkan tanggal komputer kita. Sebagai contoh, HomeSite 4.5
untuk membuat halaman web adalah cara terbaik untuk benar-benar mengerti
                                                                                    versi evaluasi diatas habis masa pakainya tanggal 15 Februari 2000,
tentang struktur file HTML. Akan tetapi, jaman sekarang siapa yang mau repot?
                                                                                    tetapi dengan memundurkan tanggal komputer, misalnya menjadi 15
Pada prakteknya, penggunaan editor teks membuat kita harus bolak-balik antara       Januari 2000, program tetap dapat dipakai sampai kapanpun!
editor dan browser untuk mengedit dan melihat hasilnya. Untuk mengatasi hal ini,
penulis sarankan pada Anda untuk menggunakan editor HTML yang memberikan
                                                                                   Yang kedua adalah editor HTML yang menjadi favorit penulis, yaitu 1st Page
keleluasaan penuh pada kita untuk menulis kode-kode HTML sendiri sekaligus
dapat menampilkan preview-nya. Ada 2 editor semacam ini yang sangat penulis        2000. Selain ukuran filenya lebih kecil (5.1 MB) dan gratis (Anda sama sekali
sarankan untuk Anda download sebelum mulai membuat halaman-halaman web.            tidak perlu melakukan registrasi), program ini juga sarat dengan berbagai macam
                                                                                   fasilitas! Editor ini dilengkapi dengan 450+ Javascripts/VBScripts siap pakai,
Yang pertama adalah HomeSite. Saat buku ini ditulis, HomeSite baru mencapai        DHTML scripts, dukungan penuh untuk SSI, CGI, Perl, Cold Fusion, ASP, Flash
versi 4.5 (12.89 MB). Dengan editor ini Anda dapat menciptakan halaman-            4, Shockwave, Java dan ActiveX, HTML Source Compressor (untuk
halaman rumit hanya dalam beberapa menit saja. HomeSite versi evaluasi dapat       memperkecil ukuran file html) dan masih banyak lagi, termasuk fungsi-fungsi
di download dari :                                                                 wizard untuk membuat Drop-down comboboxs, Frame Killer, Browser

                                                                            45                                                                                46
Detector, Last Modified Date, Background Fader dan bahkan ada pula sekitar
20 cgi/perl/htmlscripts dengan instruksi lengkap tentang cara penggunaannya!       HTML EDITOR               ALAMAT DOWNLOAD
Menurut penulis, kelebihan utama editor ini adalah 'kerelaannya' dalam             Webber                    http://www.w3.org/Tools/Webber.html
membiarkan Anda menciptakan situs web seperti apa yang Anda inginkan.              HTML assistant            http://www.w3.org/Tools/html-assistant.html
Tanyakan pada semua pembuat situs web profesional dan mereka akan                  HTMLed (HTMLed32)         http://www.w3.org/Tools/HTMLed.html
mengatakan pada Anda tentang pengalaman menyedihkan mereka dibalik                 HTMLed Pro                http://www.w3.org/Tools/HTMLedPro.html
penggunaan editor-editor html WYSIWYG standar (misalnya Macromedia
                                                                                   HTML Writer               http://lal.cs.byu.edu/people/nosack/
BackStage, Adobe PageMill atau Microsoft Front Page). Semua web builder
profesional tahu bahwa editor-editor WYSIWYG tidak pernah meng-create              HyperType Edit            http://www.w3.org/Tools/HyperTypeEdit.ht
kode html yang bersih. Ini berarti bahwa mereka harus menghabiskan banyak                                    ml
waktu untuk memperbaiki, membersihkan dan mengkoreksi kode-kode html               WebMania!                 http://www.w3.org/Tools/WebMania.html
setelah penciptaannya. Program 1st Page 2000 mengantisipasi semua masalah          WEB Wizard                http://www.halcyon.com/artamedia/webwiz
umum ini dengan tidak menciptakan kode-kode html yang tidak kita buat!                                       ard/
Siapapun Anda, baik pemula maupun master html, Anda akan menyukai editor           Html+ Editor              http://www.lm.com/~pdixon/html.html
ini! Editor 1st Page 2000 dapat di download dari :                                 ReVoL Web Worker          http://www.webzone1.co.uk/www/jlister/rev
                                                                                                             ol.htm
http://www.evrsoft.com/download                                                    Web Media Publisher       http://www.wbmedia.com/publisher/
                                                                                   HTMgen32                  http://home.sol.no/jgaa/htmgen32.htm
                                                                                   W3e                       http://www.nce.ufrj.br/~cracky/w3e.html
                                                                                   DerekWare                 http://shell.masterpiece.com/derek/derekwa
                                                                                                             re/
                                                                                   Chinese/Eng HTML editor   ftp://ftp.cuhk.hk/pub/contrib/
                                                                                   Phoenix                   http://http.bsd.uchicago.edu/~l-
                                                                                                             newberg/phoenix.html
                                                                                   PageMill                  http://www.adobe.com/prodindex/pagemill/
                                                                                                             main.html
                                                                                   HTML Notepad              http://www.w3.org/Tools/HTML-
                                                                                                             Notepad.html



                 Gambar 3.2: Tampilan Pembuka 1st Page 2000

    Akhirnya, meskipun 1st Page 2000 adalah editor html gratis terbaik menurut
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/ :




                                                                            47                                                                             48
                                                                                    dengan tag <B>…</B> dapat ditimpa dengan tag <I>…</I>                 sehingga
                                                                                    menghasilkan kombinasi huruf tebal dan miring. Contoh:
3.2 DASAR-DASAR HTML
Meskipun kenyataan membuktikan bahwa Anda dapat menciptakan halaman-                   Belajar <B>Membuat <I>Home Page</I></B> sendiri.
halaman web tanpa mengerti sedikitpun bahasa HTM, terutama jika menggunakan
editor html WYSIWYG seperti Macromedia BackStage, Adobe PageMill,                   Akan ditampilkan oleh browser seperti ini:
Microsoft FrontPage atau Netscape Composer, tetapi untuk mengekploitasi
semua kemampuan browser dan mensiasati keterbatasan berbagai fasilitas
internet yang berbau 'gratisan', sangat disarankan pada Anda untuk memahami          Belajar Membuat Home Page sendiri.
dasar-dasar html.
Berbeda dengan bahasa-bahasa pemrograman komputer 'asli' lainnya, bahasa
HTM adalah bahasa yang tidak memerlukan kemampuan logika dan algoritma              Meski kebanyakan tag bersifat override, ada juga tag yang tidak memiliki
pemrograman sehingga sebetulnya bahasa HTM tidak bisa benar-benar disebut           pasangan sehingga tidak bersifat override, misalnya <BR>, <HR> atau
sebagai bahasa pemrograman. Jika Anda mahir menggunakan HTML, Anda tidak
                                                                                    <INPUT>.
akan disebut sebagai seorang programmer! Anda akan tetap menjadi seorang
WebDesainer atau WebMaster!
                                                                                     CATATAN :
3.2.1 Mengenal Tag                                                                   Peletakan tag penutup yang tidak benar dapat mengakibatkan
Tag adalah kode yang digunakan untuk me-mark-up (memoles) teks ASCII                 tampilan yang tidak diharapkan, terutama jika pengunjung
sehingga membentuk file html. Setiap tag memiliki fungsi sendiri dan selalu          homepage Anda menggunakan browser Netscape versi 3.0
dimulai dengan tanda "<" dan ditutup dengan tanda ">", misalnya <B>,                 kebawah. Sebagai contoh, baris:
<CENTRE>, <I> dan lain sebagainya.
                                                                                     Belajar <I>Membuat <B></I>Home Page</B> sendiri.
Kebanyakan tag memiliki pasangan penutup yang harus digunakan untuk menutup
tag sebelumnya. Tag penutup tidak harus diletakkan satu baris dengan tag
pembuka, melainkan dapat diletakkan dimana saja dan selalu dimulai dengan
                                                                                     Tidak akan ditampilkan sebagai "Belajar Membuat Home Page
tanda "</" dan ditutup dengan tanda ">", misalnya </B>, </CENTRE>, </I>              sendiri.", melainkan akan ditampilkan sebagai "Belajar Membuat
dan lain sebagainya. Secara lengkap, format penggunaan tag untuk memoles teks        Home Page sendiri."
ASCII adalah seperti berikut:
                                                                                     Susunan tag yang benar adalah :
<Tag Pembuka> Teks ASCII <Tag Penutup>                                               Belajar <I>Membuat</I> <B>Home Page</B> sendiri.

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

                                                                               49                                                                              50
Meskipun tag tidak bersifat case sensitif, namun link-link dan nama-nama             <H1 ALIGN="CENTER">       <— memakai 1 atribut
referensinya bersifat case sensitif. Hal ini terutama terjadi pada file-file yang    <FONT SIZE="7" COLOR="red">   <— memakai 2
disimpan diserver-server berbasis UNIX atau LINUX. Jadi, jika Anda ingin
membuat link kesebuah file bernama referensi.html, sebaiknya Anda                    atribut
TIDAK menggunakan tag <A HREF="Referensi.html">, melainkan harus
seperti ini <A HREF="referensi.html">.                                               3.2.3 Karakter-Karakter Khusus
                                                                                     Semua browser mengenal karakter ASCII berkode 32 sampai 126, yaitu kode
3.2.2 Atribut Tag                                                                    untuk angka 0-9, huruf a-z dan A-Z serta tanda-tanda baca seperti '?' atau '!'. Jika
                                                                                     Anda ingin menggunakan kode-kode ASCII diluar kode itu, Anda harus
Sebuah tag bisa memiliki satu atribut atau lebih. Atribut digunakan untuk            menyertakan kode ASCII khusus yang disebut ASCII Escape Sequence. Format
mengendalikan kerja tag bersangkutan. Berikut adalah 3 macam atribut yang            penggunaannya adalah &#n, dimana n adalah nomor kode ASCII yang diinginkan
mungkin dimiliki oleh sebuah tag:                                                    (0-31 & 127-255). Akan tetapi karena ada beberapa karakter ASCII yang juga
1.   Atribut nama, misalnya ALIGN, WIDTH dll.                                        digunakan sebagai komponen tag, misalnya "<", "&" atau ">", maka karakter-
                                                                                     karakter ini harus ditangani secara khusus dengan kode-kode berikut :
2.   Atribut tanda sama dengan (=).
3.   Atribut nilai, misalnya '60', "80%", "red", "index.html" dll.
                                                                                       Karakter        Notasi        Keterangan
Atribut nilai boleh juga ditulis tanpa tanda kutip, karena itu tiga contoh dibawah                      &lt;         Kurung runcing buka
                                                                                           <
ini sama benarnya:
                                                                                           >            &gt;         Kurung runcing tutup
                                                                                          &            &amp;         Tanda Dan
     <HR ALIGN=center WIDTH=80>                                                            "          &quot;         Tanda petik ganda
     <HR ALIGN="center" WIDTH="80">
     <HR ALIGN='center' WIDTH='80'>                                                        ±         &plusmn;        Tanda plus minus
                                                                                         Spasi        &nbsp;         Tanda spasi
Akan tetapi sebaiknya Anda membiasakan diri untuk menggunakan tanda petik
agar terhindar dari kemungkinan salah interprestasi dari sebagian browser yang       Selain kode-kode diatas, ada beberapa kode karakter khusus yang sering
ada. Jadi, meskipun cara penulisan tag seperti <A HREF=feature.html>                 digunakan dalam file-file HTML. Notasi tersebut adalah:
bisa digunakan, akan tetapi akan lebih baik (dan aman) jika Anda menulisnya
dengan <A HREF="feature.html">.
                                                                                       Karakter         Notasi       Keterangan
Beberapa atribut nama dapat dihilangkan jika nama atribut namanya sama dengan
                                                                                                      &copy;        Tanda hak cipta (Copyright)
atribut nilainya. Sebagai contoh, tag <UL COMPACT="COMPACT"> bisa
                                                                                                       &reg;        Tanda terdaftar (Registered)
ditulis dengan <UL COMPACT> saja.
Jika atribut tidak dipakai, maka browser akan menganggap atribut yang digunakan      3.2.4 Menangani Spasi dan Ganti Baris
adalah atribut default, yaitu atribut yang dipasang pada tag <BODY> (akan
dijelaskan pada sub bab berikutnya). Jika menggunakan lebih dari satu atribut,       Browser apapun yang Anda gunakan, tidak mengenal kode spasi lebih dari satu
maka setiap atribut yang digunakan harus dipisah dengan tanda spasi, bukan           spasi, tidak mengenal kode ganti baris (enter/cariage return) dan tidak mengenal
koma. Lihat contoh berikut:                                                          kode tab! Ini berarti bahwa 1000 Enter + 1000 Spasi = 1 Spasi! Jika Anda
                                                                                     menulis teks html seperti ini :
<H1>                                           <— tanpa atribut


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


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

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

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



                                                                       53                                                                              54
                                                                                  3.3.3 Informasi Versi HTML
                                                                                  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.
                                                                                  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
  Gambar 3.3: Buat folder www.gratis.com di drive c:\ atau d:\ untuk menyimpan    Communications, Novell, SoftQuad, Spyglass dan Sun Microsystems. Juga
                               homepage lokal                                     dibantu oleh spesialis-spesialis content provider seperti HotWired, Verso dan
                                                                                  PathFinder.
                                                                                  Draft HTML versi 4.0 pertama kali diumumkan pada 8 juli 1997,
3.3.2 Format Dasar File HTML
                                                                                  menyempurnakan HTML versi 3.2 yang sebetulnya baru terbit Januari 1997.
Setiap halaman web setidaknya memiliki format dasar HTML seperti ini:             Meski demikian, sampai saat buku ini ditulis masih banyak dokumen HTML yang
                                                                                  ditemukan di Internet masih menggunakan draft HTML versi 3.2. Kemukinan ini
                                                                                  karena editor yang mereka pakai menggunakan default draft versi 3.2. Berikut
   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
   <HTML>
                                                                                  adalah beberapa standar draft HTML yang bisa digunakan.

     <HEAD>
        Informasi mengenai isi file                                               IETF (Internet Engineeiring Task Force) HTML 3.2 DTD :
     </HEAD>
                                                                                  <!DOCTYPE   HTML   PUBLIC   "-//IETF//DTD    HTML//EN//3.2">
     <BODY>
        Isi dari file                                                             <!DOCTYPE   HTML   PUBLIC   "-//IETF//DTD    HTML 3.2//EN">
     </BODY>                                                                      <!DOCTYPE   HTML   PUBLIC   "-//IETF//DTD    HTML 3.2//EN//">
   </HTML>                                                                        <!DOCTYPE   HTML   PUBLIC   "-//IETF//DTD    HTML Level 3.2//EN">
                                                                                  <!DOCTYPE   HTML   PUBLIC   "-//IETF//DTD    HTML 3.2 Level 3.2//EN">
Baris pertama adalah tag untuk menentukan versi html yang digunakan dalam
dokumen. Pada prakteknya, kode ini kadang dapat diabaikan alias boleh ditulis     W3C HTML 3.2 & 4.0 DTD :
boleh tidak. Penjelasan lebih rinci akan dijelaskan dibawah.                      <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD    HTML   3.2 Draft//EN">
Ruang diantara tag <HEAD> dan </HEAD> dapat diisi dengan informasi                <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD    HTML   3.2//EN">
mengenai halaman bersangkutan, misalnya editor yang digunakan untuk menulis       <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD    HTML   4.0 Draft//EN">
halaman tersebut, informasi mengenai siapa pembuatnya, judul halaman, isi, kata   <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD    HTML   4.0 Transitional//EN">
kunci dll. Sedangkan ruang diantara tag <BODY> dan </BODY> adalah ruangan         <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD    HTML   4.0 Final//EN">
untuk diisi materi utama homepage Anda.                                           <!DOCTYPE   HTML   PUBLIC   "-//W3C//DTD    HTML   4.0//EN">



                                                                            55                                                                             56
                                                                              Cobalah ketik baris-baris diatas dengan NotePad dan simpan dengan nama file
                                                                              index.html kedalam folder c:\www.gratis.com\. Setelah itu, jika file
                                                                              tersebut Anda klik ganda, Anda akan mendapatkan tampilan seperti gambar 3.4.
CATATAN :
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:
                                                                                     Gambar 3.4: Judul halaman ditampilkan disebelah kiri atas browser
<!DOCTYPE   HTML   PUBLIC              "-//W3C//DTD         HTML      4.0
Transitional//EN">                                                            Sekarang coba tambahkan halaman tersebut kedalam Bookmark (Netscape) atau
                                                                              Favorites (Internet Explorer), maka Anda akan mendapatkan hasil seperti
3.3.4 Memberi Judul Halaman/Bookmark                                          tampak pada gambar 3.5.

Ketika Anda membuka sebuah homepage, browser Anda akan menampilkan
judul homepage bersangkutan di ujung kiri atas layar browser. Jika kemudian
Anda menyimpan alamat URL-nya kedalam bookmark, maka judul ini akan
digunakan sebagai keterangan mengenai isi alamat URL yang Anda simpan.
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>
                                                                                 Gambar 3.5: Judul halaman secara otomatis dipakai sebagai judul bookmark



                                                                       57                                                                                   58
3.3.5 Informasi Untuk Search Engine                                                 Kode-kode bahasa yang lain adalah LANG=en untuk bahasa Inggris, LANG=de
                                                                                    untuk bahasa belanda dan lain sebagainya. Penggunaan atribut bahasa ini
Salah satu upaya agar homepage kita dikunjungi pemakai internet sebanyak-           memungkinkan untuk ditampilkannya karakter-karakter khusus pada bahasa-
banyaknya adalah dengan mendaftarkan homepage kita ke setiap Search Engine          bahasa tertentu untuk keperluan speech synthesis, klasifikasi teks yang digunakan
apa saja yang bisa ditemukan. Search Engine adalah mesin pencari URL                dalam search engine dll.
otomatis yang bisa digunakan untuk menemukan topik-topik tertentu dibelantara
web. Beberapa search engine yang terkenal diantaranya adalah Yahoo,
AltaVista, InfoSeek dan WebCrawler. Jika pencarian ditemukan, search engine         3.3.6 Mengatur Warna Teks Global
akan menampilkan informasi-informasi mengenai isi URL yang ditemukan.
Seberapa lengkap/jelas informasi yang dapat ditampilkan oleh search engine          Warna teks yang akan ditampilkan oleh browser secara global ditentukan oleh
tergantung dari pengisian saat pendaftaran atau tergantung dari isi tag informasi   salah satu atribut yang ada pada tag <BODY>. Secara lengkap, atribut yang dapat
pada dokumen html yang ditemukan.                                                   dipasang pada tag <BODY> adalah sebagai berikut:
Semua informasi yang ingin disampaikan pada halaman web dapat kita masukkan
dengan tag <META NAME=> diantara tag <HEAD>…</HEAD>. Format                         text="warna"     - Warna teks
penggunaannya adalah:                                                               link="warna"     - Warna link
                                                                                    vlink="warna" - Warna link yang pernah dikunjungi
<META NAME="penjelasan" CONTENT="isi">                                              alink="warna" - Warna link aktif
                                                                                    background="file_gambar" - Latar belakang gambar
Sebagai contoh, berikut adalah penggunaan tag <META> untuk beberapa                 bgcolor="warna" - Warna latar belakang
informasi yang akan digunakan oleh search engine sebagai referensi:
                                                                                    Dimana "warna" dapat berupa kode warna atau kode nama warna. Jika
   <HEAD>                                                                           menggunakan kode warna, format yang digunakan adalah #rrggbb. Masing-
    <TITLE>Home Page SERBA GRATIS</TITLE>                                           masing huruf rr, gg dan bb mewakili kode angka red, green dan blue dari
    <META NAME="Autor" CONTENT="OKB Club Indonesia">
    <META NAME="Generator" CONTENT="Microsoft FrontPage 4.0">                       #00 sampai #ff heksa.
    <META NAME="Description" CONTENT="Home Page SERBA GRATIS
     adalah referensi lengkap tentang semua materi di internet                      Sebagai contoh, untuk menampilkan seluruh teks berwarna merah, Anda dapat
     yang dapat diperoleh secara GRATIS !">                                         menggunakan kode berikut :
    <META NAME="KeyWords" CONTENT="gratis,'serba gratis',free,
     'free stuff','free email','free web space','free
     counter'">
   </HEAD>                                                                             <BODY TEXT="#FF0000">
                                                                                       Teks ini akan ditampilkan dalam warna MERAH
                                                                                       </BODY>
Jika halaman-halaman homepage Anda terdiri dari beberapa bahasa, Anda bisa
mendefinisikan bahasa yang Anda gunakan dengan atribut LANG. Sebagai                Jika menggunakan kode nama warna, kode yang dapat digunakan adalah nama-
contoh, jika isi dokumen web Anda ditulis dalam bahasa Perancis, Anda dapat         nama warna dalam bahasa inggris. Sebagai contoh, kode diatas dapat diganti
menggunakan attribut LANG seperti ini:                                              dengan baris-baris berikut dengan hasil yang sama :

<META NAME="Author" LANG=fr CONTENT="OKB Club Indonesia">                              <BODY TEXT="red">
                                                                                       Teks ini akan ditampilkan dalam warna MERAH
                                                                                       </BODY>


                                                                             59                                                                                  60
Netscape Navigator versi 3.0 keatas mengenal 140 nama warna
(http://developer.netscape.com/docs/manuals/communicator/jsguide4/colors.htm
). Akan tetapi Microsoft Internet Explorer dibawah versi 4.0 hanya mengenal 16
nama warna saja.
Jika atribut tidak digunakan, browser akan menggunakan warna teks hitam dan
latar belakang putih atau abu-abu (tergantung brower dan versi browser yang
dipakai) dengan link berwarna biru.
Berikut adalah 16 nama warna tersebut yang otomatis juga didukung oleh
Netscape Navigator:
                                                                                             Gambar 3.6: Menggunakan dua latar belakang sekaligus
 Black    =   #000000     Blue      =   #0000FF     Olive    =   #808000
 White    =   #FFFFFF     Fuchsia   =   #FF00FF     Green    =   #008000
 Red      =   #FF0000     Gray      =   #808080     Teal     =   #008080
 Yellow   =   #FFFF00     Silver    =   #C0C0C0     Navy     =   #000080
 Lime     =   #00FF00     Maroon    =   #800000     Purple   =   #800080
 Aqua     =   #00FFFF



3.3.7 Mengatur Warna Latarbelakang
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>


Anda juga dapat menggunakan kedua atribut bersama-sama sebagai cadangan jika            Gambar 3.7: Hasil gambar 3.6 jika file background berhasil di load
atribut BACKGROUND yang menggunakan gambar sebagai latar belakang gagal
me-load gambar dari server. Gambar 3.6 adalah contoh penggunan kedua atribut     Cara diatas adalah trik yang harus digunakan jika Anda ingin menampilkan
ini bersama-sama untuk mendapatkan warna latar belakang hitam jika file gambar   karakter-karakter dengan warna terang. Sebab jika Anda menggunakan teks
background.jpg yang dipakai sebagai latar belakang gagal di-load.                putih/kuning, sementara gambar berwarna gelap yang akan dipakai sebagai latar
                                                                                 belakang gagal di-load, maka browser akan secara otomatis menggunakan warna
                                                                                 latar belakang default (putih) sehingga tulisan Anda kemungkinan besar tidak
                                                                                 terbaca oleh pengunjung.



                                                                           61                                                                                62
Perhatikan juga bahwa contoh diatas menggunakan file gambar                     server yang digunakan adalah server yang sama dengan lokasi dokumen Anda,
background.jpg yang berada dilokasi yang sama dengan lokasi file                maka penulisan alamat servernya dapat dihilangkan seperti ini :
index.html berada. Jika file gambarnya berada dilokasi lain, Anda harus
menulisnya dengan lokasi yang benar, misalnya:
                                                                                   <A HREF="/trainer/daikatana.htm">Trainer Daikatana</A>

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


                                                                                Anda juga dapat melompat ke bagian lain dalam file dokumen yang sama. Dalam
   <BODY TEXT="white" BGCOLOR="black"
   BACKGROUND="http://serba_gratis.tripod.com/images/                           hal ini lokasi tujuan lompatannya harus diberi nama terlebih dahulu. Sebagai
   background.jpg">                                                             contoh, didalam file index.htm terdapat topik "Yang Baru Hari Ini" dan Anda
                                                                                ingin membuat link-nya dari halaman yang sama pada posisi paling atas layar.
3.3.8 Menggunakan Link                                                          Untuk melakukannya, pertama-tama Anda harus memberi nama lokasi topiknya
                                                                                dengan cara berikut :
Satu diantara dua tag yang 80%-nya digunakan dalam setiap halaman web adalah
<A> (selain tag <IMG>). Tag ini digunakan untuk melompat ke halaman html
                                                                                   <A NAME="yang_baru"></A>
lain, baik yang berada dalam server bersangkutan maupun diserver lain. Segala      <B><U>Yang Baru Hari Ini:</U></B>
sesuatu (teks atau gambar) yang diapit dengan tag ini apabila di klik akan
membawa user ke halaman lain sesuai atribut HREF yang digunakan dalam tag       Setelah itu, untuk membuat link kebagian tersebut, gunakan cara berikut :
tersebut. Format penggunaannya adalah sebagai berikut :
<A HREF="Lokasi_Dokumen_Tujuan">Nama Link</A>                                      <A HREF="index.htm#yang_baru">Yang Baru Hari Ini</A>


Contoh :                                                                        3.3.9 Mengatur Warna Link
   <A HREF="http://infocheats.tripod.com/trainer/                               Teks yang dijadikan link secara otomatis akan diberi garis bawah dan secara
    daikatana.htm">Trainer Daikatana</A>
                                                                                default akan diberi warna biru, saat diklik akan berwarna ungu dan setelah di
                                                                                klik warnanya akan berubah menjadi ungu. Untuk mengganti warna default ini,
Yang akan ditampilkan oleh browser seperti ini :                                gunakan atribut link dan alink dan vlink pada tag <BODY>. Sebagai
                                                                                contoh, untuk mengganti warna link menjadi merah, saat diklik berwarna biru dan
                                                                                setelah di klik menjadi hijau, gunakan cara berikut :
 Trainer Daikatana
                                                                                <BODY LINK="red" ALINK="blue" VLINK="green">

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



                                                                         63                                                                                 64
                                                                                      <HR WIDTH="80%" ALIGN="right">
                                                                                      &lt;HR ALIGN="center"&gt;<BR>
3.3.10 Membuat Garis Horisontal                                                       <HR ALIGN="center">
                                                                                      &lt;HR SIZE="20" ALIGN="center" WIDTH="50%"&gt;<BR>
                                                                                      <HR SIZE="20" ALIGN="center" WIDTH="50%>
Garis horisontal biasanya digunakan untuk mempercantik tampilan atau untuk            &lt;HR ALIGN="center" SIZE="5' NOSHADE&gt;<BR>
memisah dua informasi dengan inti yang berlainan. Garis horisontal dapat dibuat       <HR ALIGN="center" SIZE="5" NOSHADE>
                                                                                      &lt;HR WIDTH="65%" ALIGN="center" SIZE="15"
dengan tag <HR>. Dalam mode default, tag <HR> akan membangkitkan garis                NOSHADE&gt;<BR>
horisontal yang hampir membelah layar dari kiri ke kanan dengan garis berwarna        <HR WIDTH="65%" ALIGN="center" SIZE="15" NOSHADE>
                                                                                      <P><HR>
abu-abu berbayang. Jika ingin ditampilkan dengan tampilan yang lain, Anda             <I>Copyright &copy; 2000 OKB Club Indonesia.</I>
dapat menggunakan atribut-atribut berikut:                                           </BODY>


ALIGN="left | right | center" - Mengatur posisi garis                             3.4 MANIPULASI TEKS
NOSHADE - Tidak menggunakan bayangan                                              Seperti sebuah dokumen, salah satu unsur yang menentukan menarik atau tidaknya
SIZE="angka" - Untuk mengatur tinggi garis dalam pixel                            tampilan dokumen web adalah lay-out dan penggunaan jenis huruf yang tepat.
                                                                                  Hal-hal khusus yang perlu penekanan sebaiknya ditampilkan dalam huruf tebal,
WIDTH="angka" - Untuk mengatur lebar garis dalam pixel atau persen                sementara teks-teks yang mereferansi ke sesuatu hal diberi garis bawah atau
                                                                                  huruf miring dan demikian seterusnya.
Sebagai contoh, tampilan pada gambar 3.8 berikut :
                                                                                  Bagaimanapun ada sedikit perbedaan antara tampilan halaman utama sebuah web
                                                                                  dengan tampilan dokumen cetak. Dalam membuat homepage, besar halaman
                                                                                  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:
                   Gambar 3.8: Contoh penggunaan tag <HR>

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

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


                                                                           65                                                                                 66
                                                                                   Karena setiap tag dapat dikombinasikan dengan tag yang lain, maka kita dapat
 Mengapa harus bayar kalau ada yang GRATIS!                                        membentuk efek campuran. Sebagai contoh, kita dapat membuat teks tebal, miring
                                                                                   dan bergaris bawah dengan cara seperti ini:
Jika ingin menampilkan huruf atau teks miring (italic), tag yang harus digunakan
adalah <I>…</I>. Contoh berikut ini :                                                 <BODY>
                                                                                      <B><I><U>Pokoknya semuanya GRATIS!</U></I></B>
                                                                                      </BODY>
   <BODY>
   Situs ini berisi semua informasi yang dibutuhkan untuk                          yang akan menghasilkan tampilan di browser seperti ini:
   <I>Membangun HomePage Sendiri</I> secara <B>GRATIS!</B>
   </BODY>


Akan ditampikan oleh browser seperti ini:                                           Pokoknya semuanya GRATIS!


 Situs ini berisi semua informasi yang dibutuhkan untuk                            3.4.2 SubScript & SuperScript
 Membangun HomePage Sendiri secara GRATIS!                                         SuperScript biasanya digunakan untuk menaikkan posisi karakter atau teks lebih
                                                                                   tinggi dari teks normal, misalnya pada penulisan jam, tanda pangkat, derajat dan
Sementara itu, garis bawah dapat dibuat dengan mengapit teks dengan tag <U> …      sebagainya. Perhatikan contoh berikut :
</U>. Lihat contoh berikut:
                                                                                      <BODY>
   <BODY>                                                                                 Jam   : 12<SUP>45</SUP> s/d 15<SUP>30</SUP> WIB.<BR>
   Keterangan lebih lanjut, hubungi <U>WebMaster                                          Sudut : 90<SUP>o</SUP><BR>
   SerbaGratis</U>.                                                                       Luas : 100m<SUP>2</SUP>
   </BODY>                                                                            </BODY>

akan ditampilkan seperti ini :                                                     Jika dilihat dengan browser akan tampak seperi ini :


 Keterangan lebih lanjut, hubungi WebMaster SerbaGratis.                            Jam : 1245 s/d 1530 WIB.
                                                                                    Sudut : 90o
                                                                                    Luas : 100m2
 CATATAN :                                                                         Sementara itu, SubScript biasanya digunakan untuk menurunkan posisi karakter
 Teks-teks yang dibuat link, secara otomatis juga ditampilkan dengan               atau teks menjadi lebih rendah dari teks normal, misalnya untuk menampilkan
 garis bawah oleh browser. Bedanya, garis bawah yang dibuat                        kode rumus atau indek. Sebagai contoh, tampilan seperti ini:
 dengan tag <U>…</U> akan memiliki warna sesuai warna hurufnya,
 sedangkan teks bergaris bawah hasil link akan memiliki warna                       Ucal = 3.1956
 default link (biru) atau sesuai warna yang ditentukan oleh atribut                 Atur selektor YA dan YB menjadi 50 Point
 LINK dan VLINK.                                                                    XY14 XY15

                                                                                   Dapat dihasilkan dengan cara penulisan tag seperti ini:


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

3.4.3 Menampilkan Teks Apa Adanya                                                    Komputer          Speed        Harga Lama          Harga Baru

Seperti telah dijelaskan pada sub bab 3.2.4, karakter spasi yang lebih dari satu,    Pentium    MMX    266   Mhz    Rp.   500.000,-     Rp.   350.000,-
                                                                                     Celeron           500   Mhz    Rp.   600.000,-     Rp.   500.000,-
karakter [tab] maupun [enter] akan diabaikan oleh browser. Browser tidak dapat       Pentium    II     550   Mhz    Rp.   850.000,-     Rp.   650.000,-
menampilkan 2 baris teks jika pemisah diantara kedua baris tersebut adalah kode      Pentium    III      1   Ghz    Rp.   950.000,-     Rp.   875.000,-
[enter]. Browser tidak dapat menampilkan 2 buah spasi jika yang digunakan            Pentium    IV     2.2   Ghz    Rp.   999.000,-     Rp.   900.000,-
benar-benar 2 buah spasi. Untuk mengatasi hal ini, yakni untuk menampilkan teks
apa adanya (spasi ditampilkan spasi, [enter] ditanggapi sebagai [enter] dan
sebagainya) kita dapat menggunakan tag <PRE>…</PRE>. Contoh dibawah ini             3.4.5 Membuat Teks Berkedip
akan ditampilkan browser dalam posisi yang persis sama dengan aslinya.
                                                                                    Jika Anda ingin menampilkan teks tertentu lebih menarik perhatian daripada teks-
                                                                                    teks yang lain, misalnya kata PERHATIAN! atau AWAS! Anda dapat
   <PRE>
      <B>MALAM DIKOTAMU</B>
                                                                                    menampilkannya dalam bentuk teks yang berkedip-kedip. Tag yang dapat
                                                                                    digunakan adalah <BLINK>…</BLINK>. Contoh :
        Sepi Jalan Dalam Kenangan
        Suara Hujan Ketuk Kaca Jalanan

              Oh Suasana Nostalgia Yang Anda                                           <CENTER>
              Menyentuh Rinduku Hari Yang Lalu                                         <B><BLINK>PERHATIAN!</BLINK></B>
   </PRE>                                                                              <P>Ini adalah Situs Khusus Untuk Orang Dewasa. Bagi Anda yang
                                                                                       <B>berusia dibawah 21 tahun</B>, silahkan klik tombol BACK di
                                                                                       browser Anda!</P>
                                                                                       </CENTER>
3.4.4 Mencoret teks
Untuk mencoret teks, Anda dapat mengapit teks yang ingin dicoret dengan tag          CATATAN :
<STRIKE> dan </STRIKE>. Contoh dibawah ini :
                                                                                     Fungsi pengedipan teks hanya didukung oleh Netscape. Jika user
                                                                                     menggunakan NCSA Mosaic atau Internet Explorer, teks
   <BODY>
   <B>Penawaran khusus !!!</B><PRE>
                                                                                     "PERHATIAN!" diatas tidak akan berkedip-kedip, melainkan
   Komputer     Speed    Harga Lama     Harga Baru</B><BR>                           ditampilkan seperti teks biasa!
   Pentium MMX 266 Mhz Rp. <STRIKE>500.000,-</STRIKE> Rp.
   350.000,-
   Celeron      500 Mhz Rp. <STRIKE>600.000,-</STRIKE> Rp.
   500.000,-                                                                        3.4.6 Membuat Teks Berjalan
   Pentium II   550 Mhz Rp. <STRIKE>850.000,-</STRIKE> Rp.
   650.000,-                                                                        Teks berjalan dapat dibuat dengan tag <MARQUEE>..</MARQUEE>. Atribut
   Pentium III     1 Ghz Rp. <STRIKE>950.000,-</STRIKE> Rp.
   875.000,-                                                                        yang umum digunakan adalah :
   Pentium IV   2.2 Ghz Rp. <STRIKE>999.000,-</STRIKE> Rp.
   900.000,-</PRE>
   </BODY>                                                                          BGCOLOR="warna" – Untuk mengatur warna background teks


                                                                             69                                                                                 70
DIRECTION="left | right" – Mengatur arah gerakan teks                             dimana n adalah angka dari 1 s/d 6. Margin dapat berupa "left" (default),
BEHAVIOR="scroll | slide | alternate" – Mengatur perilaku gerakan                 "right" atau "center". Contoh :
(scroll=teks bergerak berputar, slide=teks bergerak sekali lalu berhenti,
alternate=teks bergerak kekiri lalu kekanan dst.)                                    <BODY>
TITLE="pesan" – Pesan akan muncul saat mouse berada diatas teks                      <H1>Menggunakan Header Level 1 (&lt;H1&gt;)</H1>
                                                                                     <H2>Menggunakan Header Level 2 (&lt;H2&gt;)</H2>
SCROLLAMOUNT="angka" – Mengatur kecepatan gerakan dalam pixel,                       <H3>Menggunakan Header Level 3 (&lt;H3&gt;)</H3>
semakin banyak semakin cepat                                                         <H3 ALIGN="center">Menggunakan Header Level 3
SCROLLDELAY="angka" – Mengatur waktu tunda gerakan dalam mili detik                  (dengan ALIGN="center")</H3>
                                                                                     <H3 ALIGN="right">Menggunakan Header Level 3
LOOP="angka | -1 | infinite" – Mengatur jumlah loop                                  (dengan ALIGN="right")</H3>
WIDTH="lebar" – Mengatur lebar blok teks dalam pixel atau persen                     <H4>Menggunakan Header Level 4 (&lt;H4&gt;)</H4>
                                                                                     <H5>Menggunakan Header Level 5 (&lt;H5&gt;)</H5>
                                                                                     <H6>Menggunakan Header Level 6 (&lt;H6&gt;)</H6>
Berikut adalah contoh untuk menampilkan teks dengan font arial berwarna putih        <BODY>
diatas dasar merah yang berjalan dari kanan kekiri ditengah layar :

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

 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!


3.4.7 Menggunakan Header
Header adalah huruf-huruf atau teks berukuran khusus yang dapat digunakan untuk
                                                                                                 Gambar 3.9: Mengatur ukuran font dengan Header
memberi judul suatu bab atau sub bab dalam dokumen. Ada 6 level ukuran
header yang dapat digunakan sesuai kebutuhan. Header level 1 adalah header
dengan ukuran huruf paling besar sedangkan header level 6 adalah header           3.4.8 Mengatur Paragraph
dengan ukuran huruf paling kecil. Sintak penggunaannya adalah sebagai berikut:
                                                                                  Setiap dokumen biasanya terdiri dari satu paragraph atau lebih. Masing-masing
                                                                                  paragraph dipisahkan dengan spasi kosong. Secara umum Anda bisa memakai
<Hn ALIGN="margin">                                                               dua tag <BR> untuk membuat spasi kosong diantara 2 paragraph, tetapi ini tidak
                                                                                  praktis. Ada tag khusus yang dapat digunakan untuk memisahkan paragraph, yaitu



                                                                            71                                                                              72
tag <P>. Secara otomatis, penggunaan tag ini akan membangkitkan efek yang         GRATIS! Dari mulai akses internet-nya, alamat
sama dengan penulisan 2 buah tag <BR>. Contoh:                                    email-nya, editor-nya, program-program bantunya,
                                                                                  trik-triknya, informasinya, web server-nya,
                                                                                  guestbook-nya, counter-nya, script-nya dll.
   Ini adalah paragraph pertama.                                                   <P ALIGN="right">Situs ini berisi semua informasi
   <P>Dan ini adalah paragraph kedua.                                             yang dibutuhkan untuk Membangun Home Page Sendiri
                                                                                  secara GRATIS! Dari mulai akses internet-nya,
Akan menghasilkan efek yang sama dengan baris ini:                                alamat email-nya, editor-nya, program bantunya,
                                                                                  trik-triknya, informasinya, web server-nya,
                                                                                  guestbook-nya, counter-nya, script-nya dll.
   Ini adalah paragraph pertama                                                    <P ALIGN="center">Situs ini berisi semua informasi
   <BR><BR>Dan ini adalah paragraph kedua.                                        yang dibutuhkan untuk Membangun Home Page Sendiri
                                                                                  secara GRATIS! Dari mulai akses internet-nya,
3.4.9 Mengatur Alignment                                                          alamat email-nya, editor-nya, program bantunya,
                                                                                  trik-triknya, informasinya, web server-nya,
                                                                                  guestbook-nya, counter-nya, script-nya dll.
Tag <P> sebenarnya memiliki atribut khusus yang dapat kita gunakan untuk           <P ALIGN="justify">Situs ini berisi semua
mengatur mode perataan (alignment) teksnya. Sintak penggunaannya adalah           informasi yang dibutuhkan untuk Membangun Home Page
seperti ini:                                                                      Sendiri secara GRATIS! Dari mulai akses internet-
                                                                                  nya, alamat email-nya, editor-nya, program
                                                                                  bantunya, trik-triknya, informasinya, web server-
<P ALIGN="mode_perataan">                                                         nya, guestbook-nya, counter-nya, script-nya dll.
                                                                                  </BODY>
dimana mode_perataan adalah mode perataan teks yang dapat berupa:

"left" - Untuk membuat paragraph rata kiri (default)
"right" - Untuk membuat paragraph rata kanan
"center" - Untuk membuat paragraph berada ditengah layar
"justify" - Membuat paragraph rata kiri dan kanan (hanya
  berlaku untuk Netscape Comunicator dan MS Internet
  Explorer versi 4 beta 2 keatas)
Sebagai contoh, tampilan pada gambar 3.10 dihasilkan dari baris-baris dibawah
ini. Paragraph pertama menggunakan mode perataan default (rata kiri), paragraph
kedua menggunakan mode rata-kanan, paragraph ketiga menggunakan mode
'center' dan paragraph terakhir menggunakan mode perataan kiri dan kanan
(justify).


   <BODY>
    <P>Situs ini berisi semua informasi yang                                            Gambar 3.10: Contoh-contoh pengaturan aligment teks
   dibutuhkan untuk Membangun Home Page Sendiri secara


                                                                           73                                                                 74
                                                                                    satu penyedia jasa Internet. Tetapi bagaimana sebenarnya
 TIPS :                                                                             mekanisme yang terjadi sehingga kita dapat berkencan?</P>
                                                                                    --<I>Majalah Infokomputer</I>, Oktober 1999 –
 Penggunaan tag <P ALIGN="center"> menghasilkan reaksi yang                         </BLOCKQUOTE>
                                                                                    </BODY>
 sama dengan penggunaan tag <CENTER> … </CENTER>.


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


                                                                                 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
        Gambar 3.11: Indent paragraph dapat diatur dengan <blockquote>           huruf-huruf berlebar tetap (fixed-width) atau kombinasi diantaranya, dapat
                                                                                 ditampilkan lebih bervariasi lagi. Format penggunaan tag ini adalah:
Sebagai contoh, tampilan pada gambar 3.11 diatas adalah hasil dari baris-baris
html dibawah ini :                                                               <FONT SIZE="ukuran" COLOR="warna" FACE="tipe_font">

                                                                                 dimana ukuran adalah angka 1 s/d 7, warna adalah kode warna (lihat sub bab
   <BODY>                                                                        3.3.6) dan tipe_font adalah nama tipe huruf yang diinginkan. Sebagai contoh,
   Teks normal ….
   <BLOCKQUOTE>                                                                  baris-baris dibawah ini akan ditampilkan browser seperti tampilan gambar 3.12.
   <P><B>Routing di Internet</B>
   <P>Kita semua tahu Internet menghubungkan komputer-komputer
   yang ada dimuka bumi ini. Kita dapat mengirim e-mail yang                        <BODY><BASEFONT SIZE=5>
   berada di Australia, Amerika, Eropa dan banyak lagi. Kita                        Ini tipe huruf normal (Times New Roman).<BR>
   juga dapat kencan dengan gadis Boston, demikian iklan salah                      Ini <FONT FACE="Algerian">tipe huruf ALGERIAN</FONT>.<BR>



                                                                          75                                                                                  76
   Ini <FONT FACE="Comic Sans MS">tipe huruf Comic Sans
   MS</FONT>.<BR>
   Ini <FONT FACE="Haettenschweiler">tipe huruf
   Haettenschweiler</FONT>.<BR>
                                                                                   TIP MEMILIH FONT :
   Ini <FONT FACE="Broadway">tipe huruf Broadway</FONT>.<BR>                       1.  Pilihlah font yang kira-kira dimiliki oleh kebanyakan komputer
   Ini <FONT FACE="Diploma">tipe huruf DIPLOMA</FONT>.<BR>
   Ini <FONT FACE="Tahoma">tipe huruf Tahoma</FONT>.<BR>                              pengunjung homepage Anda. Jika Anda menggunakan font yang tidak
   Ini <FONT FACE="Harlow">tipe huruf HARLOW</FONT>.                                  umum, maka kemungkinan besar pengunjung situs Anda tidak memiliki
   </BODY>
                                                                                      tipe font seperti yang Anda miliki. Sebagai akibatnya, browser akan
                                                                                      menampilkan huruf dengan font default (New Times Roman) sehingga
                                                                                      tujuan Anda untuk menggunakan tipe-tipe font yang menurut Anda bagus
                                                                                      malah bisa menjadi tidak karuan!
                                                                                   2. Jika Anda tidak yakin pengunjung Anda memiliki font seperti yang
                                                                                      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>



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




                                                                           77                                                                                 78
                                                                                            Gambar 3.14: Ukuran font bisa diatur dengan atribut “SIZE=x”
        Gambar 3.13: Warna font bisa diatur dengan atribut “COLOR=x”

                                                                                   3.4.14 Mengatur Font Default
3.4.13 Mengatur Ukuran Font                                                        Warna teks default memang dapat diset dengan atribut TEXT= dalam tag
                                                                                   <BODY> (lihat sub bab 3.3.6), akan tetapi ukuran dan tipe hurufnya tidak. Untuk
Ukuran font dapat dipilih dengan mengatur atribut SIZE= pada tag <FONT>.
                                                                                   mengatasinya, Anda dapat menggunakan tag <BASEFONT>. Cara penggunaannya
Ukuran-ukuran yang dapat dipilih adalah angka 1 (setara dengan ukuran standar
                                                                                   adalah seperti ini:
windows 8 point) s/d 7 (setara dengan 36 point). Contoh:
   <BODY><B>
   <FONT SIZE=1>FONT     SIZE=1</FONT> <FONT SIZE=2>FONT                           <BASEFONT SIZE="ukuran" COLOR="warna"
   SIZE=2</FONT>
   <FONT SIZE=3>FONT     SIZE=3</FONT> <FONT SIZE=4>FONT                           FACE="font">
   SIZE=4</FONT>
   <FONT SIZE=5>FONT     SIZE=5</FONT> <FONT SIZE=6>FONT
   SIZE=6</FONT>                                                                   dimana "ukuran" adalah ukuran font dari 1 s/d 7. "warna" adalah kode warna
   <FONT SIZE=7>FONT     SIZE=7</FONT></B>                                         default yang diinginkan dan "font" adalah tipe huruf yang diinginkan, misalnya
   </BODY>
                                                                                   'Arial', 'Times New Roman', 'Algerian' dlsb. Contoh:

Selain angka 1 s/d 7, kita juga dapat menggunakan tanda – atau + didepan angka-       <BASEFONT SIZE="3" COLOR="blue" FACE="arial">
angka tersebut untuk mengatur ukuran huruf relatif terhadap ukuran huruf default      <BODY>
                                                                                      … Semua teks disini secara default akan ditampilkan dengan
yang diatur oleh tag <BASEFONT> (dibahas dibawah).                                    tipe huruf Arial berwarna biru dengan ukuran font 3 (setara
                                                                                      dengan 12 point dalam windows) -
                                                                                      </BODY>




                                                                            79                                                                                80
                                                                                     SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR>
                                                                                     <B>Dengan BASEFONT SIZE="2"</B><BR>
  TIPS :                                                                             <BASEFONT SIZE="2">
                                                                                     <FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
  <BASEFONT> bisa diletakkan dimana saja, akan tetapi efek yang dihasilkan           </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
                                                                                     SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT><HR>
  hanya terjadi pada font yang berada pada baris-baris dibawahnya saja. Jika         <BASEFONT SIZE="3">
  Anda ingin mendapatkan efek pada semua font, letakkan tag <BASEFONT>               <B>Dengan BASEFONT SIZE="4"</B><BR>
  diatas tag <BODY> atau letakkan diantara <HEAD>…</HEAD>.                           <BASEFONT SIZE="4">
                                                                                     <FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'
                                                                                     </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
Ukuran yang dibuat sebagai base font akan digunakan oleh <FONT> sebagai              SIZE='+3'</FONT> - <FONT SIZE="+4">SIZE='+4'</FONT>
                                                                                     </BODY>
ukuran font dasar (default-nya adalah 3). Untuk mengubah ukuran font ini, Anda
harus menambahkan tanda "–" atau "+" (misalnya +4 atau -1). Sebagai contoh,
jika Anda mengatur base font dengan SIZE=3, maka jika kemudian Anda                CATATAN :
menggunakan <FONT SIZE=+2>, maka font yang akan ditampilkan browser                Font-font yang dibentuk dengan tag header (<H1>, <H2>, <H3>, <H4>,
adalah font berukuran 5 (dari 3+2). Tetapi perlu diperhatikan bahwa ukuran font    <H5> dan <H6>) tidak terpengeruh oleh tag <BASEFONT>.
yang ditanggapi oleh browser maksimum adalah 7. Jika hasil penjumlahan font
lebih dari 7, browser tetap akan menampilkan ukuran font 7. Karena itu dengan
base font berukuran 6, <FONT SIZE=+4> akan menghasilkan tampilan yang             3.5 MANIPULASI GAMBAR
sama dengan <FONT SIZE=+2> atau sama dengan <FONT SIZE="7">.
Lihat contoh dibawah ini:                                                         Selain ukuran dan warna teks yang kreatif, gambar adalah materi bagus untuk
                                                                                  meningkatkan tampilan web karena gambar dapat membangkitkan nuansa
                                                                                  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!
      Gambar 3.15: Ukuran font default dapat diatur dengan <BASEFONT>

   <BODY>                                                                         3.5.1 Memburu Editor Gambar Gratis Dari Internet
   <B>Tanpa BASEFONT (default)</B><BR>
   <FONT SIZE="+0">SIZE='+0'</FONT> - <FONT SIZE="+1">SIZE='+1'                   Sekarang editor gambar dapat diperoleh dengan sangat mudah. Dari yang
   </FONT> - <FONT SIZE="+2">SIZE='+2'</FONT> - <FONT SIZE="+3">
                                                                                  sederhana sampai yang sangat canggih. Jika Anda menggunakan Windows, editor

                                                                           81                                                                                82
gambar telah ada dikomputer Anda sebagai asesori default, yaitu PaintBrush        Sementara untuk membuat teks 3 dimensi dan animasi teks, penulis sarankan
(Win 3.1) atau Ms. Paint (Win95/98/2000/NT). Sayangnya, kedua editor gambar       untuk   menggunakan   Xara3D      yang   dapat    di    download     dari
ini hanya dapat digunakan untuk manipulasi file-file gambar dalam format          http://www.xara.com/.
*.BMP dan *.PCX. Sementara rekomendasi untuk penggunaan di web adalah
format *.JPG dan *.GIF.
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.

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


                                                                                   NAMA PROGRAM                ALAMAT DOWNLOAD
                                                                                   GIMP                        http://www.gimp.org/win32/
                                                                                   Button Artist               http://mssoft.hypermart.net/
                                                                                   imageN                      http://www.pixoid.com/
                                                                                   Windows Scanner             http://www.yildun.com/wscanner.html
                                                                                   Photo Wizard                http://www.americansys.com/
                                                                                   ImageForge                  http://www.cursorarts.com/ca_imffw.html
                                                                                   VCW VicMan's Photo Editor   http://www.photo-editor.net/
                                                                                   Active Multimedia Button    http://www.castlems.com/ammb4.html
                                                                                   Bevel Devil                 http://www.emajen.com/beveldevil/index.htm
                                                                                   Painter                     http://jansfreeware.com/
                                                                                   Ornament Too                http://www.ocomag.com/
                                                                                   Mihov Image Resizer         http://www.mihov.com/eng/ir.html
                                                                                   Primus                      http://www.comm-unique.com/
              Gambar 3.16: Tampilan program Paint Shop Pro 5.0                     i.Mage                      http://www.ozemail.com.au/~fret/image.html
                                                                                   Picture Power Paint         http://mprogs.hypermart.net/monsoft/
                                                                                   Xnview                      http://perso.wanadoo.fr/pierre.g/
                                                                                   Chaos Fx                    http://www.world-of-newave.com/chaosfx/


                                                                           83                                                                               84
 Shaping                      http://members.xoom.com/JanVee/freeware.htm
 Banner Maker Pro             http://www.bannermakerpro.8m.com/
 FilterFX Lite                http://homes.arealcity.com/pdblake/
                                                                                   HOME PAGE                   ALAMAT
 Pmacs                        http://www.asahi-net.or.jp/~gv9k-setg/               Web Background              http://cub.kcnet.org/~landrews/graphics/
 WebCreator                   http://www.evgesoft.com/                             The Clip Art Connection     http://www.acy.digex.net/~infomart/clipart/
 WebPainter                   http://www.totallyhip.com/                           Barry's Clip Art Server     http://www.barrysclipart.com/
 Art-O-Matic                  http://www.3dize.com/                                Caboodles Of Clip Art       http://www.toltbbs.com/~jhudson/clipart.htm
 Filters Unlimited            http://www.icnet.de/                                 Background Factory          http://www.dove-ent.com/bfb/index.html
 Deca3D                       http://www.decatomb.com/
                                                                                   Web Site Background         http://taotao.de/webb/
 BitMorph                     http://www.people.cornell.edu/pages/dmc27/
                                                                                   Texture Works               http://www.spriteworks.com/texworks.html
 PhotoFrame                   http://www.extensis.com/photoframe/
 PhotoBevel Solo              http://www.extensis.com/FREE_PhotoBevel/
 Xara WebStyle                http://www.xara.com/webstyle/                       3.5.2 Cara Menampilkan Gambar
 imagoWEB                     http://fabrizio.jth.it/imagoweb.htm
 MicroSites                   http://www.zapamicrosites.com/main.html             Lebih dari 90% browser terkenal yang ada saat ini dapat menampilkan
                                                                                  multimedia (suara dan gambar). Netscape dan Mosaic (dan kebanyakan browser
Akhirnya, untuk membantu Anda dalam membuat desain background, penulis            lain) awalnya hanya dapat menampilkan gambar dengan format *.GIF dan *.JPG
sarankan untuk men-download program BackGround Tester. Dengan program             saja. Namun dalam perkembangannya, setiap browser dapat menampilkan format
ini kita dapat melihat hasil kreasi gambar kita bila dipakai sebagai background   lain dengan bantuan software external yang telah terinstal di komputer atau
web dalam sekejap! Program ini dapat di download dari:                            dengan software tambahan (add-on). Dilain pihak, selain dapat menampilkan
                                                                                  gambar dengan format *.GIF dan *.JPG, Internet Explorer juga dapat
http://kiss.uni-lj.si/~k4fe0043/sw/BGTester.html                                  menampilkan gambar dengan format .PNG (Portable Network Graphic), gambar-
                                                                                  gambar JPEG progresif dan juga *.BMP.
                                                                                  Sekarang, Netscape dan Internet Explorer juga mendukung file gambar dengan
                                                                                  format GIF89a. Format GIF89a adalah format *.GIF yang dapat diisi beberapa
                                                                                  gambar sekaligus (multi-image) sehingga dapat digunakan untuk membuat
                                                                                  animasi (lihat sub-bab Menggunakan Gambar Animasi dibawah).
                                                                                  Secara mudah gambar dapat ditampilkan kelayar dengan tag <IMG>. Cara
                                                                                  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">
              Gambar 3.18: Tampilan program BackGround Tester
                                                                                  Tetapi jika file logo.gif berada di sub direktori lain, misalnya           di sub
Jika Anda tidak sempat membuat background sendiri, ada ribuan file                direktori images, maka Anda harus menulisnya seperti ini :
background dan tool yang dapat Anda download gratis dari internet, berikut
adalah beberapa alamat diantaranya :                                              <IMG SRC="images/logo.gif">



                                                                            85                                                                                  86
  Gambar 3.19: Logo diatas dibuat dengan program Xara3D dan ditampilkan ke
                      dalam browser dengan tag <IMG>
                                                                                          Gambar 3.20: Menggunakan gambar sebagai linebar dan bullet list
Sedangkan jika file gambarnya berada di server lain, Anda harus menulis alamat     Sebagai contoh, jika Anda memiliki file gambar "background.jpg", "garis.gif"
server-nya secara lengkap seperti ini :                                            dan "bola.gif", maka Anda dapat menggunakannya untuk mempercantik tampilan
                                                                                   list (gambar 3.20) dengan cara seperti ini:
<IMG SRC="http://gratis2000.tripod.com/images/logo.gif">
                                                                                      <BASEFONT FACE="arial">
Selain atribut SRC, tag <IMG> memiliki beberapa atribut lain yang akan                <BODY BACKGROUND="background.jpg" TEXT="white">
                                                                                      <H2>DAFTAR SEARCH ENGINE</H2>
dijelaskan pada sub bab berikutnya. Atribut-atribut itu adalah:                       <IMG SRC="garis.gif"><P>
                                                                                      <IMG SRC="bola.gif"> Alta Vista<BR>
                                                                                      <IMG SRC="bola.gif"> Ask Jeeves<BR>
HEIGHT="tinggi_gambar" - Untuk mengatur tinggi gambar                                 <IMG SRC="bola.gif"> EuroSeek<BR>
                                                                                      <IMG SRC="bola.gif"> Excite<BR>
WIDTH="lebar_gambar" - Untuk mengatur lebar gambar                                    <IMG SRC="bola.gif"> HotBot<BR>
                                                                                      <IMG SRC="bola.gif"> InfoSeek<BR>
BORDER="border_gambar" - Untuk mengatur border gambar                                 <IMG SRC="bola.gif"> Lycos<BR>
                                                                                      <IMG SRC="bola.gif"> Yahoo<BR>
ALT="teks" – Untuk menampilkan teks alternatif jika user mematikan fungsi             <IMG SRC="bola.gif"> Web Crawler<BR>
  penampil gambar atau file gambarnya gagal di load ke browser.                       </BODY>


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




                                                                            87                                                                              88
Sebagai contoh, jika kita memiliki file gambar dengan ukuran 90x120 pixel, maka   Ukuran gambar yang ditampilkan dengan baris diatas akan mengikuti ukuran layar
untuk menampilkannya dalam ukuran yang lain kita dapat melakukannya dengan        browser relatif terhadap seting ukuran resolusi layar. Jika layar diset pada
cara seperti ini (lihat hasilnya pada Gambar 3.21):                               resolusi 800x600 pixel dan layar browser dibuat maksimum, maka gambar akan
                                                                                  ditampilkan pada ukuran sekitar 400x300 pixel. Dan jika resolusi layarnya
   <BODY>                                                                         1024x768 pixel, gambar akan ditampilkan dalam ukuran 512x384 pixel, yakni
   <IMG SRC="fotoku.jpg"> (ukuran asli = 90x120 pixel)<P>                         50% ukuran jendela browser, bukan 50% ukuran gambar!
   <IMG SRC="fotoku.jpg" WIDTH="45" HEIGHT="60"> (45x60 pixel)
   <IMG SRC="fotoku.jpg" WIDTH="180" HEIGH="240"> (180x240
   pixel)                                                                         Atribut HEIGHT dan WIDTH umumnya digunakan untuk mempercepat tampilnya
   <BODY>                                                                         halaman web, karena kedua atribut ini secara teknis memerintahkan browser
                                                                                  untuk memesan tempat sebelum gambarnya sendiri berhasil di download.
Meskipun dapat menggunakan satuan persen, umumnya satuan ini hanya                Caranya adalah dengan mengatur gambar dengan ukuran sama seperti aslinya.
digunakan untuk mengatur lebar gambar, bukan tinggi gambar. Sebab mengatur        Sebagai contoh, jika ukuran gambarnya 90x120 pixel, maka kita harus
tinggi gambar dengan satuan persen akan menghasilkan tampilan yang tidak          menampilkannya dengan cara seperi ini :
konsisten karena akan tergantung dari lebar jendela browser serta resolusi
tampilan layar. Karena itu jika Anda mengatur lebar gambar dengan satuan             <IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120>
persen, atribut HEIGHT tidak perlu diatur lagi karena ukuran pixelnya secara
otomatis di-skala dengan ukuran yang benar. Lihat contoh berikut:                  TIPS :
   <IMG SRC="fotoku.jpg" WIDTH="50%">                                              Untuk mengetahui ukuran pixel pada Paint Shop Pro, lihat title bar
                                                                                   disebelah kanan bawah layar saat kursor mouse berada diatas
                                                                                   gambar.




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




                                                                           89                                                                               90
3.5.5 Menampilkan Teks Di Area Gambar                                           3.5.6 Mengatur Border Gambar
Penampilan teks diarea gambar dimaksudkan sebagai antisipasi terhadap user      Secara default, setiap gambar yang ditampilkan tidak memiliki border. Tetapi
yang masih menggunakan browser lama (yang tidak dapat menampilkan gambar)       jika gambar digunakan dalam fungsi hyperlink, justru default-nya memiliki
atau menggunakan browser yang dimatikan fungsi penampilan gambarnya (untuk      border.
mempercepat loading halaman web). Untuk menampilkan teks diarea gambar kita
                                                                                Mengatur border yang mengelilingi sebuah gambar dapat dilakukan dengan
dapat menggunakan atribut ALT.
                                                                                atribut BORDER. Jika digunakan sendirian, warna border yang dibuat adalah
Contoh :                                                                        sesuai warna teks disekitarnya atau warna teks yang ditentukan oleh atribut TEXT
                                                                                dalam <BODY>. Jika digunakan dalam hyperlink, warna border yang digunakan
   <BODY>
   <IMG SRC="fotoku.jpg" WIDTH=90 HEIGHT=120 ALT="Gambar                        adalah warna default hyperlink atau warna yang ditentukan oleh atribut
   Fotoku.jpg">                                                                 LINK/VLINK dalam <BODY>. Contoh:
   <IMG SRC="fotoku.jpg" ALT ="Gambar Fotoku.jpg (tanpa atribut
   WIDTH & HEIGHT)">                                                               <BODY>
   </BODY>                                                                         <IMG SRC="fotoku.jpg"> <B> Tanpa BORDER
                                                                                   <IMG SRC="fotoku.jpg" BORDER="7"> BORDER="7"
                                                                                   <IMG SRC="fotoku.jpg" BORDER="15"> BORDER="15"</B>
                                                                                   </BODY>




  Gambar 3.22: Menggunakan WIDTH & HEIGHT untuk memesan area gambar


Dari tampilan yang dihasilkan, terlihat lokasi pemesanan area gambar karena
                                                                                                Gambar 3.23: Mengelilingi gambar dengan border
penggunaan atribut WIDTH dan HEIGHT. Seringkali perancang web
memanfaatkan atribut ini untuk memberi informasi mengenai ukuran file gambar.
Hal ini dapat membantu tamu web untuk memperkirakan lama gambar dapat           Selain menggunakan atribut BORDER, Anda juga dapat menggunakan tabel untuk
ditampilkan ke layar secara utuh, misalnya:                                     membuat border tiga dimensi (berbayang). Tabel akan dibahas tersendiri pada
                                                                                sub bab berikutnya. Perhatikan contoh berikut yang menggunaakan fungsi tabel
   <IMG SRC="fotoku.gif" WIDTH=90 HEIGHT=120 ALT="fotoku.jpg                    untuk menampilkan gambar :
   (90x120) 30 KB">
                                                                                   <TABLE BORDER="0" WIDTH="100%">
                                                                                    <TR>


                                                                         91                                                                                 92
     <TD>Border = 2                                                              Ukuran file gambar yang kecil membuat cepat waktu download gambar, tetapi
       <TABLE BORDER="2">
       <TR><TD><IMG SRC="fotoku.jpg"></TD></TR>                                  hasilnya mungkin tidak akan memuaskan Anda. Untuk mengatasinya, Anda dapat
       </TABLE>                                                                  menerapkan teknik khusus. Yakni menggunakan gambar seadanya dahulu (resolusi
     </TD>
     <TD>Border = 8                                                              rendah) sampai seluruh halaman selesai di-load. Setelah selesai, gambar dengan
       <TABLE BORDER="8">                                                        resolusi yang sebenarnya (resolusi lebih tinggi) ditampilkan. Caranya adalah
       <TR><TD><IMG SRC="fotoku.jpg"></TD></TR>
       </TABLE>                                                                  menggunakan atribut LOWSRC.
     </TD>
     <TD>Border = 15                                                             Penggunaan atribut LOWSRC memungkinkan tag <IMG> menampilkan dua
       <TABLE BORDER="15">                                                       gambar sekaligus pada satu lokasi tetapi pada waktu yang berlainan. Gambar
       <TR><TD><IMG SRC="fotoku.jpg"></TD></TR>
       </TABLE>                                                                  yang ditampilkan pertama adalah gambar yang ditentukan dengan atribut
     </TD>                                                                       LOWSRC. Sedangkan gambar kedua adalah gambar yang ditampilkan dengan
    </TR>
   </TABLE>                                                                      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).
                                                                                 Contoh:

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


                                                                                  CATATAN :
          Gambar 3.24: Memanfaatkan tabel untuk membuat border 3D
                                                                                  Ukuran pixel gambar pertama dan kedua harus sama.
                                                                                  Jika tidak, browser akan men-skala gambar kedua
3.5.7 Trik Mempercepat Gambar Tampil Dilayar                                      menjadi sama dengan ukuran gambar pertama.
Lepas dari kapasitas bandwidth dan jalur yang sibuk, cepat atau lambatnya
gambar ditampilkan dilayar sangat dipengaruhi oleh ukuran file gambarnya         3.5.8 GIF atau JPG ?
sendiri. Ukuran file gambar ditentukan oleh warna, resolusi serta ukuran pixel
gambar. Semakin besar ukuran gambar, semakin banyak warna gambar atau            Seperti telah dijelaskan diatas, semua browser berbasis grafik yang beredar saat
semakin tinggi resolusi gambar, akan membuat waktu download gambar menjadi       ini secara default dapat menampilkan gambar berformat GIF maupun JPG. Meski
semakin lama karena ukuran file gambarnya juga semakin besar. Jadi, jika Anda    sama baiknya, Anda harus pandai-pandai mensiasati penggunaannya.
ingin gambar-gambar yang ada dihalaman web Anda cepat tampil di layar
komputer pengunjung, buatlah gambar dengan ukuran, warna dan resolusi sekecil    Format GIF dapat menyimpan informasi warna hingga 8-bit per pixel atau sama
mungkin.                                                                         dengan 256 warna. Format ini sangat cocok untuk gambar grafik dan clip-art.
                                                                                 Format GIF memiliki sangat sedikit efek kompresi sehingga tidak ada degradasi


                                                                          93                                                                                 94
(penurunan kualitas) gambar. Karena sedikitnya efek kompresi ini, ukuran file     hampir tidak dapat dibedakan dengan gambar aslinya. Program JPEG Optimizer
GIF menjadi besar.                                                                (1.06 MB) dapat di download dari http://www.xat.com/
Sementara itu, format JPG dapat menyimpan informasi warna hingga 24-bit per
pixel atau sama dengan 16,7 juta warna (biasa disebut true-color). Karena         3.5.9 Menggunakan Gambar Animasi
kemampuannya dalam menyimpan warna tersebut, format JPG sangat bagus untuk
gambar-gambar fotografi.                                                          Hampir disetiap homepage yang kita kunjungi saat ini menggunakan satu atau
                                                                                  lebih gambar animasi, baik animasi logo, animasi gambar maupun animasi teks.
                                                                                  Animasi dapat menyajikan informasi lebih banyak dan lebih menarik karena
                                                                                  gambar bergerak selalu kelihatan lebih menarik daripada gambar diam. Lebih
                                                                                  dari itu, animasi teks yang berganti-ganti isinya tentu akan menampilkan lebih
                                                                                  banyak informasi.




               Gambar 3.25: Tampilan program JPEG Optimizer


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                Gambar 3.26: Tampilan Animation Shop bawaan Paint Shop Pro 5.0
kompresi disebut "artifacts". Untuk mengatur seberapa besar degradasi yang
masih dapat diterima oleh mata, Anda dapat menggunakan program JPEG
Optimizer. Selain mempermudah pengaturan resolusi gambar, JPEG Optimizer          Animasi yang dapat ditampilkan langsung oleh browser (tanpa program tambahan
juga dapat mengkompres hanya bagian-bagian tertentu dari gambar. Sebagai          apapun) saat ini adalah file-file gambar dengan format GIF89a, yakni format
contoh, perhatikan Gambar 3.25. Gambar sebelah kiri adalah gambar asli dengan     pengembangan lanjutan dari file format GIF. Format GIF89a adalah format file
ukuran 23087 byte. Sedangkan gambar sebelah kanan adalah hasil gambar setelah     yang memungkinkan untuk menyimpan beberapa gambar sekaligus dalam satu file.
dioptimasi pada bagian-bagian tertentu sehingga ukurannya sekarang menjadi        Semua gambar kemudian ditampilkan satu persatu secara urut dengan waktu
14460 byte. Meski ukurannya menjadi lebih kecil, tetapi gambar yang dihasilkan    tampil yang dapat diatur. Untuk membuat gambar-gambarnya, Anda dapat
                                                                                  menggunakan editor gambar apa saja. Akan tetapi untuk menggabungnya menjadi

                                                                           95                                                                               96
satu file dan mengendalikan waktu tayangnya, Anda harus menggunakan program                   bahwa setiap gambar yang Anda gunakan akan melakukan pemanggilan HTTP ke
khusus, misalnya CEL Assembler, GIF Animator atau Animation Shop bawaan                       server secara terpisah. Ini jelas memakan waktu. Karena itu jika Anda dapat
editor gambar Paint Shop Pro versi 5.0 keatas.                                                menggabung masing-masing gambar menjadi satu, maka Anda hanya perlu
                                                                                              melakukan satu pemanggilan HTTP ke server!
Bagaimanapun, saat ini ada banyak sekali program yang bisa digunakan untuk
membuat gambar animasi. Tetapi kita akan menbahas khusus yang gratis-gratis                   Untuk menggunakan imagemap, pertama-tama kita harus menambahkan atribut
saja. Jadi, mari kita rame-rame memburunya di internet … Berikut adalah                       USEMAP="nama_map" pada tag <IMG> seperti contoh berikut:
sebagian kecil alamat dimana Anda dapat men-download program-program
animator tersebut:                                                                            <IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">

 NAMA ANIMATOR              HOME PAGE / ALAMAT DOWNLOAD                                       Setelah itu kita memerlukan kombinasi antara tag <MAP> dan
 3D GIF Designer            http://www.pysoft.com/?GIF_Designer_fr.html                       <AREA> untuk mendefinisikan area serta alamat link-nya. Sintak
 Aesop GIF creator          http://www.yukudr.com/
 Alchemy GIF Animator       http://www.alchemy-lab.com/products/agif/                         penggunaan untuk <MAP> adalah:
 AniMagic Gif Animator      http://rtlsoft.com/animagic/index.html
 Animato                    http://www.lakeclear.com/                                         <MAP MAP="nama_map">
 CoffeeCup GIF Animator     http://www.coffeecup.com/
 COOL 3D                    http://www.webutilities.com/
 CyD GiF Studio Pro         http://members.xoom.com/FcyD/GifStudio/                           Dan sintak penggunaan untuk <AREA> adalah :
 Emotion 3D Web Edition     http://www.anarkmedia.com/products/emotion3d.htm
 Gif Construction Set Pro   http://www.mindworkshop.com/alchemy/gifcon.html
 GIF Movie Gear             http://www.moviegear.com/                                         <AREA SHAPE="default|rect|circ|poly"
 GIFLine                    http://www.geocities.com/athens/3683                              COORDS="lihat_penjelasan" HREF="link"
 GIFLine Pro                http://www.diprode.com/
 HVS Animator               http://www.digfrontiers.com/anim.html                             ALT="keterangan_link">
 JAnimation Tool            http://www.janimation.net/
 Jator                      ftp://ftp.simtel.net/pub/simtelnet/win95/java/jator350.zip        SHAPE="default" digunakan untuk menyatakan kemana link akan pergi jika link
 Jedor Viscosity            http://www.jedor.com/                                             khusus tidak didefinisikan didalam area. Dalam hal ini COORDS tidak digunakan.
 Macromedia FireWorks       http://www.macromedia.com/software/fireworks/
 MagicViewer                http://www.crayonsoft.com/                                        Jika SHAPE="rect", maka COORDS="x,y,w,h". Dimana x,y adalah
 Movies Lite                http://jansfreeware.com/                                          koordinat kiri-atas dan w,h adalah koordinat kanan-bawah area link.
 Ulead GIF Animator         http://www.webutilities.com/
 Ulead Particle.Plugin      http://www.webutilities.com/                                      Jika SHAPE="circ", maka COORDS="x,y,r", dimana x,y adalah koordinat
 Ulead WebRazor Pro         http://www.ulead.com/wrp/runme.htm                                pusat lingkaran dan r adalah radius lingkarannya.
                                                                                              Jika SHAPE="poly", maka COORDS="x,y,x,y,…" dimana x,y adalah
3.5.10 Menggunakan Gambar Untuk Membuat                                                       koordinat setiap titik polygon.
       Imagemap                                                                               Perhatikan contoh penggunaannya dibawah ini:
Imagemap memungkinkan kita untuk memasang beberapa link dalam satu gambar.
Pengeklikan pada area yang berbeda akan membawa kita pada link yang berbeda                      <BODY BACKGROUND="background.jpg">
pula.                                                                                            <IMG SRC="menu_pemandangan.jpg " USEMAP="#menu" BORDER="0">
                                                                                                 <MAP NAME="menu">
Jika Anda memiliki sekelompok gambar berdekatan yang masing-masing                               <AREA SHAPE=RECT COORDS="15,88,256,113"
                                                                                                 HREF="html_editor.html" ALT="Daftar HTML Editor Gratis!">
memiliki link, maka sebaiknya Anda menggunakan imagemap. Ingat-ingatlah


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




                                                                                           Gambar 3.28: Tampilan imagemap creator – CrossEye


                                                                              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.
     Gambar 3.27: Contoh penggunaan imagemap untuk membuat multi-link         Mengurangi Warna:
Membuat imagemap perlu ketelitian dan kesabaran khusus karena angka-angka        Setiap pixel gambar dengan kedalaman 16,7 juta warna membutuhkan memori
koordinat yang dipakai agak rumit dan membingungkan, terutama jika               24-bit untuk menyimpan informasi warnanya. Apakah Anda benar-benar
menggunakan koordinat polygon. Untuk mempermudah pembuatan imagemap,             membutuhkan 16,7 juta warna dalam gambar Anda? Mungkin ya, tetapi
ada banyak program bantu (disebut imagemap creator) yang dapat di download       seringkali tidak! Cobalah untuk mengurangi jumlah warna gambar Anda.
gratis dari internet, diantaranya adalah HotSpot, MapThis! dan CrossEye.         Kebanyakan clip-art bahkan hanya menggunakan 16 warna! Ini berarti hanya
Dalam hal ini penulis sarankan pada Anda untuk men-download program              4-bit per pixelnya, atau hanya membutuhkan bandwidth 1/6 kalinya! Tetapi
CrossEye (lihat Gambar 3.28) karena kecanggihan dan kemudahan                    jika Anda melihat adanya degradasi warna (artifacts) yang payah, cobalah
pemakaiannya.        CrossEye       dapat      di      download        dari      simpan file dalam format JPG dengan kualitas gambar terbaik, atau gunakan
http://www.sausage.com.au (2,8MB).                                               color safe pallete, kurangi jumlah warnanya dan simpan sebagai file GIF.

                                                                        99                                                                           100
Menghilangkan Komentar Pada File GIF:                                                Menghilangkan Data Non-Gambar Pada File-File JPG:
  Setiap file GIF sebenarnya berisi sejumlah informasi struktur file internal.         Seperti format GIF, format JPG juga berisi struktur internal yang berisi data
  Informasi ini berkaitan dengan bagaimana gambar harus ditampilkan kelayar            non-gambar (seperti yang biasanya ditambahkan pada file-file yang dibuat
  (transparan terhadap background atau tidak), animasi atau standar, jumlah            dengan Adobe Photoshop). Untuk membersihkan data tak berguna ini, Anda
  looping (menentukan pola animasi), lama waktu tunda (menentukan lama                 dapat menggunakan program gratis bernama JPG Cleaner (33KB) yang dapat
  animasi), komentar (informasi mengenai tanggal pembuatan, pembuat, tool              di download dari http://rnbw.tsx.org, atau langsung ke :
  yang dipakai, dll.) serta sejumlah struktur ekstensi lain. Komentar dan struktur
  ekstensi lain yang sama sekali tak dikenal Netscape ini jelas menambah besar
  file dan memperlama waktu download gambar. Komentar umumnya                          http://www.pppr.sk/rainbow/download/jpgcln15.zip
  diselipkan pada file-file GIF yang dibuat dengan program-program animator
  versi shareware atau freeware yang tidak diregistrasi seperti terlihat pada
  gambar 3.29.                                                                       Menurunkan Kualitas Gambar Hingga Batas Yang
  Untuk membersihkan berbagai macam informasi sampah tersebut, Anda dapat            Masih Dapat Diterima Mata:
  menggunakan program GifClean32. Program ini secara otomatis dapat                    Secara default, editor gambar umumnya menyimpan file JPG pada level
  membersihkan file-file GIF dari berbagai informasi tak berguna yang                  degradasi/kualitas gambar sekitar 15 (0%=terbaik, 100%=terburuk). Padahal
  menempel dan menambah ukuran file GIF. Dengan GifClean32, optimasi                   hingga pada level 75-pun mata kita masih tidak mudah untuk dapat
  ukuran file GIF dapat dilakukan dengan sangat mudah. Anda tinggal drag &             membedakannya jika ditampilkan dilayar monitor. Karena itu, Anda dapat
  drop file GIF atau folder berisi file-file GIF ke jendela program dan                menurunkan kualitas gambar JPG untuk memperkecil ukuran file hingga
  GifClean32 akan membereskannya untuk Anda. Optimasi ini dapat                        sekitar sepersepuluhnya! Program yang penulis sarankan Anda download
  mengurangi dari 100 byte hingga beberapa kilo byte ukuran file. Program              untuk mempermudah pekerjaan ini adalah program WebGraphics Optimizer.
  GifClean32 (393KB) dapat di download dari alamat :                                   Dengan program ini Anda dapat membandingkan kualitas gambar asli dengan
                                                                                       5 gambar lain hasil optimasi secara langsung. Jika perlu, WebGraphics
  http://members.tripod.com/~mharing/GifClean32.html                                   Optimizer bahkan dapat mengkonversi file JPG ke GIF (atau sebaliknya) dan
                                                                                       langsung menampilkan hasilnya dilayar. Sebagai contoh, gambar paling kiri
                                                                                       dari Gambar 3.30 adalah file JPG asli dengan ukuran file 79,7KB. Setelah
                                                                                       dioptimasi, ukuran file ini dapat menjadi 7,9KB (hanya 10%!) tanpa
                                                                                       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/.




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




                                                                            101                                                                                102
              Gambar 3.30: Tampilan WebGraphics Optimizer                                Gambar 3.31: File gamani.gif sebelum dioptimasi (17KB)


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

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




                                                                                   Gambar 3.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
           Gambar 3.32: File gamani.gif setelah dioptimasi (10 KB)               tersebut dan kemudian upload-lah ke server Anda sendiri!


  Gambar 3.33 adalah contoh tampilan A Smaller GIF saat melakukan             3.6 MANIPULASI DAFTAR ITEM
  kompresi pada file gamani_opt.gif (hasil optimasi dengan Cell Assembler).
  Perhatikan bahwa ukuran file hasil optimasi Cell Assembler adalah 10.180    Manipulasi list tidak begitu populer secara ekstrim karena ia dapat diganti
  byte. Setelah dikompres dengan A Smaller GIF, file tersebut akan berubah    dengan gambar bullet. Akan tetapi selain bekerja jauh lebih cepat dari
  menjadi 8.615 byte saja (berkurang hingga 15,37%). Program A Smaller GIF    penggunaan gambar bullet, ia membuat kesan berbeda antara homepage pemula
  dapat di download dari alamat :                                             dengan homepage bagus.
  http://www.peda.com/smaller/                                                Halaman-halaman web yang berisi daftar tentang nama-nama staf, divisi, stok
                                                                              barang, daftar isi atau indek biasanya memerlukan tampilan yang rapi dan
Jangan Menjadi Perampok Bandwidth!                                            profesional. Ada beberapa tag khusus yang berhubungan dengan pembuatan
                                                                              daftar. Beberapa diantaranya adalah <UL>, <OL>, <LI>, <DL>, <DT>, <DD>,
  Bagaimanapun, fleksibilitas teknologi HTML memungkinkan Anda untuk          <DIR> dan <MENU>.
  menggunakan sumber data dan gambar dari mana saja di seluruh penjuru
  dunia. Anda dapat membuat halaman web dengan gambar yang Anda ambil
  dari server manapun didunia ini. Memang itu mungkin, tetapi akan sangat
  menyita waktu dan memboroskan bandwidth orang lain, bahkan bisa menjadi
  ilegal jika gambar yang dipakai memiliki property right!

                                                                      105                                                                             106
3.6.1 Membuat Daftar Tak Berurut                                                  SERBA GRATIS DARI INTERNET
Daftar tak berurut dapat digunakan untuk membuat daftar item yang isinya tidak       • Penyelenggara E-mail Gratis!
berurut. Tag yang digunakan adalah <UL>…</UL>. Setiap item yang ada di                     DALAM NEGERI :
dalam daftar harus didahului dengan tag <LI>.
                                                                                               Telkom
Contoh :
                                                                                               BolehMail
   <B>PENYELENGGARA E-MAIL GRATIS!</B>                                                     LUAR NEGERI :
   <UL>                                                                                        Yahoo
      <LI><a href="http://mail.telkom.net">Telkom</a>
      <LI><a href="http://www.satunet.net">Satunet</a>                                         Excite
      <LI><a href="http://mail.yahoo.com">Yahoo</a>
      <LI><a href="http://mail.excite.com">Excite</a>                                • Penyelenggara Web Space Gratis!
   </UL>

Secara default, browser akan menghasilkan gambar bullet berupa bulatan hitam     Jika tidak senang dengan tampilan default, Anda dapat memilih tipe bullet
untuk item level pertama, gambar lingkaran untuk item level kedua dan gambar     sendiri dengan mengisi atribut TYPE pada tag <UL> dengan format berikut :
kotak hitam untuk item level ketiga. Demikian seterusnya secara berulang.
Perhatikan contoh berikut :
                                                                                 <UL TYPE="kode_bullet" COMPACT="COMPACT">
   <BODY>
   <B>SERBA GRATIS DARI INTERNET</B>                                             dimana "kode_bullet" dapat berupa salah satu dari :
   <UL>
      <LI><B>Penyelenggara E-mail Gratis!</B>              <!-- level 1 --
   >
          <UL>                                                                   "disc"   - menghasilkan gambar bullet •
   >
          <LI>DALAM NEGERI :                               <!-- level 2 --       "square" - menghasilkan gambar bullet
             <UL>                                                                "circle" - menghasilkan gambar bullet
                <LI><U>Telkom</U>                          <!-- level 3 --
   >

   >
                <LI><U>BolehMail</U>                       <!-- level 3 --       Sementara itu atribut COMPACT="COMPACT" dapat digunakan untuk
             </UL>                                                               mengurangi spasi antar item (hanya berlaku untuk Netscape). Penggunaan tag
          <LI>LUAR NEGERI :                                <!-- level 2 --       <UL> menghasilkan reaksi yang sama dengan penggunakan tag <DIR> dan
   >
             <UL>                                                                <MENU>, kecuali bahwa tag <DIR> didesain untuk daftar dengan item-item
                <LI><U>Yahoo</U>                           <!-- level 3 --       pendek dan tag <MENU> didesain untuk item-item panjang. Contoh :
   >
                <LI><U>Excite</U>                          <!-- level 3 --
   >
             </UL>                                                                  <DIR>
   </UL>                                                                            <LI>A-H<LI>I-M<LI>N-R<LI>S-Z
      <LI><B>Penyelenggara Web Space Gratis!</B>           <!-- level 1 --          </DIR>
   >
   </BODY>


Akan menghasilkan tampilan seperti ini :

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


<OL TYPE="tipe_nomor" START="angka">
dimana tipe_nomor digunakan untuk menentukan tipe nomor yang ingin
ditampilkan oleh browser. Dapat berupa salah satu dari :


                  Tipe_nomor        Ditampilkan browser
                       1                  1, 2, 3, …
                                                                                      Gambar 3.34: Tipe penomoran item bisa diatur dengan atribut “TIPE=x”
                       a                  a, b, c, …
                       A                 A, B, C, …
                       i                 i, ii, iii, …                           3.6.3 Mengatur Angka Awal Item
                       I                 I, II, III, …
                                                                                 Nomor awal item secara default ditentukan oleh isi atribut START=. Tetapi kita
                                                                                 juga dapat mengatur nomor awal sendiri dengan mengatur atribut VALUE= pada
"angka" pada atribut START= adalah angka integer yang dapat digunakan untuk      tag <LI>. Sintak penggunaannya adalah :
menentukan angka awal item (akan dijelaskan dibawah). Default tipe angka dan
nomor awal adalah 1. Perhatikan contoh berikut :
   <BODY>                                                                        <LI TYPE="typeUL|typeOL" VALUE="angka_integer">
   <B>SERBA GRATIS DARI INTERNET</B>
   <OL TYPE="I"><B>
     <LI>Penyelenggara E-mail Gratis!</B>                                        "typeUL|typeOL" adalah kode_bullet untuk tag <UL>…</UL> atau tipe-
       <OL TYPE="A">
       <LI>DALAM NEGERI :                                                           _nomor untuk tag <OL>…</OL>.
          <OL>
            <LI><a href="http://mail.telkom.net">Telkom</a>                      "angka_integer" adalah sebuah angka integer untuk menentukan angka awal
            <LI><a href="http://www.bolehmail.com">BolehMail</a>
          </OL>
                                                                                    item
       <LI>LUAR NEGERI :
          <OL>
            <LI><a href="http://mail.yahoo.com">Yahoo</a>                        Sebagai contoh, baris-baris html dibawah ini :
            <LI><a href="http://mail.excite.com">Excite</a>
          </OL>
   </OL><B>
      <LI>Penyelenggara Web Space Gratis!</B>                                       <OL>
   </BODY>                                                                            <LI>Angka pada item ini adalah 1 (default)
                                                                                      <LI VALUE="15">Angka pada item ini adalah 15
                                                                                      <LI>Angka pada item ini adalah 16 (lanjutan)
                                                                                         <OL START="30">


                                                                         109                                                                                 110
         <LI>Angka pada item ini adalah 30                                                  Perancangan HomePage serta Editor-editor Web yang
         <LI VALUE="10">Angka pada item ini adalah 10                               dapat
         <LI>Angka pada item ini adalah 11 (lanjutan)                                      digunakan untuk membuat HomePage.
       </OL>                                                                          <DT><I>BAB II</I>
     <LI>Angka pada item ini adalah 17 (lanjutan)                                     <DD><B>Dasar-Dasar Bahasa HTML.</B>menjelaskan mengenai
   </OL>                                                                                   mengapa kita menggunakan tag-tagbeserta atribut-
                                                                                           atributnya serta menjelaskan segala sesuatu tentang
                                                                                           dasar-dasar HTML yang harus diketahui sebelum membuat
Akan menghasilkan tampilan seperti gambar 3.35 berikut :                            </DL>
                                                                                           HomePage.



                                                                                 Akan menghasilkan tampilan seperti tampak pada gambar 3.36.




               Gambar 3.35: Angka awal item tidak harus selalu 1


3.6.4 Membuat Daftar Definisi                                                        Gambar 3.36: Tampilan definisi dibuat dengan tag <DL>, <DT> dan <DD>
Daftar definisi diperlukan saat kita akan menjelaskan suatu terminologi secara
rapi dan profesional. Secara umum ada dua bagian item didalam sebuah daftar      Jika digunakan tanpa tag <DL>, tag <DD> dapat dimanfaatkan untuk membuat
definisi. Bagian pertama adalah bagian label dan bagian kedua adalah bagian      baris pertama paragraph lebih masuk kedalam (indent) seperti ini :
penjelasan.
                                                                                    <BODY>
Blok daftar definisi ditentukan dengan tag <DL>…</DL>. Untuk membuat bagian         <DD><I>Bank yang tidak masuk dalam daftar likuidasi tetap
                                                                                    berjalan seperti biasa. Jika terdapat selebaran palsu
label, kita memerlukan tag <DT>, sedangkan untuk membuat bagian penjelasan          mengenai daftar Bank yang dikatakan bakal dilikuidasi,
atau definisi kita menggunakan tag <DD>.                                            masyarakat jangan percaya. Itu selebaran palsu yang berisi
                                                                                    omong kosong. Hanya 16 Bank yang telah dilikuidasi.</I>
                                                                                    <DD>Demikian penegasan gubernur Bank Indonesia J. Soedradjad
Contoh, penggunaan tag <DL>, <DT> dan <DD> berikut :                                Djiwandono di gedung utama sekretariat kabinet, di Jakarta,
                                                                                    Senin (3/11), usai pengumuman paket kebijaksanaan ekonomi 3
                                                                                    Nopember 1997.
   <DL>                                                                             </BODY>
     <DT><I>BAB I</I>
     <DD><B>Pendahuluan.</B>
          Menjelaskan mengenai Evolusi Cyberspace, Word Wide
   Web,



                                                                         111                                                                            112
                                                                                               Gambar 3.38: Contoh pengaturan data multi-colum
             Gambar 3.37: Membentuk indent teks dengan tag <DD>
                                                                                 3.7 MENGGUNAKAN FORM
3.6.5 Menampilkan Daftar Multi-Colum
                                                                                 Form biasanya digunakan untuk melakukan interaksi dengan pengunjung web,
Spesifikasi HTML asli mengenai penggunaan tag <DIR> sesungguhnya akan            misalnya untuk mendapatkan komentar dari pengunjung, untuk melakukan
menghasilkan daftar dalam kolom-kolom (multi-colum listing), akan tetapi tidak   pendaftaran suatu keanggotaan tertentu, pemesanan barang dan lain sebagainya.
ada satupun browser populer yang menerapkan spesifikasi ini. Meski demikian,     Untuk membentuk sebuah form, tag yang digunakan adalah <FORM>…</FORM>.
Netscape versi 3 beta 5 keatas telah menambahkan kemampuan 'ideal' ini dengan    Sedangkan atribut yang paling umum digunakan adalah METHOD= dan
tag <MULTICOL>.                                                                  ACTION=. Sintak penggunaannya adalah :
<MULTICOL> dapat digunakan untuk membuat daftar dalam
format multi-colum dimana lebar semua item akan dibuat sama.                        <FORM METHOD="post|get" ACTION="alamat_URL">
Format penggunaannya adalah seperti ini:                                            ....
                                                                                    ....
<MULTICOL COLS="kolom" WIDTH="lebar%" GUTTER="spasi">                               </FORM>
                                                                                 Form bekerja dengan mengirimkan data yang diketik atau dipilih oleh user ke
dimana kolom adalah jumlah kolom yang diinginkan, default-nya adalah 1.
                                                                                 suatu script program (misalnya CGI Script, php3 atau .pl) yang berada di
lebar% adalah lebar item dalam persen layar dan spasi adalah spasi antar kolom
                                                                                 alamat_URL. Script semacam ini bisa diperoleh gratis dari :
item dalam point, default-nya adalah 10. Setiap item akan memiliki lebar yang
sama sehingga secara keseluruhan lebar lay-out layar multi-colum adalah
(kolom*lebar)+((kolom-1)*spasi). Jika lebar tidak ditentukan, browser akan       http://www.cgi-resources.com/Programs_and_Scripts/
menggunakan lebar default satu layar penuh (100%). Contoh:
                                                                                 Jika Anda tidak memiliki akses ke script CGI manapun yang dapat menangani
   <MULTICOL COLS=3 WIDTH=40% GUTTER=50>                                         data dari form Anda, Anda dapat menggunakan alamat e-mail untuk menampung
   <LI>A-D<LI>E-H<LI>I-L<LI>M-P<LI>Q-T<LI>U-X<LI>Y-Z
   </MULTICOL>
                                                                                 data yang masuk sehingga Anda dapat menanganinya sendiri. Metoda post,
                                                                                 digunakan untuk mengirim data yang dimasukkan user dan metoda get untuk


                                                                         113                                                                             114
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.
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                  Gambar 3.39: Tampilan form untuk mendapatkan data dari pengunjung
  memilih tipe informasi yang ingin didapatkan dari pengunjung
NAME="nama" – digunakan untuk memberi nama item informasi                          NAMA=Arif+Nurcahyo&EMAIL=arif@telkom.net
VALUE="isi_item" – digunakan untuk mengisi item informasi default
                                                                                   Perhatikan bahwa setiap spasi yang diketik oleh user secara otomatis akan
SIZE="angka_integer" – untuk menentukan panjang kolom isian                        dirubah menjadi tanda plus ("+") dan batas antar informasi diberi tanda dan
                                                                                   ("&"). Jika Anda membuka file tersebut dengan Write atau Ms.Word, maka
MAXLENTH="angka_integer" – untuk menentukan panjang isian yang dapat               dengan mudah Anda dapat melakukan search & replace tanda "+" dengan [spasi]
  diketik oleh pengunjung                                                          dan tanda "&" dengan [enter] (kode enter = ^13) sehingga akan didapat data
                                                                                   seperti ini :
3.7.1 Mendapatkan Informasi Dari Pengunjung
                                                                                   NAMA=Arif Nurcahyo
Untuk mendapatkan informasi dari pengunjung, misalnya nama dan alamat e-
mailnya, kita dapat menggunakan tipe input "text". Sedangkan untuk mengirim
                                                                                   EMAIL=arif@telkom.net
datanya kita menggunakan input "submit". Lihat contoh berikut :
                                                                                   Sayangnya, kode yang dikirim kealamat e-mail Anda bisa beragam (tidak hanya
                                                                                   "&" dan "+") sehingga Anda harus banyak melakukan search & replace. Untuk
   <CENTER><H1>DATA PENGUNJUNG</H1><B>                                             mengatasi hal ini, Anda dapat menggunakan program WEP Form Formatter
   <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
   Nama : <INPUT NAME="NAMA" SIZE="23">                                            yang akan dijelaskan pada sub bab 3.7.8.
   E-mail : <INPUT NAME="EMAIL" SIZE="30"><P>
   <INPUT TYPE="submit"> <INPUT TYPE="reset">
   </FORM></B></CENTER>
                                                                                   3.7.2 Melakukan Survei Pengunjung
Jika pengunjung menekan tombol Submit Query, maka nama dan alamat e-mail           Untuk melakukan survei pada pengunjung, kita bisa menggunakan tipe input
pengunjung akan segera dikirim kealamat e-mail OKBClub@telkom.net. Kiriman         'radio' untuk mendapatkan satu item pilihan dari sekian item yang kita sediakan,
itu berupa file attachment berformat teks dengan nama file POSTDATA.ATT.           atau tipe 'checkbok' untuk mendapatkan data dari beberapa item yang menjadi
Jika file ini dilihat dengan Notepad atau dengan teks editor lainnya, isinya       perhatian pengunjung.
adalah seperti ini:
                                                                                   Contoh :



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

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


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


                                                                                   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
 Gambar 3.40: Dengan checkbox, pengunjung bisa memilih lebih dari satu pilihan     blok tag <SELECT>…</SELECT> dan tag <OPTION> seperti tampak pada
                                                                                   contoh berikut :
   <CENTER><H1><U>SURVEI PENGUNJUNG</U></H1><B>
   <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
   Penilaian Anda Tentang <I>HomePage</I> ini :                                       <H1><U>SURVEI PENGUNJUNG</U></H1><B>
   <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik"                                  <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">
   checked>Baik - <INPUT NAME="PENILAIAN" TYPE="radio"                                DARI MANA ANDA BERASAL :
   VALUE="Cukup">Cukup -                                                              <SELECT NAME="ASAL" SIZE=1>
   <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P>                        <OPTION SELECTED>Jabotabek
   Yang menarik perhatian Anda Dalam Situs Ini :<P>                                     <OPTION>Semarang
   <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis"                           <OPTION>Yogyakarta
   checked> E-mail Gratis<BR>                                                           <OPTION>Surabaya
   <INPUT NAME="INTEREST" TYPE="checkbox"                                               <OPTION>MEDAN
   VALUE="WebSpaceGratis"> Web Space gratis<BR>                                         <OPTION>Kalimantan
   <INPUT NAME="INTEREST" TYPE="checkbox"                                               <OPTION>Sulawesi
   VALUE="ImageEditorGratis"> Image Editor Gratis<P>                                  </SELECT><P>
   <INPUT TYPE="submit"> <INPUT TYPE="reset">                                         <INPUT TYPE="submit"> <INPUT TYPE="reset">
   </FORM></B></CENTER>                                                               </FORM></B>

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

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


                                                                           117                                                                              118
Atribut SIZE= pada tag <SELECT> diatas digunakan untuk mengatur ukuran          3.7.5 Mengganti Label Tombol
tampilan menu drop-downnya. Sebagai contoh, jika pada contoh diatas Anda
menggunakan SIZE=3, maka yang akan ditampilkan kelayar secara default           Secara default, tag <INPUT> dengan tipe 'submit' akan menciptakan tombol
adalah kota 'Jabotabek', 'Semarang' dan 'Yogyakarta'.                           berlabel 'Submit Query' dan input bertipe 'reset' akan menciptakan tombol
                                                                                berlabel 'Reset'. Anda dapat merubah teks label pada tombol-tombol ini dengan
                                                                                menambah atribut VALUE="label" seperti tampak pada contoh halaman survai
3.7.4 Mendapatkan Komentar Dari Pengunjung                                      lengkap dibawah ini :
Untuk mendapatkan komentar dari pengunjung, kita perlu menyediakan suatu area      <BODY>
                                                                                   <CENTER><H1><U>DATA PENGUNJUNG</U></H1>
yang cukup untuk menulis komentar. Untuk itu kita memerlukan blok tag              <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net"><B>
<TEXTAREA>…</TEXTAREA>. Atribut yang diperlukan adalah ROWS=                       Nama : <INPUT NAME="NAMA" SIZE="23"> E-mail : <INPUT
                                                                                   NAME="EMAIL" SIZE="30"><P>
(untuk menentukan jumlah baris ruang komentar) dan COLS= (untuk menentukan         Penilaian Anda Tentang <I>HomePage</I> ini :
jumlah kolom ruang komentar). Jika diantara tag <TEXTAREA> dan                     <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Baik"
                                                                                   checked>Baik -
</TEXTAREA> diisi tulisan, maka tulisan tersebut akan ditampilkan dalam            <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Cukup">Cukup -
kolom teks sebagai teks default. Jika tidak ingin menggunakan teks default,        <INPUT NAME="PENILAIAN" TYPE="radio" VALUE="Kurang">Kurang<P>
                                                                                   Yang Menarik Perhatian Anda Dalam Situs Ini :<BR>
sebaiknya ruang ini dikosongkan saja. Lihat contoh berikut :                       <INPUT NAME="INTEREST" TYPE="checkbox" VALUE="EmailGratis"
                                                                                   checked> E-mail Gratis<BR>
                                                                                   <INPUT NAME="INTEREST" TYPE="checkbox"
   <H1><U>KOMENTAR PENGUNJUNG</U></H1><B>                                          VALUE="WebSpaceGratis"> Web Space gratis<BR>
   <FORM METHOD="post" ACTION="mailto:OKBClub@telkom.net">                         <INPUT NAME="INTEREST" TYPE="checkbox"
   KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>                                       VALUE="ImageEditorGratis"> Image Editor Gratis<P>
   <TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA><P>                       DARI MANA ANDA BERASAL :
   <INPUT TYPE="submit"> <INPUT TYPE="reset">                                      <SELECT NAME="ASAL" SIZE=1>
   </FORM></B>                                                                       <OPTION SELECTED>Jabotabek
                                                                                     <OPTION>Semarang
                                                                                     <OPTION>Yogyakarta
                                                                                     <OPTION>Surabaya
                                                                                     <OPTION>MEDAN
                                                                                     <OPTION>Kalimantan
                                                                                     <OPTION>Sulawesi
                                                                                   </SELECT><P>KOMENTAR ANDA TENTANG HOME PAGE INI :<BR>
                                                                                   <TEXTAREA NAME="Komentar" ROWS=8 COLS="60"></TEXTAREA>
                                                                                   <P><INPUT TYPE="submit" VALUE="KIRIM DATA"> <INPUT
                                                                                   TYPE="reset" VALUE=" RESET ">
                                                                                   <INPUT NAME="DIKIRIM_DARI" TYPE="hidden"
                                                                                   VALUE="http://serba_gratis.tripod.com">
                                                                                   </B>
                                                                                   </FORM>
                                                                                   </BODY>

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


                                                                        119                                                                             120
   </FORM></B></CENTER>
   </BODY>                                                                    3.7.6 Mengirim Data Tersembunyi
                                                                              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

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




      Gambar 3.44: Menggunakan gambar sebagai ganti teks Submit Query


                                                                        121                                                                              122
                                                                                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-paste-
                                                                                nya ke file apa saja. Sebagai contoh, file data yang diperoleh dari form survei
                                                                                lengkap diatas akan terlihat mudah dibaca seperti tampak pada gambar 3.46.


                                                                                3.8 MENGGUNAKAN FRAME
                                                                                Frame umumnya digunakan untuk menampilkan beberapa halaman html sekaligus
         Gambar 3.45: Menggunakan form untuk membuat tombol link                dalam satu layar. Frame sangat bermanfaat jika digunakan untuk membuat menu
                                                                                dengan link ke berbagai halaman atau menampilkan lebih dari satu subjek dalam
                                                                                satu halaman. Untuk memanfaatkan frame, ada 2 tag utama yang harus dipakai.
3.7.8 Menggunakan WEB Form Text Formatter                                       Pertama, <FRAMESET>...</FRAMESET> untuk mengatur hal-hal yang
Membaca data kiriman dari suatu web form masih mudah dilakukan jika             berhubungan dengan ukuran frame. Atribut yang diperlukan adalah :
informasi yang dikirim tidak banyak. Akan tetapi ini bisa menjadi mimpi buruk
jika informasi yang ingin kita dapatkan cukup banyak. Sebagai contoh, form
survai lengkap yang ada pada sub bab 3.7.5 diatas jika diisi lengkap akan
menghasilkan data seperti ini:


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

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

http://move.to/moose
                                                                                             Gambar 3.46: Tampilan program Web Form Formatter


                                                                        123                                                                               124
rows="lebar1,lebar2,lebarN,..." – Menentukan lebar tampilan masing-
  masing frame dalam pixel atau % (horisontal).
cols="tinggi1,tinggi2,tinggiN,..." - Menentukan tinggi tampilan frame
  dalam pixel atau % (vertikal).
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.                                                                Gambar 3.47: Tampilan situs Serba-Gratis dalam mode 2 frame

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

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


                                                                         125                                                                            126
pengunjung yang menggunakan resolusi layar 800x600 akan mendapati 160 pixel      3.8.2 Menggunakan Link Dalam Frame
sisa layarnya dalam keadaan 'blank'. Contoh :
                                                                                 Secara umum, untuk membuat sebuah link ke suatu file, misalnya ke
   <FRAMESET COLS="150,*">                                                       email_gratis.htm, Anda dapat melakukannya seperti ini :
Jika ingin menggunakan 3 frame sekaligus, misalnya untuk menampilkan judul,
menu dan halaman utama, maka kita dapat menggunakan frame dalam frame. Satu         <A HREF="email_gratis.htm">E-Mail Gratis</A>
frameset untuk membelah layar secara horisontal (dengan atribut ROWS) dan satu
lagi untuk membelah layar secara vertikal (dengan atribut COLS).                 Akan tetapi jika ini Anda lakukan dari sebuah frame, maka hasil link-nya akan
Gambar 3.48 adalah tampilan hasil implementasi pemakaian 3 buah frame            ditampilkan pada halaman yang sama dengan lokasi dimana link berada. Jika
sekaligus menggunakan baris-baris html dibawah ini:                              Anda ingin menampilkan hasil link-nya pada frame yang lain, Anda harus
                                                                                 menyebutkan nama target frame-nya (yang sebelumnya didefinisikan dengan
   <HTML>
   <HEAD>                                                                        NAME="nama_frame"). Jika frame tujuannya diberi nama "main" seperti pada
   <TITLE>HomePage SERBA GRATIS !!!</TITLE>                                      contoh diatas, maka untuk membuat hasil link-nya tampil di frame "main" Anda
   </HEAD>                                                                       dapat melakukannya dengan cara seperti ini :
   <FRAMESET FRAMESPACING="1" ROWS="97,*">
     <FRAME NAME="judul" SCROLLING="no" NORESIZE
   SRC="judul.htm">                                                                 <A HREF="email_gratis.htm" TARGET="main">E-Mail Gratis</a>
     <FRAMESET COLS="180,*">
       <FRAME NAME="menu" SRC="menu3.htm" SCROLLING="no">
       <FRAME NAME="main" SRC="main3.htm">                                       Jika Anda ingin menampilkan hasil link-nya dalam satu halaman browser penuh
     </FRAMESET>
   </FRAMESET>                                                                   tanpa frame, Anda harus menggunakan nama target "_top" (misalnya,
   </HTML>                                                                       TARGET="_top"). Sedangkan jika ingin menampilkan hasilnya dalam halaman
                                                                                 browser baru, Anda dapat menggunakan nama target "_blank" (misalnya,
                                                                                 TARGET="_blank").


                                                                                 3.8.3 Cara Mudah Membuat Frame Dengan Frame-It
                                                                                 Frame-It adalah sebuah program shareware yang dapat digunakan untuk
                                                                                 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




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


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

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




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


3.9 MENGGUNAKAN TABEL                                                                                Gambar 3.50: Tabel 2 baris 2 kolom

Sebelum tag untuk membuat tabel diciptakan, perancang homepage harus bekerja
keras untuk menampilkan data dalam format-format kolom. Mereka harus secara    Atribut BORDER pada tag <TABLE> akan membentuk border disekeliling tabel
hati-hati mendesain tabulator dengan tag <PRE>…</PRE>. Menghitung-hitung       seperti tampak pada Gambar 3.50. Default atrribut ini adalah BORDER=0 yang
spasi dan kemudian bolak-balik men-cek hasilnya melalui browser! Sekarang,     berarti tidak menggunakan border. Tabel dengan border dimatikan bisa
bab ini akan menjelaskan kepada Anda betapa mudahnya me-layout halaman web     dimanfaatkan untuk me-layout halaman dengan banyak gambar. Selain BORDER,
dengan tabel.                                                                  berikut adalah atribut lain yang dapat dipakai dalam <TABLE> :
Penggunaan tabel dalam halaman web dapat meningkatkan kualitas tampilan
homepage karena dengan tabel kita bukan saja dapat menampilkan data lebih      bordercolor="kode_warna" – Mengatur warna border, jika border
profesional, melainkan juga dapat leluasa mengatur layout halaman web!           digunakan.
                                                                               align="left|center|right" – Mengatur posisi tabel dilayar.
3.9.1 Format Dasar Sebuah Tabel                                                cellpadding="angka" – Mengatur jarak antara border dengan isi sel
Tabel memungkinkan perancang web untuk mengorganisasikan data dalam              (vertikal dan horisontal) dalam satuan pixel.
struktur tabulator yang rumit. Tabel juga dapat diisi dengan daftar item,      cellspacing="angka" – Mengatur tebal frame dalam satuan pixel.
paragraph, form, gambar, teks-teks preformatted dan bahkan tabel-tabel yang
lain (tabel dalam tabel).                                                      width="angka" – Mengatur lebar tabel dalam satuan pixel atau persen.


                                                                       129                                                                               130
Dan berikut adalah beberapa atribut dalam tag <TD> yang sering                      3.9.3 Manipulasi Sel Dalam Tabel
digunakan:
                                                                                    Sel adalah kolom-kolom yang berada didalam tabel. Ada 2 hal yang dapat
                                                                                    dimanipulasi dari sebuah sel, yang pertama adalah mengatur jarak antara border
bgcolor="kode_warna" – Mengatur warna latar belakang sel.                           luar dengan sel dan sekaligus mengatur jarak antar sel. Dengan kata lain kita
background="gambar.gif" – Menggunakan gambar sebagai latar belakang sel.            dapat mengatur lebar frame tabel. Pengaturan ini dapat dilakukan dengan
align="left|right|center" – Mengatur perataan isi sel (teks, gambar, dll.) secara   mengatur atribut CELLSPACING didalam tag <TABLE>. Gambar berikut adalah
    horisontal.                                                                     hasil baris-baris html pada sub bab 3.9.1 dengan tebal frame 10.
valign="top|bottom|middle" – Mengatur perataan isi sel (teks, gambar, dll.)
    secara vertikal.
                                                                                       <TABLE BORDER CELLSPACING="10">
colspan="angka" – Untuk menggabung sel kosong.                                         ... ... ...
width="angka" – Mengatur lebar sel dalam satuan pixel atau persen.                     </TABLE>



 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.                                                                                         Gambar 3.52: Tabel dengan cellspacing="10"


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




                                                                                                     Gambar 3.53: Tabel dengan cellpadding="10"

                    Gambar 3.51: Tabel dengan border="10"



                                                                             131                                                                              132
Untuk mendapatkan efek tertentu, beberapa atribut dapat digunakan sekaligus
menjadi satu dalam <TABLE> seperti ini :
   <TABLE BORDER="10" CELLSPACING="10" CELLPADDING="10">
   ... ... ...
   </TABLE>




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


                                                                                   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
      Gambar 3.54: Tabel dengan border, cellspacing dan cellpadding = "10"         baris. Atribut yang digunakan adalah COLSPAN untuk penggabungan kolom dan
                                                                                   ROWSPAN untuk penggabungan baris. Cara penggunaannya adalah seperti ini:

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

                                                                                   Dimana jumlah_kolom adalah jumlah kolom yang ingin digabung (default-nya
   <TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
     <TR>                                                                          1) dan jumlah_baris adalah jumlah baris yang ingin digabung (default-nya juga
       <TD></TD>        <!-- ini adalah sel kosong -->                             1). Perhatikan contoh berikut:
       <TD>2</TD>
     </TR>
     <TR>
       <TD>3</TD>
       <TD>4</TD>                                                                  Menggabung kolom: (hasilnya lihat gambar 3.56A)
     </TR>
   </TABLE>
                                                                                      <TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">
                                                                                        <TR>
                                                                                          <TD COLSPAN=2>1 & 2</TD> <!-- Menggabung kolom -->
Jika Anda ingin untuk menampilkan sel berupa kotak kosong dengan border,                </TR>
Anda harus mengisi sesuatu kedalam sel tersebut, misalnya kode ganti baris atau         <TR>
                                                                                          <TD>3</TD>
kode spasi. Gambar 3.55B adalah hasil kode sel yang diisi kode ganti baris                <TD>4</TD>
(<TD><BR></TD>).                                                                        </TR>
                                                                                      </TABLE>




                                                                             133                                                                           134
              Gambar 3.56: Contoh penggabungan baris dan kolom


Menggabung baris: (hasilnya lihat gambar 3.56B)
                                                                                        Gambar 3.57: Perilaku teks dalam tiap sel bisa diatur sendiri-sendiri
   <TABLE BORDER="3" CELLPADDING="10" CELLSPACING="4">                           Pada contoh diatas, pemenggalan kata pada kolom pertama diserahkan
     <TR>                                                                        sepenuhnya kepada browser. Pada kolom kedua, pemenggalannya dilakukan
       <TD ROWSPAN="2">1 & 3</TD> <!-- Menggabung baris -->
       <TD>2</TD>                                                                secara manual dengan menyertakan beberapa buah tag <BR>. Sedangkan pada
     </TR>                                                                       kolom ketiga, atribut NOWRAP membuat kalimat didalam sel tidak dipenggal
     <TR>
       <TD>4</TD>                                                                sama sekali (ditampilkan utuh).
       </TR>
   </TABLE>
                                                                                 3.9.7 Mengatur Alignment Tabel
3.9.6 Mengatur Perilaku Sel
                                                                                 Posisi tampilan tabel dapat diatur dengan menyertakan atribut ALIGN pada tag
Secara default, perilaku teks dalam sel diatur otomatis oleh browser. Semakin    <TABLE>. Lihat sub bab 3.9.1 diatas untuk penjelasan mengenai atribut ini.
kecil ukuran jendela browser, semakin pendek pula penggalan kata dalam           Contoh berikut akan mendemonstrasikan penggunaannya :
kalimatnya. Jika ingin memenggal kata-kata yang ada dalam sel pada lokasi-
lokasi tertentu, Anda dapat menggunakan tag <BR>. Tetapi jika Anda tidak ingin
                                                                                    <TABLE BORDER>
kata-kata dalam kalimatnya dipenggal secara otomatis, Anda dapat menggunakan          <TR>
atribut NOWRAP pada tag <TD>. Dengan menyertakan atribut NOWRAP, ukuran                 <TH>Default (ALIGN="left")</TH>
                                                                                        <TD>Kolom #2</TD><TD>Kolom #3</TD>
sel akan terpaku pada isi teks yang dimasukkan kedalam sel. Ini berarti bahwa         </TR>
mengecilkan ukuran jendela browser tidak membuat kata-kata dalam sel menjadi        </TABLE><BR>
terpenggal-penggal. Contoh:                                                         <TABLE BORDER ALIGN="center">
                                                                                      <TR>
                                                                                        <TH>ALIGN="center"</TH>
                                                                                        <TD>Kolom #2</TD><TD>Kolom #3</TD>
   <TABLE BORDER>                                                                     </TR>
     <TR>                                                                           </TABLE><BR>
       <TD>Kata-kata dalam sel ini diatur otomastis oleh                            <TABLE BORDER ALIGN="right">
   browser</TD>                                                                       <TR>
       <TD>Kata-kata<BR>dalam sel<BR>ini diatur<BR>dengan<BR>tag                        <TH>ALIGN="right"</TH>
   &lt;BR&gt;</TD>                                                                       <TD>Kolom #2</TD><TD>Kolom #3</TD>
       <TD NOWRAP>Kata-kata dalam sel ini diatur dengan atribut                       </TR>
   NOWRAP</TD>                                                                      </TABLE>
     </TR>
   </TABLE>




                                                                         135                                                                                    136
                                                                                    <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>




           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.
Atribut ALIGN digunakan untuk mengendalikan alignment secara horisontal dan
memiliki tiga macam argumen yaitu "left", "center" dan "right". Sementara
atribut VALIGN digunakan untuk mengendalikan alignment secara vertikal, juga
memiliki tiga macam argumen yaitu "top" untuk rata atas, "middle" untuk rata
tengah dan "bottom" untuk rata bawah. Perhatikan contoh penggunaannya berikut           Gambar 3.59: Beberapa contoh pengaturan alignment sel dalam tabel
ini :
   <BODY>
   <TABLE BORDER="2" CELLSPACING="3" WIDTH="100%">                               3.9.9 Tabel Dalam Tabel
   <TR><TD><IMG SRC="logo.gif"></TD>
   <TD VALIGN="top">Kata-kata dalam sel ini diatur dengan                        Seperti telah dijelaskan pada awal bab ini, sebuah tabel dapat diisi dengan tabel
   VALIGN="top"</TD>
   <TD VALIGN="middle">Kata-kata dalam sel ini diatur dengan                     yang lain. Teknik ini umumnya digunakan untuk mengelompokkan tabel-tabel atau
   VALIGN="middle"</TD>                                                          utuk memperindah tampilan halaman web. Perhatikan contoh aplikasi tabel dalam
   <TD VALIGN="bottom">Kata-kata dalam sel ini diatur dengan
   VALIGN="bottom"</TD>                                                          tabel berikut:
   </TR></TABLE><BR>
   <TABLE BORDER="2" CELLSPACING="3" WIDTH="100%">
   <TR>                                                                             <CENTER>
   <TD ALIGN="left">Kata-kata dalam sel ini diatur dengan                           <TABLE WIDTH=100% BORDER="2" CELLPADDING="4">
   ALIGN="left"</TD>                                                                <TR>
   <TD ALIGN="center">Kata-kata dalam sel ini diatur dengan                          <TD WIDTH=25%><H3><CENTER>E-MAIL GRATIS</CENTER></H3><P>
   ALIGN="center"</TD>                                                               <LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB)
   <TD ALIGN="right">Kata-kata dalam sel ini diatur dengan                           <LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB)
   ALIGN="right"</TD>                                                                <LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB)
   </TR></TABLE>


                                                                         137                                                                                 138
 <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>
                                                                   3.9.10 Mengatur Warna Background Sel
<TD>                                                               Untuk lebih memperindah tampilan, Anda dapat memberi warna background sel.
<TABLE BORDER="6" WIDTH="100%"> <!-- TABEL DIDALAM TABEL -->       Atribut yang harus digunakan adalah BGCOLOR atau BACKGROUND. Atribut ini
 <TR>
  <TD ALIGN="center"><H1><U>HOT NEWS</U></H1><FONT SIZE="4">       dapat dimasukkan baik pada tag <TABLE>, <TR> maupun <TD>.
  <A HREF="7langkah.html"><B>7 Langkah Memiliki HomePage
   Gratis!</B></A></FONT><BR>                                      Format penggunaannya adalah seperti ini:
  <EM>Tutorial langkah demi langkah membuat HomePage dengan
   Modal Dengkul, Alias Gratis 100%</EM></P><FONT SIZE="4">
  <A HREF="anti_popup.html"><B>ANTI POP-                           <TABLE BGCOLOR="warna">
      UP</B></A></FONT><BR>
  <EM>Tip & Trik menghilangkan banner pop-up di server web         <TR BGCOLOR="warna">
   gratisan!</EM><P></TD>                                          <TD BGCOLOR="warna">
 </TR>
</TABLE>                                                           <TABLE BACKGROUND="file_gambar">
</TD>                                                              <TR BACKGROUND="file_gambar">
<TD WIDTH=25%><H3><CENTER>WEB SPACE GRATIS</CENTER></H3><P>        <TD BACKGROUND="file_gambar">
 <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>




                                                                               Gambar 3.61: Contoh pengaturan warna background sel

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


                                                             139                                                                        140
     <TR><TD BGCOLOR="#E4C88B" NOWRAP>
     <LI><A HREF=http://mail.yahoo.com>Yahoo</A> (6 MB)
                                                                                  Berikut adalah contoh penggunaan HomeSite "Table wizard" :
     <LI><A HREF=http://www.hotmail.com>HotMail</A> (5 MB)
     <LI><A HREF=http://mail.telkom.net>TelkomMail</A> (2 MB)                     1.   Saat pertama diaktifkan, "Table wizard" akan membuat tabel 2 kolom 2
     <LI><A HREF=http://mail.excite.com>Excite</A> (5 MB)                              baris. Kita kemudian dapat menambah kolom atau menambah barisnya
     <LI><A HREF=http://www.mailcity.com>MailCity</A> (4 MB)
     <LI><A HREF=http://www.pop3now.com/>Pop3Now</A> (&plusmn; 5                       dengan mengklik tombol "+" pada 'columns'/'rows'. Atau mengurangi
      MB)</TD></TR>                                                                    kolom/barisnya dengan mengklik tombol '-'.
    </TABLE>
    </TD></TR>
                                                                                  2.   Untuk menggabung satu atau beberapa sel sekaligus, klik baris atau kolom
   </TABLE>                                                                            diatas baris atau kolom yang akan digabung. Setelah itu klik tombol '+' pada
                                                                                       'column span' untuk menggabung kolom yang dipilih dengan kolom disebelah
3.9.11 Cara Mudah Membuat Tabel Dengan HomeSite                                        kanannya, atau klik tombol '+' pada 'rows span' untuk menggabung baris yang
                                                                                       dipilih dengan baris dibawahnya (lihat gambar 3.63).
Seperti telah dijelaskan didepan, pembuatan tabel sebenarnya sederhana tetapi     3.   Setelah layout tabel selesai dibuat, klik tombol "Next >". Setelah itu akan
dapat menjadi rumit karena sifat dasarnya. Setelah memahami cara kerja dan cara        muncul tampilan setting untuk mengatur layout tabel secara keseluruhan
pembuatannya secara manual dalam sub bab-sub bab diatas, Anda boleh                    (cell padding, cell spacing dan alignment), lebar tabel, warna background,
melangkah menggunakan fasilitas yang ada pada html editor 1st Page2000 atau            border dlsb. Abaikan setting ini jika Anda ingin menggunakan setting
HomeSite (sudah download belum? Jika belum sekaranglah saatnya untuk                   default. Setelah itu klik tombol "Next >" dan lanjutkan dengan klik tombol
download). Kalau ada sesuatu yang "aneh", Anda dapat membetulkannya sendiri            "Finish".
secara manual dengan bekal pengetahuan tadi.                                      4.   SELESAI.




     Gambar 3.62: Lokasi tombol Table Wizard didalam editor html HomeSite


Pembuatan tabel dalam HomeSite dapat dilakukan dengan mengklik tab Tables
yang ada disebelah kanan atas layar. Setelah itu Anda dapat menggunakan "Table
Sizer" (tombol paling kanan dari sub menu tabel) atau "Table wizard" (tombol
paling kiri dari sub menu table, lihat gambar 3.62).
"Table sizer" dapat digunakan untuk membuat tabel secara cepat. Sedangkan
"Table wizard" dapat digunakan untuk membuat tabel yang tidak umum, misalnya
tabel dengan banyak kolom dimana beberapa diantaranya saling tergabung satu                  Gambar 3.63: Membuat tabel dengan HomeSite Table Wizard
dengan yang lainnya.



                                                                            141                                                                               142
Jika Anda membuat tabel seperti tampak pada gambar 3.63 diatas, maka                                            BAB 4
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.                  LANGKAH KE-4:
                                                                                      MENDAFTAR KE WEB
   <TABLE WIDTH="200" CELLSPACING="2" CELLPADDING="6"
   BORDER="1">
   <TR>
        <TD># 01</TD>


   </TR>
        <TD COLSPAN="2">#02, #03</TD>
        <TD># 04</TD>                                                                  SERVER GRATIS!
   <TR>
        <TD ROWSPAN="2" COLSPAN="2">#05, #06<BR>#09, #10</TD>
        <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>
                                                                              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
Jika baris-baris html diatas dilihat dengan browser, ia akan menghasilkan     memiliki homepage lokal berupa file-file html yang hanya bisa dilihat oleh Anda
tampilan seperti tampak pada gambar 3.64.                                     sendiri atau beberapa orang yang kebetulan bisa mengakses komputer Anda dan
                                                                              tahu keberadaan file-file html Anda. Dengan kata lain, pada saat ini Anda telah
                                                                              memiliki homepage sendiri secara offline. Untuk membuat semua orang
                                                                              diseluruh dunia, sekali lagi, DISELURUH DUNIA, kapanpun mereka inginkan,
                                                                              dapat melihat homepage Anda secara on-line, Anda harus menyimpan file-file
                                                                              tersebut ke komputer yang terhubung ke jaringan internet selama 24 jam sehari, 7
                                                                              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
Gambar 3.64: Tabel rumit ini dibuat dengan mudah menggunakan HomeSite Table   internet dengan mudah Anda dapat menemukan web server gratis yang
                                     Wizard                                   menyediakan spasi 15MB, 20MB, 50MB, 100MB dan bahkan tidak terbatas!




                                                                      143                                                                                144
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.
Pada langkah ke 4 ini kita akan mencoba mendaftar pada dua buah situs penyedia       Bagaimanapun, penulis tidak ingin apriori. Tetapi tidak ada salahnya jika Anda
layanan web server gratis (free webspace). Satu dari Indonesia dan satu lagi dari    melakukan pertimbangan berulang-ulang jika ingin menitipkan homepage Anda
luar negeri. Namun sebelum itu, kita akan membahas dahulu beberapa situs yang        ke web server gratis dari Indonesia. Pada umumnya pendaftaran ke penyedia
menyediakan spasi gratis sebagai perbandingan. Baik situs yang berasal dari          layanan webspace gratis dari Indonesia memang cukup mudah (disamping karena
Indonesia maupun dari luar negeri. Pembahasan meliputi nama alamat yang akan         berbahasa Indonesia tentunya). Akan tetapi dari 5 situs penyedia layanan
kita peroleh, fasilitas yang mereka tawarkan, kapasitas ruang simpannya,             webspace gratis dari Indonesia yang pernah penulis daftari, 2 situs lenyap dalam
kemudahan akses filenya, syarat-syaratnya dan lain sebagainya.                       waktu 1 tahun dan 2 yang lain musnah dalam waktu kurang dari 4 bulan !
Satu hal yang perlu dicatat sebelum Anda memburu penyedia layanan webspace           Berikut adalah review singkat mengenai beberapa penyedia layanan web server
gratis adalah bahwa dunia gratis di internet adalah dunia yang selalu berubah        gratis dari Indonesia, yang mudah-mudahan masih ada saat buku ini berada
dan akan terus berubah. Situs-situs penyelenggara webspace gratis terus              ditangan Anda! Sebelumnya jangan salah, meski penyelenggaranya dari
bermunculan setiap hari, akan tetapi ada pula beberapa yang kolaps dan akhirnya      Indonesia, akan tetapi situs-situs ini tetap bisa diakses dari seluruh dunia!
mati (biasanya dari Indonesia he…he…he…). Jika Anda mendapati satu atau dua
situs yang saat Anda kunjungi telah menutup keanggotaanya, carilah situs lain atau
datanglah lain waktu. Jika spasi yang ditawarkan suatu situs kurang besar untuk      Rileks Free Homepage
menampung file-file Anda, Anda masih bisa mendaftar lagi dengan ID dan alamat
e-mail yang lain sehingga secara teori, spasi gratis yang bisa Anda peroleh di       Rileks Free Homepage (http://mypage.rileks.com/) menyediakan
internet menjadi TIDAK TERBATAS!                                                     spasi gratis plus alamat e-mail. Spasi gratis yang disediakan pada Anda adalah
                                                                                     20 MB. Akan tetapi bisa menjadi lebih besar lagi jika Anda memiliki alasan
Hal lain yang perlu Anda perhatikan saat mendaftar adalah untuk mengisi nama,
                                                                                     yang tepat dan mengirimkan permintaan Anda ke web-master Rileks.com.
alamat atau nomor telepon dengan benar (atau paling tidak dengan format yang
'seolah-olah' benar). Laporan dari banyak situs penyelenggara webspace gratis
menyatakan bahwa mereka biasanya terpaksa harus menolak 4 dari 10 pendaftar
baru karena si pendaftar mengisi alamat atau nomor teleponnya dengan
"11111111111111" !


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.
Namun perlu dicatat bahwa pengusaha dot com di Indonesia amat sangat rentan
terhadap gangguan keuangan yang menopang keberadaannya. Hal ini
menyebabkan eksistensinya menjadi timbul tenggelam. Beberapa yang bisa
disebut      diantaranya    adalah     www.PengenPunyaSitus.com          dan
                                                                                        Gambar 4.1: Situs Rileks Free Homepage, menyediakan spasi gratis 20 MB!
www.NetKiosk.org. Penulis telah beberapa kali dibuat kecewa dengan hilangnya
situs-situs penyedia free webspace dari Indonesia yang penulis pakai untuk           Alamat homepage yang akan Anda miliki setelah mendaftar di situs ini adalah :


                                                                             145                                                                                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.   Tidak boleh menggunakannya untuk kegiatan atau usaha bisnis yang
     bertentangan dengan hukum yang berlaku di wilayah Republik Indonesia.                   Gambar 4.2 : Situs SSNet menyediakan spasi gratis 2 MB.
2.   Menyimpan, menaruh, meletakkan dan mempublikasikan gambar atau cerita
     porno, dan segala macam lainnya yang berbau pornografi.                     Upload file ke SSNet dapat dilakukan baik melalui utilitas file manager yang
                                                                                 telah disediakan atau menggunakan program FTP (dengan host address
3.   Menyimpan file MP3, software bajakan, program hacking atau phreaking        202.155.18.2 dan nomor port 21). Sementara itu e-mail dapat Anda buka baik
     dan segala sesuatu yang yang melanggar hak cipta dan/atau hak paten         dengan browser maupun e-mail client seperti Microsoft Outlook atau Eudora
     lainnya.                                                                    (dengan host name www.s-s-net.com dan nomor port 25). Satu hal yang perlu
                                                                                 Anda perhatikan adalah bahwa SSNet menggunakan file default bernama
                                                                                 default.htm, bukan index.htm atau index.html seperti situs-situs yang lain.
SSNet
SSNet (http://www.s-s-net.com/) adalah situs internet yang
didedikasikan untuk dunia pendidikan Indonesia. SSNet menyediakan spasi gratis   Capella.co.id
sebesar 2 MB plus layanan e-mail berbasis web dan POP3 yang meski                Capella Web Hosting menyediakan spasi gratis sebesar 15 MB. Berbeda dengan
sebenarnya ditujukan untuk pelajar dan mahasiswa Indonesia, tetapi pada          sebelumnya, jika situs-situs web gratis yang telah disebutkan diatas melarang
prakteknya siapapun dapat mendaftar disini.                                      Anda untuk mengisi spasi web personal Anda dengan materi bisnis atau segala
Cara pendaftarannya sangat mudah dan cepat. Ketik alamat berikut kedalam         bentuk penawaran yang bersifat profit oriented, maka Capella justru
browser Anda: http://www.s-s-net.com/asp/register.asp.                           menawarkan spasi khusus untuk keperluan bisnis atau e-commerce untuk
Setelah itu Anda hanya perlu mengisi ID (terserah_anda), Nama Anda dan           perusahaan atau instansi berbadan hukum.
kode password yang Anda inginkan (lihat gambar 4.2). Lalu …. abakadabra …        Capella juga menyediakan dukungan teknis atas layanan yang diberikan selama
dalam waktu kurang dari satu menit Anda akan memiliki almaat e-mail baru         jam dan hari kerja melalui e-mail, telepon, atau kunjungan pelanggan. Pelanggan
dengan alamat: terserah_anda@s-s-net.com                                         menggunakan server yang disediakan Capella agar dapat diakses dari internet
Dan sebuah webspace yang bisa diisi file-file homepage dengan alamat :           setelah sebelumnya mendaftarkan diri melalui formulir yang disediakan oleh
                                                                                 Capella dan mendapatkan konfirmasi dari pihak Capella. Jika Anda berminat,
                                                                                 Anda dapat mendaftar dari alamat ini :
http://www.s-s-net.com/terserah_anda
                                                                                 http://www.capella.co.id/e-commerce/free/formulir.html



                                                                         147                                                                               148
                                                                                    Bayangkan! 500 MB gratis untuk Anda yang gemar cerita-cerita ngeres! Alamat
                                                                                    yang akan Anda peroleh jika Anda mendaftar dan disetujui adalah :
                                                                                    http://www.ceritaseru.org/members/terserah_an
                                                                                    da




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


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


CeritaSeru.org                                                                      4.1.2 WEB SERVER GRATIS DARI LUAR NEGERI

Sesuai dengan nama host-nya, situs CeritaSeru yang beralamat di                     Berbeda dengan jumlah penyedia layanan webspace gratis dari Indonesia yang
http://www.ceritaseru.org ini menyediakan spasi gratis khusus untuk                 masih bisa dihitung dengan jari, penyedia layanan webspace gratis dari luar
                                                                                    negeri jumlahnya sudah tidak terhitung lagi. Sub bab ini akan kita pakai untuk
diisi dengan materi-materi khusus dewasa (baik cerita maupun gambar).
                                                                                    membahas beberapa diantaranya yang paling hebat, kecil iklannya (kalau bisa
Syaratnya adalah tidak vulgar, tidak berisi materi yang melanggar hukum (MP3,
                                                                                    yang tanpa iklan), cepat aksesnya, pendek alamat domainnya dan lengkap
crackz, dan sejenisnya), bukan berupa situs yang menjadi saingan CeritaSeru,
                                                                                    fasilitasnya dibanding ribuan lagi yang lain.
tidak mengandung link ke situs kompentitor CeritaSeru, dan maksimal ukuran file
(HTML dan gambar GIF/JPG) adalah 500 Mb.                                            Satu hal yang perlu dicatat adalah bahwa meskipun pembahasan telah diusahakan
                                                                                    se-uptodate mungkin, akan tetapi perubahan bisa saja terjadi setiap saat.


                                                                              149                                                                            150
Biasanya ini terjadi pada ukuran spasi yang disediakan (umumnya semakin besar,
bukan sebaliknya), fasilitas upload file (tambahan pada fungsi FTP/browser),        50Megs - http://www.50megs.com/
cara penampilan iklan (banner atau pop-up) dan layanan tambahan seperti e-
mail, counter, guest book atau message board.                                       Sesuai dengan namanya, 50Megs menyediakan spasi gratis untuk keperluan
Sangat berbeda dengan penyedia layanan webspace gratis dari Indonesia,              personal sebesar 50 MB dengan iklan banner disebelah atas layar halaman web.
pondasi keberadaan situs-situs free webspace dari luar negeri amat sangat kuat.     Selain itu, Anda juga akan mendapatkan alamat e-mail dan juga counter. Upload
Dari 4 situs webspace gratis yang pernah penulis daftari 7-8 tahun yang lalu,       file bisa dilakukan baik melalui browser maupun FTP.
keempat-empatnya masih aktif hingga sekarang!                                       50Megs menyediakan file manager yang bagus serta site builder yang mudah
Pembahasan situs web gratis dari luar negeri ini disusun berdasarkan abjad.         digunakan oleh pemula. Alamat yang akan Anda terima jika mendaftar di situs ini
                                                                                    adalah :
                                                                                    http://terserah_anda.50megs.com
20m - http://www.20m.com/
Sesuai dengan namanya 20m menyediakan spasi gratis sebesar 20 MB untuk situs        AcmeCity - http://www.acmecity.com/
personal dengan iklan banner disebelah atas halaman web. Selain itu, mereka
juga menyediakan e-mail, chat dan instant messaging. Upload file bisa               AcmeCity menyediakan spasi gratis sebesar 20 MB untuk keperluan personal.
dilakukan baik melalui browser menggunakan file management tool yang                Anda tidak diijinkan memasang link komersial dalam situs ini. Sementara iklan
disediakan atau melelui FTP.                                                        dari penyelenggara ditampilan berupa banner disebelah atas tiap halaman web.
20m adalah salah satu situs penyedia layanan webspace gratis yang tumbuh            Fasilitas yang diberikan selain spasi gratis adalah e-mail, chat dan bulletin
sangat cepat. Meski spasi yang disediakan hanya 20 MB, akan tetapi ini sudah        board. Upload file ke AcmeCity bisa dilakukan baik melalui browser maupun
cukup untuk menampung sekitar 2000 halaman teks atau 500 lembar foto. Alamat        melalui FTP.
yang akan Anda peroleh setelah mendaftar di situs ini adalah :                      AcmeCity cocok bagi Anda yang ingin membangun situs entertainment. Anda
http://terserah_anda.20m.com                                                        dapat memasukkan foto-foto, video clip atau clip art. Komunitas AcmeCity
                                                                                    bahkan cocok bagi Anda yang memiliki interest terhadap pertelevisian, film atau
                                                                                    musik. Dengan tool yang mereka sebut "HomeBuilder", seorang pemula bisa
4Office.net - http://www.4office.net/                                               membangun situs web menarik dalam waktu kurang dari satu jam. Sementara bagi
                                                                                    yang sudah berpengalaman, mereka juga menyediakan site management tools
4Office Net menyediakan spasi gratis tidak terbatas khusus untuk kalangan           atau FTP untuk melakukan upload. Alamat yang akan diperoleh dari situs ini
bisnis dengan iklan banner disebelah atas halaman web. Selain spasi gratis tak      adalah :
terbatas, mereka juga menyediakan program-program afiliasi dan berbagai             http://www.acmecity.com/terserah_anda
macam resource bisnis.
Tampaknya, 4Office disediakan khusus untuk kalangan bisnis. Tetapi sayangnya,
akses ke 4Office agak lambat. 4Office Mendukung script CGI dan e-mail               Angelfire - http://www.angelfire.com/
forwarding, sementara itu upload file hanya dapat dilakukan melalui FTP.
Alamat yang akan diperoleh setelah mendaftar adalah :                               Saat pertama kali penulis mendaftar di Angelfire sekitar tahun 1994 yang lalu,
                                                                                    penulis mendapatkan spasi gratis sebesar 0.5 MB. Akan tetapi sekarang, Anda
http://terserah_anda.4office.net                                                    akan mendapatkan spasi gratis 100 kalinya, yaitu 50 MB! dengan iklan banner
                                                                                    pop-up. Plus fasilitas e-mail gratis serta search box, poll, guest feedback dan
                                                                                    manajemen link ke situs Anda menggunakan "Gears" add-on.



                                                                              151                                                                             152
Angelfire, yang sekarang dikuasai oleh raksasa LYCOS, termasuk situs penyedia     http://terserah_anda.bigstep.com
spasi web gratis yang populer. Untuk melakukan upload file ke Angelfire, Anda
dapat menggunakan browser, program FTP atau FrontPage. Sedangkan untuk
melakukan pendaftaran, Anda cukup mengisi nama dan password yang Anda             Bizland – http://www.bizland.com
inginkan. Kemudian memilih nama direktori (misalnya 'id') atau topik (misalnya
'music') dan diikuti dengan memasukkan nama belakang homepage (misalnya           Bizland menyediakan spasi gratis untuk bisnis sebesar 35 MB dengan banner
terserah_anda). Secara keseluruhan, alamat homepage yang akan Anda miliki         iklan disebelah atas halaman web. Selain itu mereka menyediakan juga alamat e-
dari Angelfire bisa seperti ini :                                                 mail, storefront, chat, shoping chart dan counter. Upload file ke Bizland bisa
                                                                                  dilakukan baik melalui browser maupun FTP.
http://www.angelfire.com/id/terserah_anda
                                                                                  Bizland adalah salah satu web hosting gratis populer untuk kalangan pebisnis
                                                                                  kecil. Berdiri tahun 1999 lalu dan sekarang telah memiliki lebih dari 800.000
                                                                                  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


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


                                                                          153                                                                                154
Crosswinds - http://home.crosswinds.net/                                          utamanya ada pada penggunaan personal karena pada kenyataanya, meskipun
                                                                                  mereka mengijinkan untuk keperluan bisnis, tetapi Anda tidak boleh memasang
CrossWinds menyediakan spasi gratis tak terbatas baik untuk keperluan             banner komersial Anda sendiri atau link-linknya.
personal maupun bisnis dengan tanpa iklan. Selain itu saat ini mereka juga
                                                                                  Upload file ke DenCity bisa dilakukan baik melalui browser maupun melalui
menyediakan e-mail gratis. Upload file hanya bisa dilakukan melalui FTP
                                                                                  FTP. Alamat yang akan Anda peroleh dari situs ini adalah :
sehingga mungkin tidak sesuai untuk pemakai pemula.
                                                                                  http://www.dencity.com/terserah_anda
CrossWinds tumbuh dengan cepat dan kini menjadi situs free hosting favorit dan
populer bagi para pemakai berpengalaman, terutama karena spasinya yang tak
terbatas itu plus tanpa iklan. Selain itu, kecepatan aksesnya bagus dan setiap    Domain Valet - http://www.domainvalet.com/
masalah yang terjadi pada server mereka segera ditangani secara profesional.
                                                                                  Domain Valet menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
                                                                                  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


                                                                                  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
        Gambar 4.6: Crosswinds.net menyediakan spasi gratis tak terbatas!         mereka akan menambahinya jika Anda dapat memberikan alasan yang tepat.
                                                                                  Alamat yang akan didapatkan setelah mendaftar bisa dipilih antara
                                                                                  http://dreamwater.net/terserah_anda atau http://1freespace.com/terserah_anda
Jika Anda adalah seorang webmaster yang berkompeten, maka CrossWinds              dan dapat diakses dengan menyebut sub domainnya saja seperti ini :
mungkin adalah pilihan terbaik bagi Anda, akan tetapi bagi pemula, Anda tidak
akan mendapatkan apa-apa disini. Alamat yang akan Anda terima setelah             http://terserah_anda.dreamwater.net/                       atau
mendaftar di situs ini adalah :                                                   http://terserah_anda.1freespace.com/
http://www.Crosswinds.net/terserah_anda
                                                                                  Envy - http://www.envy.nu/
DenCity - http://www.dencity.com/                                                 Envy menyediakan spasi gratis sebesar 20 MB (lebih besar dari sebelumnya)
                                                                                  untuk keperluan personal. Sayangnya, mereka juga merubah feature dari situs
DenCity memberikan spasi gratis sebesar 25 MB untuk keperluan personal            tanpa iklan menjadi situs beriklan banner pop-up. Upload file ke Envy harus
maupun bisnis dengan iklan berupa tombol. Akan tetapi sebenarnya orientasi        dilakukan melalui browser. Alamat yang akan diperoleh adalah :


                                                                            155                                                                          156
http://www.envy.nu/terserah_anda                                                  Freedom2Surf - http://www.f2s.com/
                                                                                  Fredom2Surf menyediakan spasi gratis 20 MB baik untuk personal maupun
EWebCity - http://www.ewebcity.com/                                               bisnis dengan dukungan penuh terhadap teknologi PHP, CGI, SSI, Perl Script
                                                                                  serta front page extension. Mereka juga menyediakan search option, web
EwebCity menyediakan spasi gratis sebesar 30 MB untuk keperluan personal          statistic, counter dan web board gratis. Selain fasilitas tersebut, Anda juga
maupun bisnis dengan halaman-halaman web tanpa iklan! Pendaftarannya sangat       mendapat alamat e-mail dengan spasi tak terbatas. Hebatnya lagi, freedom2suf
cepat dan mudah. Meskipun tidak mendukung CGI dan frontpage extension, tetapi     bebas iklan! Satu-satunya yang menjadi kekurangan adalah bahwa semua transfer
EwebCity mendukung ASP dan SQL. Upload file dilakukan dengan browser              file harus dilakukan melalui FTP ke www.terserah_anda.f2s.com (yang
melalui file manager yang mudah digunakan. EwebCity memiliki banyak web           mungkin agak menyulitkan bagi yang tidak biasa melakukannya). Alamat yang
tutorial on-line. Alamat homepage yang akan Anda peroleh setelah mendaftar        akan Anda peroleh adalah :
adalah :
                                                                                  http://terserah_anda.f2s.com
http://www.eWebCity.com/terserah_anda

                                                                                  Freeservers - http://www.freeservers.com/
Fortune City - http://www.fortunecity.com/
                                                                                  Freeservers menyediakan spasi gratis 20 MB untuk keperluan personal web
Fortune City dulu menyediakan spasi gratis sebesar 25 MB, tetapi sekarang         dengan banner iklan disebelah atas halaman web. Upload file bisa dilakukan
mereka memperbesarnya hingga menjadi 100 MB. Sebuah spasi yang cukup              baik melalui browser maupun FTP. Fasilitas yang disediakan termasuk instant
besar untuk sekedar membuat homepage pribadi! Fasilitas yang disediakan           messaging, guest book, counter, shopbot search engine dan e-mail dengan
termasuk alamat e-mail, chat, search box dll. Upload file bisa dilakukan baik     spasi tak terbatas!
melalui browser maupun melalui FTP. Sayangnya, Fortune City menempatkan
banner iklan yang lumayan besar pada setiap halaman yang kita buat sehingga
agak memperlambat akses. Selain itu ukuran file maksimal yang bisa disimpan
disini adalah 1 MB. Lebih dari itu file tersebut akan langsung dihapus oleh
server
Penulis tidak dapat membayangkan, berapa besar harddisk yang mereka sediakan
mengingat pada saat ini jumlah member Fortune City telah mencapai lebih dari
2.000.000 user. Bayangkan, 2 juta kali 100 MB ada berapa ?!? (memang sih, itu
kalau semua user memakainya secara maksimal). Bagaimanapun, Fortune City
memiliki komunitas yang sangat besar, meskipun alamat yang disediakan cukup
panjang (seperti Geocities dulu sebelum diakuisisi oleh Yahoo!). Mungkin
karena sekarang nama panjang sudah tidak menjadi masalah lagi karena kita bisa
memperpendeknya dengan fasilitas URL redirection (lihat bagian TIP & TRIK).
Waktu yang dibutuhkan untuk mengaktifkan account Anda di situs ini sangat cepat
(kurang dari 1 menit), akan tetapi Anda tidak bisa menggunakan nama sendiri.
Yang bisa Anda lakukan adalah memilih area dan kode alamat sehingga alamat
yang akan Anda terima adalah seperti ini :
http://www.fortunecity.com/nama_area/nomor_alamat
                                                                                           Gambar 4.7: Freeservers.com menyediakan spasi gratis 20 MB!



                                                                          157                                                                             158
                                                                                     Geocities - http://www.geocities.com/
Freeserver adalah salah satu pelopor penyedia layanan webspace gratis dengan
jumlah member saat ini lebih dari 1.500.000 user! Mereka juga menyediakan            Geocities adalah penyedia layanan internet yang sudah sangat tua. Dulu, mereka
fasilitas "Site Copier" untuk memindah situs yang telah Anda miliki ke               hanya menyediakan spasi gratis sebesar 5 MB, lalu naik menjadi 11 MB dan
Freeservers, juga file manager yang sangat baik dan 'user friendly'. Seperti situs   sekarang sudah ditambah lagi hingga menjadi 15 MB. Iklan yang ditampilkan
PengenPunyaSitus.Com dari Indonesia (sewaktu masih hidup), Freeservers               adalah banner berupa watermark kotak disebelah kanan atas layar web.
menyediakan 16 pilihan nama sub domain unik. Keenambelas nama sub domain             Sedangkan fasilitas yang disediakan selain spasi gratis adalah alamat e-mail
tersebut adalah :                                                                    (terserah_anda@geocities.com), counter dan guest book. Upload file
                                                                                     bisa dilakukan baik melalui browser (dengan file manager yang disediakan)
                                                                                     maupun melalui FTP (dengan alamat ftp.geocities.com). Alamat homepage yang
   http://terserah_anda.freeservers.com                                              akan Anda terima setelah mendaftar adalah :
   http://terserah_anda.4t.com                                                       http://www.geocities.com/terserah_anda
   http://terserah_anda.4mg.com
   http://terserah_anda.8m.com
   http://terserah_anda.8k.com                                                       Go Network - http://homepages.go.com/
   http://terserah_anda.s5.com                                                       Go Network menyediakan spasi gratis dengan tanpa iklan sama sekali, baik
   http://terserah_anda.bizhosting.com                                               banner maupun pop-up. Upload file dilakukan melalui browser dengan file
   http://terserah_anda.faithweb.com                                                 manager yang disediakan. Selain spasi gratis, mereka juga menyediakan guest
   http://terserah_anda.freehosting.net                                              book, chat room dan e-mail. Alamat homepage yang akan Anda terima jika
   http://terserah_anda.gq.nu                                                        mendaftar di situs ini adalah :
   http://terserah_anda.htmlplanet.com                                               http://homepage.go.com/~terserah_anda
   http://terserah_anda.itgo.com
   http://terserah_anda.iwarp.com
   http://terserah_anda.scriptmania.com                                              Homepage - http://www.homepage.com/
   http://terserah_anda.theshoppe.com                                                Homepage menyediakan spasi gratis sebesar 10 MB untuk keperluan personal
   http://terserah_anda.tvheaven.com                                                 atau bisnis dengan banner iklan disebelah atas layar. Mereka mengklaim diri
                                                                                     sebagai pemimpin dalam hal penyedia layanan aplikasi untuk e-bussines dengan
                                                                                     daftar pengguna termasuk about.com, discoverychannerl, PetSmart dan nama-
FreeYellow - http://www.freeyellow.com/                                              nama besar lainnya.
FreeYellow menyediakan spasi gratis sebesar 12 MB baik untuk personal                Secara definitif, homepage termasuk salah satu dari penyedia web hosting gratis
maupun untuk bisnis dengan sebuah iklan banner. Selain itu, mereka juga              dengan antarmuka paling bersih di internet, tetapi tidak menawarkan tool
menyediakan counter, pustaka gambar, form yang bisa di cut & paste, seting           pembantu yang biasanya disediakan untuk pemakai pemula. Anda akan lebih baik
chat serta WebWizard site builder yang mudah digunakan.                              jika membuat situs dilain homepage dan setelah itu melakukan migrasi kesini.
Upload file ke FreeYellow bisa dilakukan baik melalui browser maupun FTP.            Homepage adalah pilihan bagus untuk keperluan bisnis, akan tetapi jika Anda
Alamat homepage yang akan Anda peroleh adalah :                                      seorang pemula, masih banyak pilihan lain yang mungkin lebih baik. Alamat yang
                                                                                     akan diperoleh jika mendaftar di situs ini adalah :
http://www.freeyellow.com/members/area/terserah_anda
                                                                                     http://terserah_anda.homepage.com



                                                                            159                                                                                160
Homestead - http://www.homestead.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 e-
mail, kalender, guest book, chat room, counter, web poll, promosi situs, teks
animasi plus koleksi ribuan clip-art dan suara.
Homestead adalah salah satu penyedia layanan spasi web gratis yang sangat
besar. Jumlah membernya saat buku ini ditulis telah mencapai lebih dari 4 juta
user! Mereka sangat profesional dan secara konstan melakukan update situs
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!
Jika Anda telah memiliki homepage lain, mereka juga menyediakan sebuah
utility canggih yang disebut "Site Mover" untuk mempermudah kepindahan Anda!                 Gambar 4.8: Hypermart.net menyediakan spasi gratis 20 MB!
Sebelum mencoba mendaftar ke Homestead, catat bahwa situs ini juga
bekerjasama dengan Spedia, pencetak uang dolar gratis yang terkenal itu! Jika      Saat buku ini ditulis, hypermart telah memiliki lebih dari 1.000.000 member,
Anda telah terdaftar di Spedia (lihat bagian BONUS: TIP & TRIK - Gunakan           termasuk beberapa program pengeruk uang gratis dari internet seperti iklan mini
Situs Anda untuk mencari uang dari internet!), maka pendaftaran ke                 Bonanza (http://uangiklan.cjb.net) dan organizer program Pensiun Muda
                                                                                   (http://pensiun.cjb.net) dan masih akan terus bertambah! Jika Anda mendaftar,
Homestead akan memberikan 70 tambahan point (setara dengan akses inernet 1
jam 10 menit). Enak khan? Alamat yang akan Anda peroleh jika mendaftar di          alamat yang akan Anda peroleh adalah :
situs ini adalah :                                                                 http://terserah_anda.hypermart.net
http://www.homestead.com/terserah_anda
                                                                                   iXprss - http://www.xprss.com
Hypermart - http://www.hypermart.net/                                              iXprss memberi spasi gratis sebesar 100 MB untuk keperluan bisnis dengan
                                                                                   iklan berbentuk banner dibagian bawah halaman web. Fasilitas yang disediakan
 Hypermart memberikan spasi gratis sebesar 20 MB yang bisa Anda gunakan
                                                                                   selain spasi gratis dan setup yang mudah adalah e-mail, kalender, news page dan
untuk keperluan personal maupun bisnis kecil dengan tampilan iklan yang bisa
                                                                                   link page. Upload file ke iXprss dilakukan melalui browser.
dipilih antara banner biasa atau pop-up banner. Upload file bisa dilakukan baik
melalui browser maupun melalui FTP.                                                Anda bisa secara cepat melakukan setup on-line store dan mengatur suatu
                                                                                   database untuk men-set halaman-halaman produk lengkap dengan gambar-
Selain spasi gratis yang disediakan, Anda juga bisa memanfaatkan program-
                                                                                   gambarnya. iXprss bahkan menyediakan shoping cart gratis untuk keperluan e-
program afiliasi yang ada atau memanfaatkan bussines resources yang banyak
                                                                                   commerce Anda. Selain itu, Anda juga dapat menggunakan lebih dari 100
tersedia di situs ini. Akan tetapi jika Anda ingin memanfaatkan shopping cart
                                                                                   template bisnis untuk keperluan lay-out halaman web Anda! Alamat yang akan
atau e-services yang lain, Anda harus melakukan upgrade keanggotaan dengan
                                                                                   Anda dapatkan jika mendaftar di situs ini adalah :
membayar sejumlah uang.
                                                                                   http://www.xprss.com/kategori/terserah_anda


                                                                           161                                                                               162
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
LiveUniverse menyediakan spasi gratis 10 MB baik untuk personal maupun             Anda miliki.
bisnis dengan iklan disebelah atas layar. Selain itu mereka juga menyediakan
                                                                                   Penyedia layanan free webspace dari Indonesia, pengenpunyasotus.com (dulu),
message board, chat, mailing list, text ticker, auction catalog dan masih
                                                                                   juga menggunakan portland sebagai web hosting untuk semua member yang
banyak lagi plus site builder sederhana yang mudah digunakan.
                                                                                   mendaftar ke pengenpunyasitus.com. Alamat homepage yang akan Anda terima
Jika Anda adalah seorang pemula, Anda bisa menggunakan "wizard" site builder       jika mendaftar di situs ini adalah:
untuk memulai membuat homepage. Mereka akan menuntun Anda langkah demi
                                                                                   http://www.portland.co.uk/terserah_anda                         atau
langkah sambil menawarkan berbagai fasilitas yang bisa meningkatkan kualitas
                                                                                   http://terserah_anda.portland.co.uk                             atau
homepage Anda. Semua ini bisa dilakukan hanya dalam waktu 3 menit!
                                                                                   http://terserah_anda.port5.com
Satu-satunya kekurangan situs ini hanyalah pada ukuran spasi yang disediakan
yang tampaknya sudah tidak sesuai untuk standar saat ini. Akan tetapi selama
                                                                                   Rebondir - http://www.rebondir.com/
Anda tidak menggunakan banyak grafik, ruang sebesar ini sebenarnya masih
cukup untuk kebanyakan situs web. Alamat yang akan diperoleh jika mendaftar di     Rebondir menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
situs ini adalah :                                                                 dengan tampilan banner iklan. Selain itu Rebondir juga menyediakan e-mail
http://www.LiveUniverse.com/terserah_anda                                          gratis, counter, guestbook dan form yang bisa dikustomisasi. Upload file bisa
                                                                                   dilakukan baik melalui browser maupun melalui FTP.
                                                                                   Jika Anda seorang pemula, Anda bisa menggunakan Site Building Tool yang
NetColony - http://www.netcolony.com/                                              sederhana dengan banyak template desain halaman dan desain grafik yang
                                                                                   mudah. Utiliti "Site Copier" yang disediakan juga dapat mempermudah
NetColony menyediakan spasi gratis 100 MB dengan iklan banner disebelah atas
                                                                                   kepindahan Anda dari situs yang sudah ada ke situs baru di Rebondir, dan file
halaman web Anda. Selain itu mereka juga menyediakan e-mail gratis, guest
                                                                                   manager berbasis web yang disediakan mempermudah editing dan upload file.
book, message board dan banyak tutorial mengenai html dan homepage. Upload
                                                                                   Alamat yang akan Anda peroleh jika mendaftar di situs ini adalah :
file dilakukan dengan browser melalui utiliti file manager yang disediakan. Jika
ingin melakukan editing langsung, Anda juga bisa menggunakan EZ homebuilder        http://terserah_anda.rebondir.com
yang disediakan.
Pada saat buku ini ditulis, NetColony telah memiliki 175.000 member yang           Stas - http://www.stas.net/
tersebar di seluruh dunia. Selain nama belakang, Anda juga harus memilih jenis
kategori isi dari homepage Anda (misalnya 'internet' atau 'games') sehingga        Stas memberikan spasi gartis tak terbatas yang bisa Anda gunakan untuk
alamat homepage yang akan Anda terima adalah:                                      keperluan personal dengan tanpa iklan! Selain itu mereka juga menyediakan
http://www.netcolony.com/kategori/terserah_anda                                    guest book, web board, form mail dan search box. Juga site builder yang mudah
                                                                                   digunakan. Sementara upload file dilakukan dengan browser.
                                                                                   Jika Anda berencana untuk membuat sebuah situs web untuk mendukung industri
PortLand - http://www.portland.co.uk/                                              multimedia, Stas adalah pilihan tepat mengingat spasi 'unlimited' yang
                                                                                   disediakan, meskipun janji dan klaim mereka yang 'tanpa iklan' itu tampak terlalu
PortLand menyediakan spasi gratis sebesar 15 MB dengan tanpa iklan sama
                                                                                   muluk mengingat iklan adalah satu-satunya sumber dana yang masuk akal. Tapi
sekali, baik banner maupun pop-up. Selain itu mereka juga menyediakan fasilitas
                                                                                   … kita lihat saja nanti. Alamat yang akan Anda dapat jika mendaftar di situs ini
statistik dan alamat multi e-mail. Jika Anda telah memiliki nama domain, Anda
                                                                                   adalah :
dapat menggunakan PortLand sebagai web hosting gratis dan menggunakan
domain Anda sendiri.                                                               http://www.stas.net/terserah_anda/

                                                                           163                                                                                 164
Stormloader - http://www.stormloader.com/
                                                                                  Virtual Avenue - http://www.virtualave.net/
Stormloader menyediakan spasi gratis 20 MB untuk personal atau bisnis dengan
banner iklan disebelah atas layar (tanpa pop-up). Saat buku ini ditulis,          Virtual Avenue menyediakan spasi gratis sebesar 20 MB untuk keperluan
Stormloader telah memiliki sekitar 30.000 member. Fasilitas yang diberikan        personal maupun bisnis dengan banner iklan kecil dan pop-up. Metoda upload
selain spasi gratis adalah alamat e-mail. Upload file dapat dilakukan dengan      file yang bisa dilakukan adalah melalui FTP dengan batasan ukuran file maksimal
browser dan editing file dapat dilakukan dengan html editor berbasis web yang     1.2 MB. Virtual Avenue sangat populer dikalangan pebisnis kecil dengan jumlah
disediakan. Alamat yang akan Anda dapatkan adalah:                                member sekitar 500.000 user. Mereka menyukai Virtual Avenue karena
http://terserah_anda.stormloader.com                                              kecepatan dan down time server yang kecil. Selain itu setup e-commerce–nya
                                                                                  mudah dilakukan karena Virtual Avenue juga menyediakan fasilitas HyperMart
                                                                                  dan berbagai servis berorientasi bisnis lainnya.
TheBurgh - http://www.tbns.net/                                                   Virtual Avenue mendukung penggunaan Script CGI, Perl dan frontpage
                                                                                  extension. Setelah mendapatkan spasi dari Virtual Avenue, Anda bisa
TheBurgh menyediakan webspace gratis sebesar 30 MB. Selain cepat, TheBurgh        menggunakan nama domain yang telah Anda miliki atau menggunakan alamat sub
juga menyediakan e-mail gratis, forum diskusi dan chat. Upload file dilakukan     domain yang telah disediakan, yaitu :
melalui browser. Tbns adalah singkatan dari The Burgh Network Solution.
Setelah mendaftar, Anda akan mendapat alamat seperti ini:                         http://terserah_anda.virtualave.net
http://www.tbns.net/terserah_anda
                                                                                  WebHostMe - http://www.webhostme.com/
Tripod - http://www.tripod.com/                                                   WebHostMe menyediakan spasi gratis sebesar 20 MB untuk keperluan personal
                                                                                  maupun bisnis. Mereka mendukung penggunaan Script CGI, frontpage extension,
Setahun atau dua tahun yang lalu, Tripod hanya menyediakan spasi gratis sebesar
                                                                                  Active Server Page (ASP) dan bahkan database MS-Access.
11 MB, akan tetapi sekarang Tripod memberikan spasi yang cukup besar untuk
Anda, yakni 50 MB! Anda bisa menggunakannya baik untuk personal maupun            Account Anda akan aktif sekitar 10 menit setelah Anda mendaftar. Jika Anda
untuk bisnis. Sementara iklan yang ditampilkan pada layar web bisa dipilih        telah memiliki alamat domain, Anda dapat menggunakan WebHostMe sebagai
apakah berbentuk banner atau pop-up.                                              web server gratis dengan nama domain Anda sendiri. Jika belum punya, alamat
                                                                                  yang akan Anda peroleh dari situs ini adalah :
Akses file di Tripod bisa dilakukan dengan semua cara yang mungkin bisa
dilakukan, misalnya melalui browser (menggunakan file manager canggih yang        http://terserah_anda.webhostme.com
disediakan), melalui FTP atau bahkan melalui FrontPage. Fasilitas yang
disediakan juga cukup banyak, seperti counter, guest book, alamat e-mail,
horoscope, ramalan cuaca, gambar-gambar dlsb. Selain itu, Tripod juga             Xoom (NBCi) - http://www.xoom.com/
mendukung frontpage extension. Menurut penulis, disamping karena kecepatan
aksesnya, kemudahan atas hampir semua hal yang berhubungan dengan proses          Xoom, yang saat ini telah dicaplok oleh perusahaan besar NBCi, menyediakan
penciptaan situs web di Tripod menjadikannya awal yang baik untuk memulai         spasi gratis tidak terbatas untuk Anda. Sayangnya, Xoom menempatkan iklan bar
memiliki homepage sendiri. Alamat yang akan Anda peroleh setelah mendaftar        NBCi yang diletakkan disebelah atas layar web dan bekerja sebagai portal.
adalah :                                                                          Tentunya ini cukup mengganggu, disamping aksesnya menjadi sangat lambat.
                                                                                  Sebagai ganti segala kekurangan ini, disamping spasi web yang tidak terbatas
http://terserah_anda.tripod.com                                                   mereka juga memberikan alamat e-mail, fasilitas chat, search box dan lain
                                                                                  sebagainya. Upload file dapat dilakukan baik melalui browser maupun FTP.



                                                                          165                                                                               166
Umumnya, user lebih suka menggunakan Xoom sebagai server arsip untuk
menyimpan file-file program (.exe atau .zip) dan me-link-nya dari server web        NightSites - http://www.nightsites.com/
gratis yang lain karena akses file .zip atau .exe di Xoom tidak memunculkan
iklan! Meski demikian, hati-hatilah dengan peraturan yang mereka buat. Jika         NightSites menyediakan spasi gratis untuk homepage dewasa, pornografi, seks
Anda melanggarnya, mereka akan langsung mengapus account Anda tanpa                 dan semacamnya. Saat buku ini ditulis, NightSites telah memiliki 29.000 member
pemberitahuan apa-apa. Satu-satunya tanda bahwa keanggotaan Anda telah              on-line.
dicoret adalah jika tiba-tiba saja password FTP Anda dianggap salah (invalid)
                                                                                    Selain spasi gratis, NightSites juga menyediakan chatroom dan feedback form
atau browser yang Anda gunakan menampilkan kode "404 Error" saat mengakses
                                                                                    untuk komunikasi dengan pengunjung situs web Anda. Setelah mendaftar, Anda
homepage Anda. Lebih jauh lagi, Anda tidak akan dapat mendaftar ulang dengan
                                                                                    akan dikirimi e-mail pemberitahuan yang berisi nama dan kode password yang
nama atau alamat e-mail yang sama lagi. Berikut adalah alamat homepage yang
akan Anda terima jika mendaftar di situs ini :                                      bisa Anda gunakan untuk login ke NightSites dan mulai membangun adult site
                                                                                    baru Anda!
http://www.xoom.com/terserah_anda
                                                                                    Alamat yang akan Anda peroleh setelah mendaftar di situs ini adalah :
                                                                                    http://terserah_anda.nightsites.com
4.1.3 WEB SERVER GRATIS UNTUK YANG PUNYA
      'MINAT KHUSUS'
Yang dimaksud dengan 'Minat Khusus' dalam judul diatas adalah semua hal yang
dilarang untuk dimasukkan kedalam homepage gratis yang telah dibahas pada sub
bab 4.1 dan 4.2 diatas, yaitu segala materi yang berhubungan dengan seks,
pornografi, hacking, cracking dan semua pelanggaran umum lainnya. Untuk
'Minat Khusus' seperti ini, Anda bisa mencoba mendaftar pada beberapa
penyedia layanan webspace gratis dibawah ini.


Anzwers - http://www.anzwers.net/
Anzwers menyediakan spasi gratis dengan ukuran tak terbatas serta bandwidth
juga tak terbatas untuk keperluan personal atau materi-materi dewasa seperti seks
dan pornografi, tetapi tidak untuk materi-materi hacking atau cracking.
Khusus untuk keperluan pembuatan situs personal, Anda akan dilempar ke
http://www.anzwers.org.
Alamat homepage yang akan Anda perolah adalah :
http://www.anzwers.net/hot/terserah_anda
                                                                                     Gambar 4.9: www.nightsites.com, free webspace untuk komunitas dewasa dengan
                                                                                                            member lebih dari 30.000 user




                                                                            167                                                                              168
       Gambar 4.10: Sexplosion.com, free webspace khusus untuk dewasa                Gambar 4.11: InternetTrash.com, free webspace khusus untuk gila-gilaan!


Sexplosion - http://sexplosion.com/                                              Spasi yang disediakan untuk semua kegiatan gila diatas adalah 20 MB tanpa
                                                                                 iklan, plus e-mail gratis (web dan POP3), chat room gratis, personal discussion
Sexplosion (gambar 4.10) menyediakan 9 halaman web yang bisa diisi dengan        forum gratis dan lain sebagainya. Transfer file bisa dilakukan melalui FTP.
materi-materi pornografi, seks dan semacamnya. Jika dirasa kurang, Anda bisa     Pendaftaran cukup dilakukan dengan mengirim nama dan password yang Anda
mendaftar lagi untuk mendapatkan 9 halaman yang lain. Alamat yang akan           inginkan ke alamat e-mail posttrash@internettrash.com tanpa data-
diperoleh adalah :
                                                                                 data pribadi sama sekali!
http://sexplosion.com/terserah_anda
                                                                                 Alamat yang akan didapat setelah mendaftar di situs ini dapat berupa :
                                                                                 http://internettrash.com/users/nama_email_anda                           atau
Internet Trash - http://internettrash.com/                                       http://internettrash.com/users/nama_alias
Anda mungkin tidak mengira bahwa ada situs penyedia webspace gratis yang         Nama_alias bisa Anda ganti-ganti kapan saja sepanjang belum ada yang
menyediakan dukungan untuk hal-hal yang tidak masuk akal seperti materi-materi   menggunakannya. Selain nama domain internettrash.com, Anda juga dapat
yang berhubungan dengan penyerangan, penghinaan, materi tak berguna, tak         memilih domain lain seperti internetjunk.com, internetgarbage.com,
senonoh, tak berperasaan, sampah, kasar, primitif, tak sopan, asusila, cabul,    internettoilet.com, nettrash.com, netjunk.com, netgarbage.com atau
kotor, porno, jorok, gila, hal-hal bodoh, tak bermutu, menjengkelkan, buruk,     nettoilet.com. Hhmm….mmm…mmmm…... (baca sambil geleng-geleng kepala).
menjijikkan, ekstrim, politik, pemborosan, merusak dan segala hal yang sama
sekali tidak bermanfaat lainnya untuk mengobral bandwidth! Meskipun materi
homepage yang normal dan biasa-biasa saja juga dipersilahkan.



                                                                         169                                                                                   170
                                                                                     5.   Setelah semua kolom diisi, klik tombol "Daftar Sekarang". Maka Anda
                                                                                          akan mendapatkan tampilan seperti tampak pada gambar 4.12, kecuali jika
4.2 MENDAFTAR KE WEB SERVER GRATIS                                                        nama yang Anda inginkan sudah dipakai orang lain (mereka akan meminta
                                                                                          Anda untuk memasukkan nama yang lain).
Setelah membaca semua review mengenai penyedia layanan free webspace pada
sub bab diatas dan telah menentukan kemana kita akan menitipkan homepage kita,
marilah kita mencoba untuk mendaftar ke beberapa situs diantaranya. Pada sub
bab ini, kita akan mencoba mendaftar ke free webspace dari Indonesia dan dari
luar negeri.


4.2.1 Mendaftar Ke Rileks.Com
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                    Gambar 4.12: Tampilan setelah pendaftaran di Rileks.Com selesai
dengan asumsi Anda telah memiliki alamat e-mail di rileks.com :
1.   Arahkan browser Anda ke http://mypage.rileks.com.                               6.   SELESAI. Karena penulis mendaftar dengan 'username' OKBClub, maka
2.   Klik link bertuliskan "Sign Up !!! Easy And Free" yang berada disebelah              saat Anda membaca buku ini, alamat http://mypage.rileks.com/OKBClub
     kiri atas layar browser (lihat gambar 4.1).                                          telah bisa diakses dari internet!
3.   Anda akan masuk kelayar pemilihan area homepage. Area yang bisa Anda
     pilih diantaranya adalah 'Anime', 'Boutique', 'Café', 'Games', 'Hiburan',       Pada titik ini, alamat homepage Anda telah aktif. Tetapi isinya masih kosong.
     'Komputer', 'Movie', 'Musik', 'Organisasi', 'Pendidikan', 'Personal',           Untuk mengirim file-file html dari hardisk Anda ke server rileks.com, Anda bisa
     'Restoran', 'Romance', 'Selebritis', 'Seni-budaya' dan 'Warnet'. Gulung layar   menggunakan file manager yang disediakan oleh rileks.com. Caranya, arahkan
     browser Anda hingga keposisi paling bawah, lalu dibawah kolom "Select           browser Anda ke http://mypage.rileks.com/cgi-bin/manager.cgi/indonesia. Isi
     the that best fits your future web site" pilih area yang sesuai dengan isi      kolom Account Name, Password, pilih area, tampilan file dan klik tombol
     homepage Anda. Setelah itu klik tombol "Continue".                              "Login ke account anda" (gambar 4.13). Setelah itu Anda akan dapat mengedit
4.   Isilah kolom-kolom form pendaftaran dengan teliti dan benar. Satu hal yang      file, meng-upload file, mengaktifkan webboard, mengaktifkan guestbook,
     harus Anda perhatikan adalah kolom 'Username:'. Username ini akan               membuat dan menghapus direktori dan lain sebagainya. Sebagai catatan,
     dipakai sebagai bagian dari alamat homepage Anda. Boleh diisi apa saja          rileks.com menggunakan nama file default "index.html".
     asal sopan dan pantas. Sebagai contoh, jika diisi "hobbyku", maka alamat
     homepage          yang       akan        diperoleh      nantinya      adalah
     http://mypage.rileks.com/hobbyku.


                                                                             171                                                                               172
                                                                                        mengupdate homepage Anda. Jika Anda inginkan, Anda juga bisa mengisi
                                                                                        kolom "Hint Question" dengan pertanyaan sederhana plus jawabannya di
                                                                                        kolom "Hint Answer". Ini untuk jaga-jaga bila suatu saat Anda lupa akan
                                                                                        kode password Anda. Kolom isian lain yang perlu Anda persiapkan adalah
                                                                                        nama lengkap, tanggal lahir, alamat e-mail, negara serta 2 radio button untuk
                                                                                        memilih apakah Anda ingin dikirimi e-mail penawaran dari pemasang iklan
                                                                                        di jaringan Lycos dan apakah Anda ingin dikirimi e-mail berita atau servis
                                                                                        baru dari jaringan Lycos.




                Gambar 4.13: Tampilan layar Login ke Rileks.Com


4.2.2 Mendaftar Ke Tripod.Com
Tripod adalah salah satu situs penyedia free webspace besar yang sangat
digemari. Disamping fasilitasnya banyak (ada guest book, counter, chat room
dan web forum yang semuanya gratis), transfer file bisa dilakukan baik dari file
manager maupun dengan FTP, spasi yang besar (50 MB) dan … dapat di hack
untuk menghilangkan iklan banner atau pop-up-nya!
                                                                                                       Gambar 4.14: Tampilan situs Tripod.Com
Pada sub bab ini kita akan mencoba mendaftar ke tripod dengan nama serba-
gratis sehingga alamat yang akan kita peroleh nantinya adalah
                                                                                   3.   Setelah semuanya diisi dengan benar, klik tombol "Sign Me Up!" yang ada
http://serba-gratis.tripod.com.                                                         dibagian bawah layar.
Berikut adalah langkah-langkah yang harus kita lakukan :
                                                                                   4.   Setelah tombol "Sign Me Up!" Anda klik, dalam beberapa detik kemudian
1.   Buka browser dan masukkan alamat http://www.tripod.com. Klik                       akan muncul ucapan selamat datang dari Tripod serta pemberitahuan bahwa
     tombol "Sign Up" atau klik link dengan teks "Sign Up now for 50 MB of              sebelum account Anda bisa diaktifkan, Tripod harus mengesahkan paspor
     FREE space!".                                                                      Anda ke Lycos Network sebagai pemilik Tripod. Lalu ada radio check yang
                                                                                        berisi beberapa penawaran dari pihak Tripod, diantaranya apakah Anda
2.   Setelah itu akan muncul form isian yang harus Anda isi dengan hati-hati.
                                                                                        ingin berlangganan semacam mailing list dwi-mingguan yang berisi segala
     Isilah kolom "Member name" dengan nama depan sub domain yang Anda
                                                                                        hal yang berhubungan dengan teknik pembuatan homepage, tip & triknya, dan
     inginkan. Dalam contoh ini karena kita menginginkan nama domain serba-             juga penawaran tambahan spasi untuk menyimpan file-file Anda di
     gratis.tripod.com, maka kolom ini kita isi dengan "serba-gratis". Isi kolom        Driveway sebesar 25 MB. Dalam hal ini, Anda boleh memilih atau tidak
     "Password" dengan kode password yang ingin Anda gunakan nanti saat akan            memilih sama sekali. Setelah itu klik tombol "Complete Sign Up!".


                                                                           173                                                                                  174
                 Gambar 4.15: Form pendaftaran di Tripod.Com
                                                                                         Gambar 4.16: Tampilan setelah pendaftaran di Tripod.Com selesai

5.   SELAMAT! Dalam beberapa detik kemudian, Anda akan langsung masuk ke
     area create & update dan pada saat itu Anda telah memiliki situs web baru   Mengganti Mode Iklan di Tripod
     dengan spasi 50 MB yang isinya masih kosong! Pada titik ini, Anda dapat     Secara default, tipe iklan di situs web Tripod.com ditampilkan dalam bentuk
     meng-klik FileManager untuk meng-upload file-file yang sebelumnya sudah
                                                                                 banner pada setiap halaman web. Iklan banner ini diletakkan diposisi sebelah
     Anda buat atau langsung membuatnya pada saat itu juga menggunakan
                                                                                 atas layar seperti tampak pada gambar 4.17.
     FreeForm (Anda harus mengerti HTML) atau menggunakan SiteBuilder
     (Anda tidak harus mengerti HTML).                                           Hal ini tidak menjadi masalah jika Anda tidak menggunakan frame pada semua
                                                                                 halaman web Anda. Akan tetapi jika Anda menggunakan frame, maka setiap
                                                                                 frame pada halaman web Anda akan berisi iklan banner! Perilaku ini jelas tidak
6.   Jika Anda telah memiliki homepage offline yang berada didalam harddisk,     'bersahabat', 'menjengkelkan' dan merusak tampilan homepage kita. Untuk
     Anda bisa mulai meng-upload-nya dengan program client FTP ke alamat         mengatasi masalah ini, Anda dapat mengganti tipe iklan yang ada dari mode iklan
     server ftp.tripod.com. Catat bahwa pada detik itu juga Anda telah           banner menjadi iklan pop-up (gambar 4.18).
     mendapat kiriman surat dari Tripod (melalui e-mail) yang berisi ucapan
     selamat datang dan ucapan terima kasih atas bergabungnya Anda di
     komunitas raksasa Tripod dan Lycos Network, selain tentu saja berbagai
     macam petunjuk yang Anda perlukan dalam membangun situs baru Anda!




                                                                         175                                                                               176
                                                                                  dengan trik khusus yang disebut "Auto Reminder", seperti yang akan dijelaskan
                                                                                  pada bagian BONUS: TRIK & TRIK, halaman utama situs web Anda dapat
                                                                                  dibuat selalu tampil didepan program yang lain sehingga secara otomatis akan
                                                                                  selalu menutupi jendela iklan pop-upnya. Dan karena itu pengunjung situs Anda
                                                                                  tidak perlu lagi susah-susah mematikan jendela iklan yang muncul.
                                                                                  Berikut adalah cara setting iklan dari mode banner menjadi mode pop-up di
                                                                                  Tripod.com :

                                                                                  1.     Login-lah ke server Tripod seperti biasa.
                                                                                  2.     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


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




                   Gambar 4.18: Jenis iklan pop-up di Tripod


Dengan tampilnya iklan yang terpisah seperti ini, pengunjung situs Anda dapat                 Gambar 4.20: Anda bisa memilih iklan banner atau iklan pop-up
dengan mudah mematikan jendela pop-up iklannya jika ia tidak suka. Bahkan

                                                                            177                                                                                 178
                                                                                       FrontPage-enabled.", yang berarti bahwa situs web Anda sekarang telah
3.   Klik link dengan label "Change ads type" yang berada dibawah sub                  mendukung frontpage extension.
     menu "ADVERTISING". Dibawah teks ini terdapat tulisan "Your site             5.   Keluarlah dari server dengan meng-klik link berlabel "Log Out" dan coba
     serves auto-embedded ads." yang menandakan bahwa pada saat ini                    buka halaman web Anda yang mengandung komponen 'WebBot', seperti
     situs Anda menggunakan mode iklan banner. Setelah link Anda klik, akan            counter, guestbook atau yang lainnya.
     muncul konfirmasi mengenai pemilihan mode iklan.
4.   Pilih radio button yang bawah (di sebelah teks "Pop-Up ads: …..") dan
     lanjutkan dengan menekan tombol "Update". Beberapa saat kemudian Anda
     akan melihat teks dibawah sub menu "ADVERTISING" sekarang telah
     menjadi "Your site serves pop-up ads.", yang berarti bahwa mode iklan
     di situs web Anda telah beralih menjadi mode pop-up!
5.   Keluarlah dari server dengan menekan link berlabel "Log Out" dan cobalah
     kunjungi situs Anda sendiri untuk melihat hasilnya.


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        Gambar 4.21: Selamat! Situs Anda kini telah mendukung Ms. FrontPage!
book ini tidak akan bekerja jika file html-nya di upload ke server-server yang
tidak mendukung frontpage extension.
Berikut adalah cara setting agar situs web Anda di Tripod.com dapat mendukung     4.3 MENGAKTIFKAN HOMEPAGE DI
frontpage extension:                                                                  GEOCITIES
1.   Login-lah ke server Tripod seperti biasa.                                    Anda memiliki account e-mail di yahoo? Jika ya, maka sesungguhnya Anda telah
                                                                                  memiliki sebuah homepage kosong di Geocities! Anda tinggal mengaktifkannya
2.   Setelah berada didalam, klik sub menu "My Account". Sebentar kemudian        saja dengan beberapa kali klik.
     akan ditampilkan beberapa seting internal situs homepage Anda.
                                                                                  Berikut adalah langkah-langkah yang diperlukan untuk mengaktifkan homepage
3.   Klik link dengan label "Enable my site" yang berada dibawah sub menu         Anda di Geocities yang selama ini tidur nyenyak :
     "PREFERENCES". Dibawah teks ini terdapat tulisan "Your site is not
     FrontPage-enabled." yang menandakan bahwa pada saat ini situs Anda           1.   Arahkan browser Anda ke http://geocities.yahoo.com/home/ (atau ke
     tidak mendukung FrontPage Extension. Setelah link "Enable my site"                http://www.geocities.com). Isilah kolom Yahoo! ID dan kolom Password
     Anda klik, maka sebentar kemudian akan muncul ucapan selamat bahwa                dengan nama alamat e-mail dan password e-mail Anda, sama seperti jika
     server Anda saat ini telah mendukung FrontPage Server Extension!                  Anda ingin membuka e-mail di YahooMail. (dalam contoh ini, penulis
                                                                                       menggunakan nama serba_gratis karena penulis memiliki acoount e-mail
4.   Kembalilah ke layar "My Account" dan Anda akan melihat teks dibawah sub
                                                                                       dengan nama serba_gratis@yahoo.com.
     menu "PREFERENCES" sekarang telah menjadi "Your site is

                                                                          179                                                                                 180
2.   Setelah menekan tombol "Sign In", dilayar akan ditampilkan syarat dan           3.   Langkah berikutnya, Anda harus memilih salah satu dari 30 ketegori yang
     ketentuan yang harus Anda perhatikan dalam mengelola situs Anda di                   kira-kira cocok dengan isi homepage Anda, misalnya 'Autos', 'Business &
     geocities, misalnya ketentuan untuk tidak boleh mengisi homepage Anda                Finance', 'Celebrities', 'Computers & Internet', 'Family', 'Fashion & Beauty',
     dengan ini itu dan lain-lain. Klik tombol "I Accept".                                'Friends', 'Games', 'Hobbies & Crafts', 'Home', 'Movies', 'Music', 'Pets',
                                                                                          'Romance', 'Science', 'Sports', 'Teen', 'Travel', 'Women' dll. Setelah itu klik
                                                                                          tombol "Submit".
                                                                                     4.   SimSalaBim ..…. dalam hitungan detik Anda telah memiliki situs web baru
                                                                                          dengan alamat http://www.geocities.com/nama_email_anda dengan
                                                                                          quota web sebesar 15 MB yang masih kosong. Anda tinggal mengisinya saja!
                                                                                          Selain itu, dalam waktu kurang dari semenit Anda akan mendapat kiriman e-
                                                                                          mail yang berisi cara-cara mengisi homepage Anda dan penjelasan-
                                                                                          penjelasan penting lainnya.
                                                                                     5.   Sekarang Anda dapat mulai membuat halaman web yang pertama
                                                                                          menggunakan utiliti yang disediakan oleh Yahoo.Geocities seperti "Yahoo!
                                                                                          PageWizard", "Yahoo! PageBuilder", "Advanced HTML Editor" (minimal
                                                                                          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
Gambar 4.22: Jika memiliki account di YahooMail, Anda juga memiliki homepage              server Geocities bisa dilihat pada langkah 5 (bab 5).
                                di Geocities!




                                                                                     Gambar 4.24: Setelah homepage aktif, Anda bisa melakukan upload file melalui file
                                                                                                              manager atau program FTP
     Gambar 4.23: Tampilan setelah homepage di Geocities berhasil diaktifkan


                                                                               181                                                                                 182
                                                                                  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
4.4 MENDAPATKAN NAMA DOMAIN SENDIRI                                               harga mulai Rp. 300.000,- sampai Rp. 500.000.000,-. Alamat yang perlu Anda
                                                                                  kunjungi untuk itu adalah http://www.bursadomain.com.
Maaf, bab ini mungkin adalah satu-satunya pembahasan mengenai hal yang tidak
gratis, tetapi ini mungkin diperlukan sebagai pengetahuan jika Anda mulai ingin
bertindak profesional, yaitu memiliki nama domain sendiri.
                                                                                  4.4.2 Anda Harus Punya Tempat Parkir
Nama domain sebenarnya adalah nama alias bagi alamat sebuah server. Untuk
dapat diakses dari seluruh dunia, setiap server memiliki alamat IP (Internet      InterNIC atau Network Solutions tidak akan menerima pendaftaran nama domain
Protocol) sendiri dengan kode angka, misalnya 202.46.246.6. Server dengan         jika tidak ada satu DNS (Domain Name System) serverpun yang dapat dirujuk
alamat seperti itu dapat dihubungi dengan mengetik http://202.46.246.6 didalam    oleh nama domain Anda, atau jika nama domain provider webspace yang Anda
browser. Akan tetapi ini tidak representatif dan tidak mudah diingat orang.       gunakan tidak terkoneksi ke jaringan internet. Karena itu, sebelum mendaftar
Karena itu dipakailah nama alias atau nama domain untuk mempermudah orang         untuk mendapatkan nama domain, Anda harus sudah memiliki akses server
mengingatnya. Sebagai contoh, jika Anda memiliki perusahaan dengan nama PT.       dimana ia bisa dihubungi saat nama domain yang Anda daftarkan diakses
SURYA, maka Anda dapat mendaftarkan nama domain surya.com sehingga                orang/pengunjung.
homepage Anda bisa diakses dengan mengetik http://www.surya.com.                  Untuk keperluan ini, Anda tidak harus memiliki server sendiri, melainkan bisa
                                                                                  menyewa ke web hosting dengan membayar iuran bulanan atau tahunan. Tetapi
                                                                                  sebelum benar-benar memiliki materi isi homepagenya sendiri, Anda bisa
4.4.1 Tentang InterNIC                                                            menggunakan tempat parkir domain (yang hanya terdiri dari satu halaman web)
                                                                                  untuk memberitahuan pada pengunjung bahwa situs Anda sedang dibangun atau
Penamaan nama domain diurusi oleh sebuah badan khusus yang bernama
                                                                                  sedang direnovasi. Halaman inilah yang akan ditampilkan saat ada orang
InterNIC (International Network Information Service). Mereka mendaftar alamat
                                                                                  mengetikkan alamat domain Anda di browser mereka.
IP dan nama domain semua server di seluruh dunia. Sejumlah negara
menyediakan layanan pendaftaran sendiri; Anda dapat menghubungi InterNIC          Tempat parkir semacam ini bisa disewa atau didapatkan gratis dari intenet.
untuk menanyakan siapa yang harus Anda hubungi. Anda perlu mengisi formulir       Berikut adalah beberapa alamat dimana Anda bisa mendapatkan tempat parkir
pendaftaran untuk mengajukan permintaan nomor IP dan nama domain, kemudian        gratis sebelum Anda selesai membangun situs web Anda :
mengirimkannya ke InterNIC. Berikut adalah alamat dimana sumber daya dan
informasi tentang InterNIC bisa diperoleh.
                                                                                   Nama Penyelenggara
                                                                                                                 Alamat Homepage/Alamat Mendaftar
                                                                                   Domain Parking Gratis!
   Nomor telepon bebas pulsa InterNIC: 1-800-444-4345
   Nomor telepon langsung InterNIC: 619-455-4600                                   NetAvenue                  http://www.9netave.com/cgi-
                                                                                                              bin/parkdomain.cgi?formdesign=webhost_park
   E-mail: info@internic.net
   Web: http://www.internic.net
                                                                                   Prohosting ParkPage        http://www.parkpage.com/

   Archive Internet: Client Ghoper: gopher.internic.net atau ketik                 Hostway Domain             http://hostway.com/freedomain/index.htm
   telnet gopher.internic.net dan login sebagai gopher                             Parking
                                                                                   Domain Avenue              http://www.domainavenue.com/
Sebelum menghubungi InterNIC, catat bahwa pendaftaran secara internasional
bisa juga dilakukan baik melalui http://www.register.com maupun
melalui http://www.networksolutions.com. Sedangkan untuk kita
yang berada di Indonesia, tidak perlu repot-repot, kita bisa melakukan
pendaftaran melalui http://www.namadomain.com dengan biaya sekitar

                                                                          183                                                                              184
4.4.3 Cara Memperoleh Nama Domain Gratis                                        http://bebas.terserah_anda.com atau
Oke. Terus terang saja ini adalah sub bab tambahan yang penulis tambahkan
                                                                                http://bebas.terserah_anda.net atau
setelah buku ini selesai ditulis!                                               http://bebas.terserah_anda.org
Anda ngotot ingin punya alamat domain sendiri secara gratis? Meskipun penulis
sudah mengatakan bahwa sub bab ini adalah satu-satunya sub pokok bahasan        Hebatnya lagi, semuanya itu GRATIS! Sekali lagi, GRATIIISSSS !!! Anda harus
yang tidak gratis?                                                              mencobanya sekarang, sebelum alamat yang Anda inginkan dimiliki oleh orang
                                                                                lain!
Well, Anda beruntung, …… karena penulis baru saja menemukan jawabannya.
Bukalah langkah BONUS: Tip & Trik pada sub bab 8.7. Dijamin Anda akan
bisa memperoleh salah satu alamat domain dibawah ini, dengan catatan alamat     4.4.3 Jualan Nama Domain? Mengapa Tidak?
yang Anda inginkan belum ada yang memakai sebelumya :
                                                                                Beberapa bulan yang lalu, sebelum situs namedemo.com dan trik untuk
                                                                                memiliki nama domain gratis bisa dilakukan, Anda harus membayar uang
http://www.terserah_anda.com                        dan                         registrasi sekitar Rp. 150 ribu untuk mendapatkan nama domain sendiri.
http://terserah_anda.com                                                        Sekarang, setelah untuk mendapatkan nama domain sendiri bisa dilakukan dengan
                                                                                gratis, muncul peluang bisnis baru bagi kita. Ya, kita bisa jualan nama Domain!
                                                                                Sssssstttt......, sebetulnya ini ide rahasia. Akan tetapi akan saya beberkan untuk
atau                                                                            Anda.
                                                                                Mulai sekarang, pasang mata dan telinga Anda baik-baik untuk mencari tahu akan
http://www.terserah_anda.net                        dan
                                                                                adanya perusahaan-perusahaan yang baru berdiri, koran atau tabloid yang baru
http://terserah_anda.net                                                        terbit, toko-toko baru, usaha-usaha baru atau apa saja yang baru. Catat nama
                                                                                perusahaannya, nama tokonya, nama tabloidnya, nama usahanya dan lain
atau                                                                            sebagainya. Kalau mereka belum memiliki homepage dengan alamat domain
                                                                                sendiri, segera buat situs web baru dengan nama perusahaan mereka. Setelah itu,
                                                                                tawarkan nama domain tersebut pada mereka! Jika Anda beruntung, Anda bisa
http://www.terserah_anda.org                        dan                         memperoleh jutaan bahkan mungkin puluhan juta rupiah dengan modal dengkul !
http://terserah_anda.org
                                                                                Sebagai contoh, Anda mengetahui adanya sebuah tabloid baru yang baru saja
                                                                                terbit, katakanlah namanya tabloid "POLITIK". Maka Anda bisa membuat situs
Plus web based e-mail dengan alamat seperti ini :                               baru dengan alamat domain http://www.politik.com atau
                                                                                http://www.politik-online.com. Isilah halaman utama situs web
                                                                                tersebut dengan pemberitahuan bahwa situs tersebut akan dijual dan cantumkan
bebas@terserah_anda.com                             atau                        juga alamat e-mail, nomor telepon atau apa saja sebagai sarana untuk
bebas@terserah_anda.net                             atau                        menghubungi Anda jika ada yang berminat.
bebas@terserah_anda.org
                                                                                Sekarang, Anda bisa mulai menghubungi redaksi atau siapa saja yang
                                                                                bertanggung jawab pada tabloid baru tersebut dan tawarkan nama domain ini
Selain itu, Anda juga bisa membuat banyak alamat sub domain sendiri dengan      dengan harga tertentu. Tidak masalah jika mereka tidak mau membelinya, toh
alamat seperti ini :                                                            untuk mendapatkan nama domain tersebut Anda tidak dipungut biaya sepeserpun!


                                                                        185                                                                                  186
Catat bahwa masa berlakunya nama domain adalah setahun. Jika Anda kebetulan                                       BAB 5
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!                                               LANGKAH KE-5:
                                                                                    MEMASANG HOMEPAGE
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
                                                                                      KE WEB SERVER
ada dalam disket yang menyertai buku ini (dalam folder semuagratis.cjb.net).
                                                                                       (UPLOAD FILE)



                                                                                 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

                                                                         187                                                                               188
(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 meng-
upload-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.


5.1 UPLOAD FILE DENGAN FILE MANAGER
Sebelum melakukan upload file dengan file manager, perhatikan bahwa yang
dimaksud dengan 'File Manager' disini bukanlah file manager seperti yang ada
pada Windows 3.1 (atau jika dalam Windows 9x/ME/NT/2000 disebut
'Windows Explorer'), melainkan file manager yang disediakan oleh masing-                          Gambar 5.1: Tampilan saat akan login ke Tripod
masing situs penyelenggara free webspace. Tetapi perlu diperhatikan pula bahwa
tidak semua penyelenggara free webspace menyediakan file manager sehingga         3.   Setelah itu akan muncul lagi kolom isian untuk Login ke File Manager.
untuk upload file ke situs-situs seperti ini, kita HARUS menggunakan program           Ketik nama members dan password Anda sekali lagi, maka Anda akan
FTP, misalnya ke portland.co.uk atau ke bootbox.net.                                   langsung masuk kedalam file manager. Untuk membuat folder baru, klik
                                                                                       tombol "New Directory", kemudian ketik nama folder-nya pada kolom yang
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           disediakan dan akhiri dengan menekan tombol "Create".
layout file manager sendiri-sendiri sehingga berbeda satu dari yang lainnya.
Demikian pula dengan situs-situs yang lain.


5.1.1 Upload file ke TRIPOD
Upload file ke Tripod.com dapat dilakukan dengan hampir semua cara yang bisa
dilakukan untuk transfer file ke server, misalnya melalui file manager, melalui
browser, melalui client FTP maupun melalui Front Page. Berikut adalah contoh
upload menggunakan file manager:

1.   Arahkan browser Anda ke http://www.tripod.com dan klik link
     'File Manager' dibawah sub judul "New tools and services".
2.   Setelah muncul pop-up pertanyaan, isilah kolom User Name dan Password                         Gambar 5.2: Tampilan File manager di Tripod
     dengan nama dan password Anda. Setelah itu klik tombol "Ok".
                                                                                  4.   Untuk upload file, klik label "Upload-Via" yang berada disebelah kanan
                                                                                       tombol "New Directory" dan pilih "single files (8)". Setelah itu akan
                                                                                       muncul tampilan kolom-kolom dimana Anda bisa memasukkan nama-nama


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




                                                                                        Gambar 5.4: Laporan nama-nama file yang berhasil di upload ke Tripod


                                                                                   8. Untuk melakukan uji coba, bukalah jendela browser yang lain dengan meng-
                                                                                       klik berturut-turut menu   File    New      Windows dari dalam browser
                                                                                       (MSIE 5.0). Setelah itu masukkan alamat homepage Anda kedalam browser,
                                                                                       misalnya http://serba-gratis.tripod.com. Jika semuanya beres, selesailah
                                                                                       tugas Anda! Kembalilah ke jendela browser yang menampilkan file manager
                                                                                       dan klik "Log Out" yang berada dibagian sebelah kanan atas layar.
      Gambar 5.3: Upload dengan file manager maksimal 8 file sekali upload


5.   Klik check box "Make lowercase*" jika Anda ingin mengganti nama file
     html Anda menjadi huruf kecil semua secara otomatis setelah file
     bersangkutan berhasil di upload ke server Tripod, dan klik check box
     "Allow overwrite**" jika file yang akan di upload sebelumnya telah ada
     didalam server (untuk melakukan update file).
6.   Setelah semua file yang ingin di upload masuk kedalam kolom File #1
     sampai #8, klik tombol "Upload" untuk memulai upload file. Tergantung
     dari ukuran file yang di upload, proses uploading ini bisa memakan waktu
     beberapa detik hingga beberapa menit. Tunggulah beberapa saat hingga
     muncul laporan mengenai nama-nama file yang berhasil di upload ke server.
7.   Jika koneksi ke server lancar, beberapa saat kemudian akan ditampilkan
     nama-nama file yang berhasil di upload (gambar 5.4). Jika Anda ingin
     melakukan upload lagi untuk file-file yang lain, klik tombol "Back to
     Upload". Jika sudah selesai, klik tombol "close" untuk kembali ke File
     Manager.                                                                                   Gambar 5.5: Tampilan homepage yang selesai upload


                                                                             191                                                                               192
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
Proses upload file ke Geocities hampir sama dengan proses upload file ke          label "Open File Manager". Beberapa saat kemudian akan ditampilkan
Tripod. Berikut adalah urut-urutan yang bisa Anda lakukan :                       tombol-tombol menu untuk membuat file baru, menyalin (copy) file,
                                                                                  mengganti nama file, mengedit file, menghapus file dll.
1.   Arahkan browser Anda ke Geocities (http://www.geocities.com) dan
     masukkan nama user (atau Yahoo ID Anda) serta kode password-nya         3.   Untuk membuat folder baru, klik tombol [New] yang berada dibawah label
     dengan benar. Jika nama dan password yang Anda masukkan benar, akan          "Subdirectories", masukkan nama folder yang diinginkan dan klik OK.
     muncul tampilan seperti gambar 5.6. Jika salah, ulangi lagi.            4.   Untuk melakukan upload file, gulunglah layar kebawah sampai terlihat
                                                                                  kolom-kolom isian untuk mengisi nama file yang akan di upload. Gunakan
                                                                                  tombol "Browse" untuk mengalokasikan file-file di harddisk yang akan di
                                                                                  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.




            Gambar 5.6: Tampilan setelah berhasil Login ke Geocities




                                                                                      Gambar 5.8: Upload file ke Geocities menggunakan File Manager

                                                                             5.   Setelah semua file selesai dialokasikan, klik tombol "Upload Files". Jika
                                                                                  koneksi lancar dan upload berjalan mulus, sebentar kemudian akan muncul
                                                                                  laporan mengenai file-file yang berhasil di upload seperti tampak pada
                 Gambar 5.7 : Tampilan File Manager Geocities                     gambar 5.9.


                                                                       193                                                                             194
                                                                                     5.2 UPLOAD FILE MENGGUNAKAN BROWSER
                                                                                     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.
                                                                                     Alamat FTP suatu server tidak selalu sama dengan nama alamat domain
                                                                                     homepage-nya. Sebagai contoh, jika Anda mendaftarkan diri ke
                                                                                     http://www.portland.co.uk dengan username "catur", maka Anda
                                                                                     akan mendapatkan alamat homepage http://catur.port5.com.
      Gambar 5.9: Laporan tentang file yang berhasil di upload ke Geocities.         Sementara itu alamat FTP untuk melakukan upload file ke situs ini bukannya
                                                                                     ftp://ftp.port5.com, melainkan harus menggunakan alamat FTP
6.   Secara default, Anda hanya dapat meng-upload 5 buah file sekali upload.         ftp://ftp.portland.co.uk. Alamat FTP akan diberitahukan kepada
     Akan tetapi ini dapat diperbanyak hingga maksimal 20 file dengan mengklik       Anda secara langsung saat Anda mendaftar atau bisa juga melalui e-mail.
     angka 5 disebelah label "Number of Files to Upload:" dan menggantinya           Pada sub bab ini kita akan mencoba melakukan upload file ke TRIPOD
     dengan 20 dan lanjutkan dengan mengklik tombol "Display".                       menggunakan browser Ms. Internet Explorer versi 5.0. Berikut adalah langkah-
7.   Untuk melakukan uji coba hasil upload, bukalah jendela browser lain             langkahnya:
     dengan meng-klik berturut-turut menu     File    New    Windows dari
     dalam browser (MSIE 5.0). Setelah itu masukkan alamat homepage Anda             1.   Bukalah browser dan masukkan alamat ftp://ftp.tripod.com
     kedalam          browser          baru        tersebut,      misalnya                kedalamnya. Anda akan mendapatkan pesan kesalahan karena secara umum
     http://www.geocities.tripod.com/serba_gratis. Jika semuanya tampak                   Anda tidak memiliki otoritas untuk masuk ke server ftp di Tripod.
     beres, selesailah tugas Anda! Jika tidak, Anda dapat melakukan editing
     langsung dengan mengklik check box yang ada didepan nama file
     bersangkutan dan kemudian klik tombol "Edit". Lakukan penyuntingan
     seperlunya dan klik tombol "Save" atau "Preview" sebelum memutuskan
     untuk menyimpannya.


 CATATAN :
 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".
                                                                                            Gambar 5.10: Tampilan Login FTP ke Tripod.Com melalui Browser


                                                                               195                                                                          196
2.   Klik menu File, lalu pilih Login As… dan setelah itu akan muncul kolom           4.   Kecilkan jendela browser dan jalankan Windows Explorer (klik tombol
     isian untuk mengisi nama members dan kode password. Masukkan nama dan                 Start     Programs Windows Explorer). Cari lokasi dimana file-file
     password Anda di Tripod dan klik "OK".                                                html dan gambar yang ingin Anda upload ke server berada. Setelah itu pilih
                                                                                           semua file dan folder yang ingin di upload dengan meng-klik tab menu Edit
                                                                                              Select All pada Windows Explorer. Sekarang, klik salah satu file dan
                                                                                           sementara ini tidak dilepas, geser file-file tersebut kedalam jendela browser
                                                                                           dan lepaskan tombol mouse untuk melakukan aksi "drag & drop" (lihat
                                                                                           gambar 5.12).
                                                                                      5.   Beberapa saat kemudian semua file yang dipilih akan ditransfer ke server
                                                                                           satu persatu. Tunggulah hingga selesai. Proses ini bisa memakan waktu dari
                                                                                           satu menit hingga beberapa puluh menit tergantung dari seberapa banyak dan
                                                                                           seberapa besar ukuran file yang Anda upload.




     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.




                                                                                              Gambar 5.13: Proses transfer file dari hardisk ke server Tripod.Com


                                                                                      6.   Dalam keadaan on-line di server, Anda dapat memperlakukan isi jendela
                                                                                           browser Anda bagaikan sebuah folder lokal yang berada didalam harddisk
                                                                                           Anda. Ini berarti bahwa Anda dapat mengganti nama file, menghapus file
                                                                                           dan lain sebagainya dengan cara seperti yang biasa Anda lakukan dari
                                                                                           jendela Windows Explorer!
                                                                                      7.   Setelah semuanya selesai di upload, lakukan uji coba dengan mengetik
                                                                                           alamat homepage Anda pada kolom addres browser.
                                                                                      8. SELESAI.
       Gambar 5.12: Upload file dengan cara 'drag & drop' kedalam browser


                                                                                197                                                                                 198
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.
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:


 NAMA PROGRAM          ALAMAT HOMEPAGE /
                           DOWNLOAD
 Leap FTP          http://www.leapware.com
 BulletProof FTP   http://www.bpftp.com
 Cute FTP          http://www.cuteftp.com
 WS_FTP            http://www.ipswitch.com
 Transoft      FTP http://www.transoft.com
 Control
 FTP Voyager       http://www.ftpvoyager.com                                                 Gambar 5.14: Setup koneksi upload FTP ke server Portland


Pada sub bab ini kita akan mencoba melakukan upload file ke server               3.   Klik Check box 'Save Pwd' agar kita tidak perlu mengisi password lagi
ftp.portland.co.uk untuk mengisi situs web UANG GRATIS di alamat                      setiap kali ingin melakukan upload file. Biarkan kolom sisanya dalam
http://uang.port5.com menggunakan WS_FTP Pro, yakni sebuah                            keadaan kosong, lalu klik tombol 'Apply' untuk menambahkan account baru
program client FTP yang paling mudah digunakan.                                       kita kedalam program dan lanjutkan dengan menekan tombol 'OK' untuk
                                                                                      mulai mengadakan koneksi ke server portland.
Saat pertama kali dijalankan (setelah instalasi), WS_FTP Pro secara default
telah memiliki alamat-alamat ftp seperti ftp.microsoft.com, ftp.mcafee.com,      4.   Beberapa saat kemudian akan ditampilkan jendela utama program WS_FTP.
ftp.idsoftware.com dan masih banyak lagi. Akan tetapi alamat server portland          Jendela sebelah kiri dibawah label "Local System" adalah file-file dan
belum ada, karena itu kita harus membuat yang baru untuk dapat melakukan akses        folder yang ada di komputer lokal (harddisk) Anda. Sedangkan jendela
ke server portland. Berikut adalah langkah demi langkah dari mulai membuat            sebelah kanan dibawah label "Remote System" adalah file dan folder yang
account baru sampai upload file ke server ftp.portland.co.uk.                         ada di server remote (ftp.portland.co.uk).
                                                                                 5.   Untuk mengganti direktori yang ada ke direktori lain, misalnya ke direktori
1.   Jalankan program WS_FTP Pro. Klik tombol 'New' pada jendela "Session             dimana file-file html Anda berada, klik tombol "ChgDir" yang sebelah kiri
     Properties", maka semua kolom akan menjadi kosong.                               dan ketik nama direktorinya, misalnya "d:\serba-gratis.tripod.com" dan klik
                                                                                      "OK". Untuk membuat folder baru di server remote (ftp.portland.co.uk),
2.   Isi kolom 'Profile Name:' dengan nama domain homepage Anda, misalnya             klik tombol "MkDir" yang sebelah kanan. Sedangkan untuk membuat folder
     kusayang.com atau yang lain. Isi kolom 'Host Name/Address:' dengan               baru di harddisk lokal, klik tombol "MkDir" yang sebelah kiri.
     'ftp.portland.co.uk'. Biarkan kolom 'Host Type:' berisi
     'Automatic Detect'. Isi kolom 'User ID:' dengan kode user ID yang Anda



                                                                         199                                                                                200
                                                                                     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) ?


                                                                                     5.4 UPLOAD FILE DENGAN FRONTPAGE 2000
                                                                                     Upload dengan FrontPage mungkin adalah satu-satunya cara upload file yang
                                                                                     tidak gratis. Sebab program FrontPage-nya sendiri tidak gratis, meski Anda
                                                                                     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
 Gambar 5.15: Tampilan isi server FTP Portland jika dilihat melalui WS_FTP Pro       mudah. Pada sub bab ini kita akan mencoba melakukan upload file menggunakan
                                                                                     FrontPage 2000.
6.   Untuk mulai melakukan upload, pilihlah file di harddisk yang ingin di
     upload dan kemudian klik tombol "-->" (berada ditengah layar). Anda juga
     dapat meng-upload beberapa file sekaligus atau bahkan meng-upload folder
     yang ada isinya dengan menyorot beberapa file atau folder sekaligus. Saat
     WS_FTP melakukan upload, ia akan secara otomatis membuat folder baru
     seperti aslinya apabila didalam server remote belum ada.
7.   Jika file yang Anda upload cukup banyak, maka waktu yang diperlukan untuk
     upload juga agak lama. Karena itu Anda bisa menunggunya sampil surfing
     di internet. Jika komputer Anda dilengkapi dengan sound card dan speaker,
     hidupkan speaker Anda. Anda akan mendengar semacam suara gemerincing
     bila transfer file ke server telah selesai dengan sukses!




     Gambar 5.16: Transfer File dengan FTP adalah transfer yang paling cepat               Gambar 5.17: Tampilan server web lokal dilihat dengan FrontPage 2000



                                                                               201                                                                                202
5.4.1 Upload file dari server FrontPage
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 :

1.   Jalankan FrontPage 2000 dan buka web yang ingin Anda upload.
2.   Klik sub menu "File" dan pilih "Publish Web …" .
3.   Setelah muncul jendela "Publish Web", ketik alamat server tujuan kedalam
     kolom yang berada dibawah label "Specify the location to publish                 Gambar 5.19: Tampilan Login FTP ke Tripod menggunakan FrontPage 2000
     your web to:", misalnya ftp.tripod.com.
4.   Klik tombol "Options" untuk memunculkan opsi tambahan, lalu klik check      6.    Sesaat kemudian, semua file akan mulai di transfer ke server satu persatu
                                                                                       dengan lama transfer bervariasi, tergantung dari berapa banyak file, berapa
     box berlabel "Include Subwebs" jika Anda juga ingin meng-upload sub-
                                                                                       besar masing-masing file yang ditransfer dan seberapa besar kecepatan
     sub folder sekaligus. Kemudian klik tombol "Publish".                             koneksi Anda ke Internet.




     Gambar 5.18: Setup koneksi ke server FTP Tripod melalui FrontPage 2000
                                                                                       Gambar 5.20: Proses transfer file ke server menggunakan FrontPage 2000

5.   Setelah tombol "Publish" ditekan, beberapa saat kemudian FrontPage akan
                                                                                 7.    Setelah semua file selesai ditransfer, FrontPage akan memunculkan sebuah
     mencoba melakukan koneksi ke server ftp. Karena server yang dihubungi
                                                                                       pop-up pemberitahuan bahwa publikasi telah dilakukan dengan sukses. Jika
     bukan server publik, maka FrontPage akan memunculkan jendela konfirmasi
                                                                                       Anda ingin melihat hasil upload-nya, tidak usah repot-repot, Anda tinggal
     username dan password yang diperlukan untuk masuk ke server tersebut.
     Masukkan username dan kode password Anda di server bersangkutan.                  mengklik link berwarna biru didalam jendela pop-up dengan label "Click
     Setelah itu klik "OK".                                                            here to view your published web site". Maka FrontPage secara
                                                                                       otomatis akan menjalankan Ms. Internet Explorer dan secara langsung akan
                                                                                       membuka homepage Anda. Jika semuanya tampak beres, kembalilah
                                                                                       kejendela FrontPage dan klik tombol "Done". Jika tidak, coba lihat lagi,


                                                                          203                                                                                   204
       apakah Anda telah meng-upload salah satu file default homepage Anda?
       (default.htm, index.htm atau index.html).




     Gambar 5.21: Pemberitahuan bahwa transfer file telah dilakukan dengan sukses


5.4.2 Upload File Dari Folder Hard Disk
                                                                                      Gambar 5.22: Pembuatan web baru di harddisk dengan FrontPage 2000
Berikut adalah cara upload file menggunakan FrontPage khusus untuk Anda yang
sebelumnya tidak menggunakan FrontPage saat mendesain homepage. Jadi, jika
Anda baru pertama kali ini menggunakan FrontPage 2000 dan itupun hanya untuk
melakukan upload file, maka berikut adalah langkah-langkah yang diperlukan
untuk melakukan upload dengan FrontPage 2000 dari awal.
1.     Jalankan FrontPage 2000. Lalu klik sub menu File      New      Web.
2.     Pada tampilan layar "New - Web Sites", pilih "Import Web Wizard"
       karena kita akan mengimpor file-file html dan gambar yang telah selesai kita
       buat kedalam web server FrontPage.                                                  Gambar 5.23: Proses pembuatan web baru di harddisk lokal

3.     Pada kolom dibawah label "Specify the location of the new web" isilah
       dengan alamat sub domain apa saja, misalnya jika komputer Anda
       menggunakan nama identifikasi 'default', maka Anda dapat mengisinya
       dengan alamat "http://default/serba-gratis". Setelah itu klik
       tombol "OK".
4.     FrontPage akan segera membuat situs lokal baru (berada di harddisk)
       dengan alamat "http://default/serba-gratis". Setelah selesai,
       Anda akan ditanya mengenai darimana file-file akan diimpor. Pilih radio
       button dengan label "From a source directory of files on a local
       computer or network".




                                                                                                                Gambar 5.24


                                                                              205                                                                         206
5.   Pada kolom "Location:", isilah dengan lokasi dimana file-file html Anda                                         BAB 6
     disimpan. Untuk mempermudah melokasikan file-file Anda, gunakan tombol

6.
     "Browse".
     Jika didalam sub direktorinya terdapat folder lain dan ingin juga di import,      LANGKAH KE-6:
     misalnya folder "images", klik check box didepan "Include subfolders",

7.
     setelah itu klik tombol "Next".
     Pada tampilan "Import Web Wizard – Edit File List" (gambar 5.25), pilih
                                                                                     MEMASANG COUNTER
     file-file yang tidak ingin ikut di upload dengan cara mengklik nama filenya
     dan kemudian mengklik tombol "Exclude". Setelah itu tekan tombol "Next"        DAN GUESTBOOK GRATIS!
     dan lanjutkan dengan menekan tombol "Finish" yang muncul setelah itu.




                                                                                    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
 Gambar 5.25: Dengan File List Editor FrontPage 2000, Anda bisa dengan mudah        didapatkan dengan gratis!
             memilih file-file yang tidak ingin di transfer ke server
                                                                                    Selain hit counter, fasilitas lain yang tidak kalah penting adalah buku tamu
8.   Tunggulah sampai proses import-nya selesai.                                    (guestbook). Adanya buku tamu dalam situs web memungkinkan dilakukannya
9.   Setelah proses import selesai, mulailah melakukan transfer file (upload) ke    interaksi antara Anda dengan pengunjung situs web Anda. Mereka bisa
     server yang Anda inginkan dengan cara yang persis sama dengan cara             menumpahkan uneg-uneg dan menuliskan kesan mereka tentang situs web Anda.
     upload file dari server FrontPage diatas (sub bab 5.4.1 mulai langkah          Isinya bisa pujian, ungkapan rasa puas, kritik atau bisa juga hujatan!
     nomor 2).                                                                      Bagaimanapun, pemuatan buku tamu kedalam homepage selalu menghadirkan
8.   SELESAI.                                                                       banyak manfaat. Komentar pengunjung seringkali sedemikian membanggakan
9.   Lakukan pengecekan dengan mengunjungi situs web Anda. Jika ada yang            sehingga memacu untuk selalu menjaga citra dan terus meningkatkan kualitas isi
     tidak beres, coba pastikan bahwa Anda telah meng-upload salah satu file        serta tampilan homepage kita. Demikian juga dengan kritik-kritik tajam dan
     default homepage Anda (default.htm, index.htm atau                             pedas yang memungkinkan kita untuk lebih mengenali kekurangan yang ada pada
     index.html).                                                                   homepage kita.
                                                                                    Dua atau tiga tahun yang lalu, penyedia layanan counter dan guestbook gratis
                                                                                    yang baik mungkin hanya ada puluhan. Akan tetapi sekarang, jumlahnya sudah tak
                                                                                    terhitung lagi. Cobalah kunjungi situs-situs mesin pencari seperti


                                                                            207                                                                              208
http://www.yahoo.com atau http://www.altavista.com dan masukkan kata                   Situs ini telah dikunjungi <img SRC="/bin/counter/serba-
                                                                                       gratis?ff0000" ALIGN="BOTTOM"> orang sejak Desember 2000.
kunci "free counter" atau "free guestbook", maka hanya dalam hitungan detik
Anda akan dihadapkan pada ribuan bahkan puluhan ribu link ke situs-situs yang
                                                                                  Akan menghasilkan tampilan seperti ini (counter akan berwarna merah):
Anda cari!
Counter dan guestbook tidak bisa dibuat hanya dengan kode html saja, karena itu
materi ini tidak dimasukkan kedalam langkah 3 (saat mempelajari html). Anda
harus melakukan pendaftaran ke suatu penyedia layanan counter/guestbook untuk           Situs ini telah dikunjungi 234 orang sejak Desember 2000.
dapat memiliki counter dan guestbook. Tetapi jika server Anda mendukung
FrontPage Server Extension, Anda dapat membuat counter dan guestbook
sendiri sebagai komponen tambahan yang memang telah disediakan oleh
FrontPage. Counter juga dapat dibuat dengan JavaScript, akan tetapi efek          Peletakan kode penampil counter bisa dimana saja selama masih berada diantara
penambahan angka counter-nya hanya terjadi pada mesin client, bukan pada          tag <BODY>…</BODY>. Untuk mencobanya, upload-lah file html yang telah
server. Akibatnya, angka counter yang tampak pada masing-masing komputer          ditambahi baris penampil counter diatas ke server Tripod. Setelah itu buka file
dapat berbeda-beda.                                                               tersebut dengan browser dalam keadaan Anda on-line ke internet. Ingatlah
                                                                                  bahwa counter tidak akan bisa aktif dalam keadaan internet offline. Jika counter
                                                                                  Anda bekerja, maka setiap klik pada tombol "Reload" atau "Refresh" di browser
6.1 MEMASANG COUNTER                                                              akan membuat angka counter bertambah satu.

Jika Anda kebetulan mendaftar pada situs penyelenggara free webspace yang
sekaligus juga menyediakan fasilitas counter seperti Geocities atau Tripod,        CATATAN :
Anda dapat langsung menggunakannya tanpa perlu mendaftar lagi. Kekurangannya
hanyalah pada tampilan counter yang umumnya tampak kurang menarik. Pada            Jika dilokasi counter yang muncul adalah teks "a lot of", bukan
langkah ke-6 ini, kita akan membahas cara memanfaatkan counter dari Tripod         angka, ini berarti bahwa server counter di Tripod tengah sibuk. Ini
dan Geocities. Kemudian kita juga akan memburu situs-situs penyedia layanan        bisa diatasi dengan meng-klik "Reload" atau "Refresh". Tetapi
counter dan guestbook gratis dari internet, lalu mencoba mendaftar pada            jika counter sama sekali tidak muncul dihalaman web (ini yang
beberapa diantaranya.                                                              seringkali terjadi pada pemula), kemungkinan besar warna
                                                                                   counter yang dipilih sama dengan warna latar belakang halaman
6.1.1 Memasang Counter Di Tripod                                                   web Anda. Coba cek lagi pilihan warna counter Anda !
Jika Anda memiliki account di Tripod.com, Anda dapat menggunakan counter
dengan menambahkan baris berikut kedalam file html Anda.                          6.1.2 Memasang Counter Di Geocities
                                                                                  Geocities memiliki tampilan counter yang lebih bagus dari pada Tripod. Akan
<img SRC="/bin/counter/NamaMember?WarnaCounter" ALIGN="BOTTOM">                   tetapi untuk menggunakannya diperlukan setup counter yang lebih panjang.
                                                                                  Berikut adalah cara pengaktifannya:
NamaMember pada kode html diatas adalah nama keanggotaan Anda di Tripod
dan WarnaCounter adalah kode warna counter yang Anda inginkan. Anda               1.   Buka file manager di geocities (http://geocities.yahoo.com/home/).
dapat menambahkan teks apa saja disekeliling baris diatas untuk memperjelas
keberadaan counter Anda. Lihat contoh berikut ini:                                2.   Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Counter'.
                                                                                  3.   Pilih file yang akan diberi counter, lalu klik "Continue".


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




     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        Gambar 6.2: Ucapan selamat setelah Anda berhasil memasang counter di Geocities
     Anda ingin menset angka awal tertentu, masukkan angka yang Anda inginkan
     pada kolom "Preset Counter Value" dan klik tombol "Set". Lalu klik tombol
     "Continue" (lihat Gambar 6.1).                                                 9.   Lakukan uji coba dengan membuka file yang telah diberi counter tersebut
                                                                                         melalui browser dalam keadaan internet on-line. Cobalah klik tombol
5.   Berikutnya akan muncul pertanyaan apakah Anda sudah pernah menginstal               "Reload" atau "Refresh" pada browser Anda. Counter akan selalu
     counter sebelumnya atau ini yang pertama kalinya. Pilih "No, I am installing        bertambah 1 setiap kali Anda meng-klik tombol ini. Jika tidak puas dengan
     this counter …….". Setelah itu klik tombol "Continue".                              tampilan yang ada, Anda dapat mengulang lagi langkah-langkah diatas.
6.   Anda akan mendapatkan kode html untuk menampilkan counter seperti                   Tetapi pada langkah ke-5, pilih "Yes, I have already ……" dan kemudian
     dibawah ini :                                                                       klik "Continue".


     <IMG SRC=http://visit.geocities.com/counter.gif>                               6.1.3 Memburu Counter Gratis Di Internet
                                                                                    Jika Anda memiliki situs web gratis yang kebetulan tidak menyediakan counter,
7.   Copy kode html penampil counter diatas kedalam clip board. Yaitu dengan        maka Anda terpaksa harus memburunya di internet. Saat pertama kali mencari
     mem-blok teks kode html (ada dilayar monitor Anda) dan kemudian tekan          situs penyedia counter gratis di internet, mungkin Anda akan bingung karena
     tombol [Ctrl]+C di keyboard Anda. Setelah itu klik "Continue".                 Anda akan menemukan sedemikian banyak penyedianya.
8.   Pada titik ini, setup counter sebenarnya telah selesai. Akan tetapi kodenya    Cara terbaik dan tercepat saat memilih situs penyedia counter gratis dari mesin
     belum masuk kedalam halaman web Anda. Kode penampil counter ini dapat          pencari (search engine) adalah dengan membaca secara hati-hati setiap


                                                                              211                                                                             212
penjelasan dari tiap link yang ditemukan. Carilah situs yang menawarkan counter      counter direset. Catatan: EasyCounter Menampilkan iklan banner agak
gratis tanpa iklan, sebab umumya counter gratis ditawarkan plus iklan. Counter       besar.
dengan iklan adalah counter yang disekelilingnya terdapat tambahan gambar
banner tau teks lain yang akan membuat tampilan situs web kita menjadi kurang     FastCounter (http://www.fastcounter.com/) - Menyediakan counter gratis
menarik.                                                                            yang mudah disetup dengan respon cepat. Tipe-tipe counter bisa dipilih
                                                                                    sendiri. Uniknya, laporan statistik pengunjung bisa dikirim melalui alamat e-
Berikut adalah sebagian kecil daftar situs web penyedia layanan counter gratis      mail.
yang bisa Anda coba:
                                                                                  Maweb (http://www.maweb.com/) - Menyediakan counter gratis hingga 5 buah.
                                                                                    Anda harus meletakkan link untuk kembali ke Maweb.
Pandawa (http://www.pandawa.com/) - Penyedia layanan counter gratis dari
                                                                                  Aaddzz (http://www.aaddzz.com/pages/counters) - Menyediakan counter dan
  Indonesia
                                                                                    tracker berupa laporan pengunjung.
TheCounter (http://www.thecounter.com/new.html) - Counter dan Statistik
                                                                                  Aid4 (http://www.y4i.com/counters.html) - Menyediakan counter halaman dan
  seperti yang digunakan PengenPunyaSitus.com
                                                                                     counter situs serta berbagai materi gratis lainnya.
Superstats (http://www.superstats.com/) - Menyediakan layanan pencatat
                                                                                  Cameron's Free Counter (http://counter.bloke.com/register.html) -
  statistik yang dapat digunakan untuk mengetahui siapa pengunjung situs web
                                                                                    Menyediakan counter gratis dengan pendaftaran mudah. Anda hanya perlu
  Anda. Statistik yang didapat adalah jumlah pengunjung, tipe browser yang
                                                                                    mengirim alamat e-mail Anda dan beberapa detik kemudian sebuah e-mail
  digunakan, nama domain, alamat IP, pola trafik situs web dan lain sebagainya.
                                                                                    pemberitahuan untuk mengaktifkan counter akan Anda terima. Anda juga
  SuperStats memungkinkan Anda untuk mengetahui dari mana pengunjung
                                                                                    dapat men-download applet counter disini.
  mendapatkan link ke situs web Anda.
                                                                                  CashFreeCounters (http://www.cashfree.net/freecounters.html) - Counter
Freestats (http://www.freestats.com/) - Menampilkan berapa banyak
                                                                                    gratis dari CashFree
   pengunjung situs Anda, berapa banyak pengunjung unik (pengunjung baru) tiap
   hari dan tiap bulan dan juga menunjukkan siapa mereka dan dari halaman web     DIGIWEB.COM (http://counter.digiweb.com/main.shtml) - Counter gratis dari
   mana mereka datang.                                                               Digiweb. Disini Abda bisa mendapatkan lebih dari 100 tipe counter.
                                                                                     Informasi yang diperoleh termasuk ukuran layar pengunjung dan negara asal
NedStat (http://www.nedstat.com) atau (http://usa.nedstat.net/) - Layanan
                                                                                     pengunjung.
  statistik untuk situs non-komersial dengan pengunjung maksimal 10.000 setiap
  hari. Statistik yang dicatat adalah jumlah pengunjung hari ini, minggu ini,     CountZ.com (http://countz.com/) - Counter gratis dengan instalasi mudah dari
  bulan ini, tanggal dan bulan pengunjung terbanyak serta jumlah total              CountZone
  pengunjung sejak Anda mendaftar di NedStat. Selain itu juga ada laporan
  mengenai asal negara pengunjung, alamat IP-nya serta grafik pengunjung          FreeCounter.nu (http://www.freecounter.f2s.com/) - Counter gratis tanpa
  bulanan. Selain itu, NedStat juga menyediakan data mengenai dari halaman           iklan! Pendaftaran cepat, hanya 1 menit!
  web mana 25 user terakhir yang mengunjungi situs web Anda.                      Site Meter (http://www.sitemeter.com/) - Counter gratis dengan style yang
BetterCounter (http://www.better-counter.com/) - Menyediakan counter                 dapat dipilih sendiri. Mereka menyediakan grafik chart yang
  sampai 20 halaman dengan pengunjung maksimal 500 perhari. Struktur                 merepresentasikan jumlah pengunjung, halaman yang dilihat, peta kota dan
  analisisnya bisa diatur sendiri.                                                   lain sebagainya dalam modus 3D chart.

EasyCounter (http://www.easycounter.com/) - Menawarkan beberapa counter           FreeSiteX (http://freesitex.com/counter.html) - Daftar counter dan tracker
  sekaligus, seting angka awal counter, melihat counter pada semua halaman           gratis dari seluruh jaringan internet!
  secara simultan, fasilitas reset counter untuk penghitungan pengunjung sejak


                                                                          213                                                                               214
Freebay (http://www.freebay.com/track.html) – Menyediakan fasilitas counter        harian dan bulanan. Juga statistik yang mendata 20 pengunjung terakhir plus
   dan tracker gratis dari Freebay.                                                detail dan hostname asalnya. Alamat AddFreeCounter adalah:
FreewareConnection (http://www.freewareconnection.com/counters.html) -
   Daftar index penyedia layanan counter gratis dari 'Freeware Connection'.        http://www.addfreecounter.com/counter5.htm
NorthLINK (http://users.northlink.net/NorthLink/counters.htm) - Counter gratis,    Berikut adalah cara pendaftaran dan cara pemasangannya kedalam halaman
  terpusat dan otomatis tanpa script apapun. Anda hanya perlu menambahkan          homepage kita:
  sedikit kode dan mengganti nama file data tertentu dan setelah itu Anda akan
  memiliki counter!                                                                1.   Kunjungi situs AddFreeCounter dengan alamat seperti diatas. Klik link
                                                                                        'Click here to get your own AddFreeCounter account.' Setelah itu pilih tipe
TotallyFREECounters         (http://www.onlyfreestuff.com/counters.htm)       -         angka counter-nya dengan meng-klik salah satu gambar angka counter yang
  Layanan Statistik dan Counter gratis dari OnlyFree.                                   ada disebelah kanan layar (tipe-tipe counter yang dapat dipilih bisa dilihat
WebmasterFreeManiac            (http://www.freemania.net/counter.htm)    -              pada Gambar 6.6). Untuk memilih tipe angka selain yang ada dilayar, klik
  Menyediakan fasilitas tracking untuk memonitor banyak pengunjung, berapa              link 'Next Page' yang ada dibagian bawah layar.
  lama mereka tinggal dan apa yang mereka lakukan! Semuanya gratis!
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".
                                                                                           Gambar 6.3: Proses pemilihan tipe/style counter di AddFreeCounter

6.1.4 Mendapatkan Counter dari AddFreeCounter                                      2.   Setelah memilih tipe counter, langkah kedua adalah mengisi form
AddFreeCounter adalah salah satu penyedia layanan counter gratis yang                   pendaftaran. Isian yang harus Anda isi diantaranya adalah Nama, alamat e-
menyediakan counter tanpa iklan. Selain itu, ada banyak fitur lain seperti;             mail (tulis alamat e-mail Anda dengan benar karena kode aktifasinya akan
pendaftarannya cepat dan mudah, tanpa logo pada counter, instalasi di halaman           dikirim melalui alamat e-mail ini), kode password yang Anda inginkan untuk
web mudah, ada seting Time Zone, ada fasilitas 'help' untuk setiap tabel,               meng-kustomisasi counter dilain waktu, nama situs Anda beserta alamat
mendukung Y2K, ada statistik prosentasi dan grafik yang memonitor pengunjung            URL-nya, pemilihan zona waktu (pilih Gmt +7 untuk Indonesia) dan nomor


                                                                           215                                                                                 216
     awal counter yang Anda inginkan (Anda bisa mengisi berapa saja, maksimal
     99999999).
3.   Setelah semua kolom isian terisi dengan baik, klik tombol "Submit".




                                                                                      Gambar 6.5: Tanda bahwa proses pendaftaran counter selesai dengan baik




              Gambar 6.4: Formulir pendaftaran di AddFreeCounter


4.   Setelah itu akan muncul pemberitahuan bahwa Anda akan segera menerima
     e-mail yang berisi instruksi dan cara memasang counter kedalam halaman
     web Anda. Pada titik ini, proses pendaftarannya telah selesai.




                                                                                        Gambar 6.6: Tipe-tipe style counter yang ditawarkan AddFreeCounter


                                                                                 5.   Sekarang bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan
                                                                                      menerima surat yang isinya kira-kira seperti berikut:




                                                                           217                                                                                 218
     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/cgi-
     bin/cptmain.cgi?usr=00006864" target="_top">
     <img alt="AddFreeCounter"
     src="http://www.addfreecounter.com/cgi-
     bin/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
                                                                                        Gambar 6.7: Counter Anda sekaligus berfungsi sebagai pencatat statistik
6.   Untuk memasang counter dihalaman web Anda, Anda tinggal menambahkan                                           pengunjung
     baris-baris yang dicetak tebal diatas kedalam halaman html Anda (misalnya
     dalam index.htm). Jika ingin cepat, sorot dan blok baris-baris yang
                                                                                  6.1.5 Mendapatkan Counter Dari Admo.net
     dicetak tebal diatas dari dalam e-mail Anda, "Copy" kedalam clip board,
     (biasanya dengan menekan Ctrl+C) lalu "Paste" kedalam file html Anda         Kali ini kita akan mendaftar untuk mendapatkan counter gratis dari Admo.net.
     (biasanya Ctrl+V). Perhatikan bahwa Anda akan mendapatkan kode sendiri       Seperti AddFreeCounter, Admo.net juga menawarkan counter gratis tanpa iklan
     setelah mendaftar, karena itu jangan menggunakan baris-baris html counter    sama sekali. Kelebihannya adalah bahwa Admo.net menyediakan lebih banyak
     yang ada pada contoh diatas!                                                 variasi tipe counter (lihat Gambar 6.13).
7.   Untuk melakukan uji coba counter, bukalah file html Anda dengan browser      Berikut adalah proses pendaftaran yang bisa dilakukan untuk mendapatkan
     dalam keadaan internet on-line. Anda akan melihat angka counter tertentu     counter dari Admo.net:
     seperti yang Anda set saat mendaftar, misalnya 00001001. Klik tombol
     "Reload" atau "Refresh" dalam browser dan lihat kembali Angka counter-
     nya. Jika sekarang angkanya telah bertambah satu (menjadi 00001002           1.   Kunjungi situs Admo.net (http://admo.net/counter/) dan klik
     misalnya), maka counter Anda telah bekerja normal! Anda tinggal meng-             menu "Signup".
     upload file html tersebut ke server.                                         2.   Setelah itu akan muncul formulir isian untuk mendaftar. Beberapa kolom
8.   Setelah counter Anda aktif, Anda akan dapat melihat statistik pengunjung          yang harus Anda isi adalah Nama, alamat e-mail (harus diisi dengan benar
     situs web Anda dengan meng-klik gambar counter Anda sendiri. Statistik            karena kode pengaktifannya akan dikirim melalui alamat e-mail ini), usia,
     yang akan ditampilkan adalah berapa banyak pengunjung hari ini, jumlah            jenis kelamin, alamat homepage Anda dan user name serta password yang
     pengunjung kemarin, jumlah pengunjung bulan ini dan total jumlah                  Anda inginkan untuk login ke Admo.net. Login diperlukan untuk melakukan
     pengunjung selama ini. Selain itu Anda juga akan mengetahui asal nama host        seting angka awal, memilih tipe/style counter dan lain sebagainya. Setelah
     server dari 20 orang penunjung terakhir situs Anda. Lihat gambar 6.7.             semuanya terisi lengkap dan benar, klik tombol "Register".


                                                                          219                                                                                     220
                                                                                     selesai, akan tetapi masih ada satu proses lagi untuk mengaktifkan counter-
                                                                                     nya.




                 Gambar 6.8: Tampilan Admo.Net Free Counter                                  Gambar 6.10: Konfirmasi profile user setelah mendaftar


                                                                                4.   Bukalah e-mail yang Anda gunakan saat mendaftar. Anda akan menerima
                                                                                     surat dari Admo.net yang isinya kira-kira seperti ini:


                                                                                     Thank You, Serba Gratis for registering at Admo.net.
                                                                                     Here is the information we recieved :

                                                                                     Name        :   Serba Gratis
                                                                                     Email       :   serba_gratis@yahoo.com
                                                                                     Age         :   18
                                                                                     Sex         :   Male
                                                                                     Website     :   http://serba-gratis.tripod.com/
                                                                                     Username    :   gratis
                                                                                     Password    :   kancil

                                                                                     You need to confirm the account by pointing your
                                                                                     browser at :

                                                                                     http://admo.net/counter/auth/confirm.php?hash=17a0efjh4
                  Gambar 6.9: Form pendaftaran di Admo.Net                           890kj34329386f6hj34j2h3df6f12&username=gratis
3.   Beberapa saat kemudian akan muncul pemberitahuan bahwa Anda telah               If you did not apply for the account please ignore this
     didaftar dan akan segera menerima e-mail yang berisi link dan kode untuk        message. Please do not respond to this message.
     mengaktifkan counter Anda. Pada titik ini, proses pendaftarannya telah



                                                                        221                                                                                222
5.   Klik link yang ada dibawah teks "You need to confirm the account by          6.   Seperti yang akan Anda lihat setelah login ke Admo.net, Anda dapat mulai
     pointing your browser at :" didalam e-mail Anda untuk mengaktifkan                menggunakan counter dengan memasukkan baris-baris seperti dibawah ini
     counter. Setelah itu jendela browser akan terbuka dan muncul                      kedalam halaman html Anda.
     pemberitahuan bahwa pendaftaran Anda telah dikonfirmasi dan telah aktif.
     Klik link berlabel "Login" untuk melihat apa yang harus Anda lakukan untuk
                                                                                       <A HREF="http://www.admo.net/counter">
     menggunakan counter dari Admo.net ini. Didalamnya Anda juga dapat                 <IMG SRC="http://c1.admo.net/cgi-bin/counter/1.cgi?gratis"
     melakukan seting nomor awal counter, memilih tipe/style counter dan lain          BORDER="0"></A>
     sebagainya.
                                                                                       Perhatikan bagian kode "1.cgi?gratis" diatas. Angka 1
                                                                                       adalah kode tipe counter yang diinginkan (lihat Gambar 6.13
                                                                                       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>
      Gambar 6.11: Tanda bahwa keanggotaan Anda di Admo.net telah sah!

                                                                                       Peletakan kode bisa dilakukan dimana saja didalam file html
                                                                                       Anda, yang penting harus berada diantara tag
                                                                                       <BODY>…</BODY>.
                                                                                  7.   Lakukan uji coba counter dengan membuka file html Anda dengan browser
                                                                                       dalam keadaan internet on-line. Anda akan melihat angka counter dalam
                                                                                       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.




               Gambar 6.12: Tampilan setelah Login ke Admo.net



                                                                          223                                                                             224
                                                                                  2.   Masuklah ke bagian 'Add-Ons' dan klik link berlabel 'Guestbook'
                                                                                       (http://us.geocities.yahoo.com/gb/).
                                                                                  3.   Klik link berlabel 'Guestbook Setup'. Setelah itu akan ditampilkan form
                                                                                       setup guestbook yang berisi delapan langkah setup.




       Gambar 6.13: Admo.net menawarkan lebih banyak tipe/style counter


6.2 MEMASANG GUESTBOOK
                                                                                                Gambar 6.14: Tampilan setup GuestBook di Geocities
Sebagaimana dengan counter, jika Anda kebetulan mendaftar pada situs-situs
penyelenggara spasi web gratis yang sekaligus juga menyediakan fasilitas
guestbook (buku tamu) seperti Geocities misalnya, maka Anda dapat langsung        4.   Isilah kolom-kolom yang ada sesuai keinginan Anda. Misalnya pada kolom
menggunakannya tanpa perlu mendaftar lagi. Yang perlu Anda lakukan hanyalah            Guestbook name (Step 1), isilah dengan judul buku tamu yang Anda
melakukan beberapa seting tertentu. Pada sub bab ini kita akan membahas cara           inginkan. Lalu pada kolom Introduction (Step 3), Anda bisa mengisinya
mengaktifkan guestbook dari Geocities. Selain itu kita juga akan memburu situs-        dengan komentar pendek tentang buku tamu Anda tersebut. Pada kolom
situs penyedia layanan guestbook gratis dari internet, kemudian kita juga akan         Questions (Step 4), isi kolom-kolom yang ada dengan pertanyaan-pertanyaan
mencoba mendaftar pada beberapa diantaranya.                                           yang ingin Anda tampilkan dalam buku tamu, misalnya; "Asal Kota", "E-
                                                                                       mail", "Usia" dll. Anda juga bisa mengganti 3 baris pertanyaan dalam
                                                                                       bahasa inggris yang sudah ada sebelumnya ("First Name", "URL" dan
6.2.1 Memasang Guestbook di Geocities                                                  "Comment") dengan pertanyaan Anda sendiri (misalnya "Nama", "Alamat
                                                                                       homepage" dan "Komentar"). Satu hal yang perlu dicatat adalah bahwa
Jika Anda memiliki account di Geocities, Anda tidak perlu repot-repot mencari          sebaiknya Anda tidak menanyakan sesuatu yang hampir pasti tidak akan diisi
guestbook ditempat lain. Sub bab ini akan menjelaskan pada Anda bagaimana              oleh pengunjung situs Anda dengan benar, misalnya "Alamat" atau "Nomor
cara mengaktifkan guestbook di Geocities. Berikut adalah cara pengaktifannya           Telepon". Percuma khan? Anda juga dapat melakukan seting agar buku tamu
langkah demi langkah:                                                                  Anda mengirim pemberitahuan melalui e-mail jika ada pengunjung yang
                                                                                       mengisi buku tamu. Seting bisa dilakukan dengan meng-klik check box
1.   Masuklah ke file manager (http://geocities.yahoo.com/home/).                      berlabel 'Send notification email' pada kolom Options (Step 7).


                                                                          225                                                                               226
5.   Klik tombol "Preview" untuk melihat tampilan buku tamu Anda. Jika masih           member Anda adalah Arifin dan Anda ingin mengganti keterangan link-nya
     ada yang perlu diperbaiki, kembalilah ke jendela setup. Jika sudah puas, klik     dengan "Isi Buku Tamu" dan "Lihat Buku Tamu", maka kode-kode htmlnya
     tombol "Finished".                                                                akan menjadi seperti ini :
6.   Setelah itu akan ditampilkan kode-kode html yang diperlukan untuk
     melakukan link ke pengisian buku tamu dan link untuk melihat isi buku tamu
     tersebut.




                                                                                            Gambar 6.16: Tampilan form isian Buku Tamu dari Geocities

           Gambar 6.15 : Kode html akan dihasilkan setelah selesai setup
                                                                                     <a href="http://us.geocities.yahoo.com/gb/sign?member=Arifin">
                                                                                     <b>Isi Buku Tamu</b></a> -
                                                                                     <a href="http://us.geocities.yahoo.com/gb/view?member=Arifin">
7.   "Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin            <b>Lihat Buku Tamu</b></a>
     dipasangi link ke buku tamu. Anda dapat melakukannya menggunakan editor
     HTML yang ada di Geocities (klik link berlabel 'Go To File Manager') atau
     menggunakan editor lain dan kemudian baru meng-upload-nya ke Geocities.
                                                                                                  Isi Buku Tamu – Lihat Buku Tamu
8.   Secara default, kode tersebut akan menghasilkan tampilan seperti ini :



                     Sign Guestbook View Guestbook


9.   Teks 'serba_gratis' yang tampak pada Gambar 6.15 muncul karena penulis
     menggunakan nama member serba_gratis. Jika Anda menggunakan nama
     member lain, kode tersebut juga akan lain. Selain itu Anda juga dapat
     mengganti keterangan link-nya dengan apa saja. Sebagai contoh, jika nama

                                                                              227                                                                       228
                                                                                 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.
                                                                                 DiamondLife Guestbook! (http://guestbook.diamondlife.net/) - Guestbook
                                                                                    profesional gratis selamanya untuk keperluan bisnis maupun personal.
                                                                                 ALX Guestbook (http://www.alxbook.com/) - Menyediakan guestbook gratis
                                                                                   untuk homepage Anda.
                                                                                 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.
               Gambar 6.17: Tampilan Buku Tamu dari Geocities                    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.
6.2.2 Memburu GuestBook Gratis
                                                                                 FreeGuestBooks (http://www.freeguestbooks.com/) - Buku tamu gratis 100%
Sebagaimana dengan counter, jika situs homepage Anda tidak menyediakan              dari FreeGuestBooks.
guestbook, maka Anda harus mencarinya sendiri di internet. Beberapa tahun
yang lalu jumlah penyedia layanan guestbook gratis diseluruh dunia masih bisa    Gbook.nu (http://gbook.nu/) - Buku tamu gratis dari gbook.nu.
dihitung dengan mudah. Akan tetapi jika Anda mencarinya sekarang, Anda akan      MikesWebFreeGuestbook (http://www.web.mikesweb.com/free-stuff/
menemukan ribuan bahkan puluhan ribu situs penyelenggara guestbook gratis dari      guestbook/) - Buku tamu gratis dari MikesWeb. Menyediakan utiliti lengkap
seluruh dunia!                                                                      untuk mengatur guestbook sendiri.
Untuk mempermudah pencarian Anda, berikut adalah sebagian sangat kecil daftar
                                                                                 Ostry (http://www.ostry.com/solutions/guestbook/) - Buku tamu gratis dari
penyedia layanan guestbook gratis yang ada:                                        Ostry Internet Solusions.
                                                                                 Free Guestbook (http://guestbook.dkd.ot.lt/) - Guestbook gratis dari Itali.
Dreambook (http://www.dreambook.com/) - Menyediakan guestbook gratis
   untuk keperluan personal yang bisa diatur sendiri.                            htmlGEAR (http://htmlgear.lycos.com/specs/book.html) - Penyedia layanan
                                                                                    buku tamu gratis dan fasilitas on-line lain dari Lycos.
TheGuestBook.com (http://www.theguestbook.com/) - Guestbook gratis dari
  TheGuestBook.com                                                               GuestBook Depot (http://www.guestbookdepot.com/) - Buku tamu gratis dari
                                                                                   Guestbook Depot.
Bloke.com (http://guestbook.bloke.com/) - Guestbook gratis dengan teknologi
   Java. Cara pemasangannya mudah dengan antar-muka yang menarik.                Mybook.net (http://www.mybook.net/) - Buku tamu interaktif dari mybook.net.
                                                                                   Pendaftarannya cepat, mudah dan gratis!
GuestPage.com (http://www.guestpage.com/) - Menyediakan guestbook
  dengan spasi tak terbatas! Fasilitas yang diberikan termasuk message           Indonesian Free Guestbook Server (http://www.indoguest.com/) -
  detection, auto-reply dan lain sebagainya. Anda dapat memilih salah satu          Guestbook Server Gratis dengan berbagai pilihan bahasa, akses cepat dan
  dari 20 tampilan yang berbeda.


                                                                         229                                                                               230
   feature yang menarik. Sayangnya, servernya lebih banyak matinya dari pada       GuestPoint (http://www.guestpoint.com/) - Menyediakan buku tamu dan
   hidupnya!                                                                         counter gratis yang bisa diatur sendiri.
Lpage GuestBook (http://www.lpage.com/) - Buku tamu dari Lpage                     Free Center (http://www.freecenter.com/guestbook.html) - Daftar menyedia
  GuestBook.                                                                          layanan buku tamu gratis!
Dreambook (http://www.dreambook.com/) - Salah satu penyedia layanan buku
   tamu gratis yang bebas iklan!                                                   6.2.3 Mendapatkan GuestBook Gratis Dari Admo.net
OneCenter.com (http://guest.onecenter.com/) - Buku tamu gratis dari
                                                                                   Selain counter, Admo.Net juga meyediakan guestbook gratis. Fitur yang ada
  OneCenter.
                                                                                   pada guestbook dari Admo.net adalah; bisa menambah item pertanyaan, bisa
Free-CGI:      Guestbook (http://www.fido7.com/free-cgi/guestbook/) -              menghapus database pengunjung tertentu (ini sangat bermanfaat jika ada
   Disinilah tempat untuk mendapatkan buku tamu CGI gratis. Anda tidak perlu       pengunjung yang mengisi buku tamu Anda dengan 'sampah!' atau kata-kata tak
   menyimpan script CGI dalam host, yang perlu Anda lakukan hanyalan               pantas lainnya), dapat menghapus semua isi buku tamu sekaligus, bisa mengganti
   menambah satu baris html kedalam halaman web Anda. Anda dapat mengatur          warna, ukuran font, tipe font dan judul buku tamu dengan mudah, dapat mengirim
   font, warna dan banyak lagi yang lain.                                          e-mail pada semua pengisi buku tamu dan lain sebagainya. Alamat situsnya
                                                                                   adalah:
Guestcities Guestbooks (http://www.guestcities.com/) - Buku tamu gratis
  dari GuestCities.
Web-Authoring.com (http://www.websiteresources.net/guestbook/) - Disini
                                                                                   http://admo.net/freegb/
  Anda akan mendapatkan lebih dari 1000 web development resources gratis,
  termasuk Perl, CGI, Script, HTML, Java, JavaScript, Design, dan tentu saja       Berikut adalah cara melakukan pendaftaran di Admo.net untuk
  Guestbook.                                                                       mendapatkan guestbook gratis serta cara pengaktifannya :
Freegbook.nu (http://www.freegbook.nu/) - Buku tamu gratis dari
   FreeGbook.nu untuk webmaster dan keperluan pribadi. Buku tamu dapat             1.   Kunjungi situs Admo.net Free GuestBook di alamat diatas. Klik link
   dikonfigurasi sendiri!                                                               dengan label 'Get your free guestbook now!'. Isi formulir pendaftaran dengan
                                                                                        benar, terutama alamat e-mail-nya karena kode pengaktifan guestbook-nya
GuestbooksForFree (http://www.guestbooksforfree.com/) - Buku tamu gratis                akan dikirim melalui alamat e-mail ini.
  untuk program afiliasi. Anda akan mendapatkan komisi dengan memberikan
  buku tamu ini ke orang lain dan mendaftar sebagai pihak afiliasi (buku tamu      2.   Untuk menambah kolom pertanyaan, misalnya 'Asal' atau 'HomePage', isilah
  untuk buku tamu gratis). Anda hanya perlu mengisi formulir dan setelah itu            kolom "Optional Field 1" s/d "Optional Field 4" dengan judul-judul
  akan menerima kode html untuk mengaktifkan software buku tamu.                        pertanyaan yang ingin Anda tanyakan. Jika semuanya telah terisi dengan
                                                                                        benar, klik tombol "Create My Guestbook!".
Guestbook4free.com (http://www.guestbook4free.com/guestbook.htm)               -
  Buku tamu gratis dari guestbook4free dengan berbagai fasilitas menarik.          3.   Setelah tombol "Create My Guestbook!" diklik, akan muncul ucapan
                                                                                        terima kasih dan pemberitahuan bahwa data Anda telah masuk kedalam
Free Guestbooks providers                                                               database Admo.net dan disarankan pada Anda untuk segera membuka e-mail
   (http://www.absolutelyfreebies.com/guestbooks.html) - Daftar penyedia                Anda untuk melakukan langkah terakhir untuk mendapatkan guestbook di
   layanan buku tamu gratis. Silahkan pilih yang Anda suka!                             Admo.net.
NiElS' FREE Guestbook Service (http://guestbook.carota.net/) -
   Menawarkan buku tamu gratis yang bisa di kustomisasi melalui CSS
   stylesheet.


                                                                           231                                                                                 232
                                                                                        http://admo.net/freegb/cgi-
                                                                                        bin/register.db?action=verify&userid=4567&email=serba_g
                                                                                        ratis@yahoo.com

                                                                                        Thank You,
                                                                                        Adam.


                                                                                   5.   Klik link yang ada didalam e-mail Anda untuk mengaktifkan guestbook.
                                                                                        Jendela browser akan terbuka dan muncul pemberitahuan bahwa proses
                                                                                        pendaftaran Anda telah selesai dan kini telah aktif. Dibawahnya juga dimuat
                                                                                        kode html yang diperlukan untuk memunculkan link ke guestbook Anda
                                                                                        (untuk mengisi dan untuk melihat) seperti berikut :

                                                                                        <!-- START ADMONET GUESTBOOK CODE -->
                                                                                        <center> <p>[<a href="http://admo.net/freegb/cgi-
                                                                                        bin/guestbook.db?action=form&user=gratis"> <b>Sign My
     Gambar 6.18: Form pendafaran untuk mendapatkan buku tamu di Admo.net               Guestbook</b></a>] <a href="http://admo.net/freegb"><img
                                                                                        src="http://f.virtualave.net/imgserv/freegb.gif"
                                                                                        BORDER="0"></a> [<a href="http://admo.net/freegb/cgi-
                                                                                        bin/guestbook.db?action=view&user=gratis"> <b>View My
                                                                                        Guestbook</b></a>]</p> </center>
                                                                                        <!-- END ADMONET GUESTBOOK CODE -->




     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:
                                                                                         Gambar 6.20: Kode html yang diberikan setelah konfirmasi ke Admo.Net
      Thank you for your submission for an Admo.net Free
      Guestbooks account. To compelete your membership
                                                                                   6.   Tambahkan baris-baris html diatas kedalam halaman web Anda pada posisi
      process, please click on the link below:
                                                                                        dimana saja, asal masih berada diantara tag <BODY>...</BODY>. Catat


                                                                             233                                                                                234
      bahwa Anda akan mendapatkan kode sendiri setelah mendaftar, jadi jangan     6.2.4 Mendapatkan GuestBook Gratis dari htmlGEAR
      secara langsung menyalin kode html diatas kedalam halaman web Anda
      (kecuali Anda telah mengganti teks "gratis" pada baris-baris html diatas    htmlGEAR adalah penyedia layanan Add-On gratis yang cukup populer di
      dengan teks Anda sendiri sesuai isi kolom "Desired Username:" saat          internet. Situs ini menyediakan berbagai fasilitas Add-On bagus yang bisa
      mendaftar.                                                                  digabung kedalam situs web kita. Add-On yang ditawarkan diantaranya adalah
                                                                                  guestGEAR (buku tamu), linkGEAR (link manager dan validasi link di
7.    Untuk melakukan uji coba, buka halaman web Anda yang sudah disisipi
      kode-kode html diatas dengan browser saat internet Anda on-line. Anda       homepage), pollGEAR (fasilitas untuk membuat polling pada pengunjung), pass-
      akan melihat tambahan tampilan seperti gambar 6.21.                         it-onGEAR (cara promosi web mudah dari teman ke teman), textGEAR
                                                                                  (penampil teks yang selalu berganti saat pengunjug datang) dan feedbackGEAR
                                                                                  (mendapatkan feedback tanpa menampilkan alamat e-mail Anda).
                                                                                  Pada sub bab ini kita akan mendaftar ke htmlGEAR dan mengaktifkan
                                                                                  guestGEAR untuk mendapatkan buku tamu. Berikut adalah langkah-langkah
                                                                                  pendaftaran dan cara aktifasinya :

     Gambar 6.21: Tampilan link untuk mengisi dan melihat buku tamu Admo.Net
                                                                                  1.   Kunjungi situs htmlGEAR dengan alamat :

8.    Cobalah klik link dengan label "View My Guestbook". Maka Anda akan               http://htmlgear.lycos.com/specs/book.html
      melihat tampilan guestbook yang masih kosong. Sekarang, coba klik link
      "Sign My Guestbook" dan isi form yang ada. Setelah itu jika Anda mencoba    2.   Klik link 'Sign up Now!'. Setelah itu isi formulir pendaftaran yang ada.
      melihat isi guestbook Anda kembali, disana akan ada satu orang yang telah        Beberapa kolom yang harus diisi diantaranya adalah nama member dan
      mengisi buku tamu Anda, yaitu Anda sendiri.                                      password untuk login ke htmlGEAR, nama Anda, alamat e-mail, tanggal
                                                                                       lahir, asal kota dan negara. Setelah semuanya diisi dengan benar, klik
                                                                                       tombol "Sign Me Up!".




                   Gambar 6.22: Tampilan buku tamu Admo.Net
                                                                                               Gambar 6.23: Tampilan form pendaftaran di htmlGEAR



                                                                          235                                                                             236
3.   Langkah berikutnya adalah melakukan aktifasi keanggotaan. Pada tahap ini         pilihlah Bangkok (GMT +7) karena Indonesia juga menggunakan zona waktu
     Anda akan diberi tawaran untuk menerima mailing list pemberitahuan jika          ini. Setelah itu klik tombol "Save & Create".
     ada fasilitas baru atau tip & trik dari htmlGEAR, kemudian tawaran apakah
     Anda ingin memiliki hardisk virtual untuk menyimpan file di driveaway
     (sekitar 25 MB). Jangan ragu-ragu untuk menghilangkan check box default
     yang ada jika Anda memang tidak menginginkannya. Selain itu, baca
     penjelasan mengenai servis yang diberikan htmlGEAR. Setelah selesai, klik
     tombol "Agree".
4.   Anda akan masuk ke Gear Manager yang pada saat ini isinya masih kosong.
     Klik link 'Add Gear'. Setelah itu akan muncul semua Add-On yang bisa
     diaktifkan (gambar 6.24). Klik link 'Get Gear' yang ada pada baris
     guestGEAR (Add-On paling atas).
5.   Anda akan masuk ke setup pembuatan buku tamu guestGEAR.




                                                                                             Gambar 6.25: Tampilan form setup buku tamu guestGEAR

                                                                                 7.   Jika Anda memiliki banyak waktu dan ingin melakukan kustomisasi buku
                                                                                      tamu sendiri, pada langkah ke-4 diatas sebaiknya jangan langsung menekan
                                                                                      tombol "Save & Create", melainkan gulung tampilan layar kebawah untuk
                                                                                      melakukan setup seperlunya, misalnya mengatur warna huruf, tipe huruf,
                                                                                      memillih backgound buku tamu, membuat pertanyaan-pertanyaan yang ingin
                                                                                      diajukan kepada pengisi buku tamu (ada 10 ruang pertanyaan dengan 8 tipe
                                                                                      pertanyaan yang bisa diisi sendiri), mengatur apakah pengisi buku tamu
                                                                                      boleh menyisipkan kode html/javascript pada buku tamu atau tidak, membuat
                                                                                      teks yang akan dikirim ke e-mail pengunjung, memilih ikon guestGEAR
                                                                                      (gambar 6.26) dan lain sebagainya. Setelah itu baru klik tombol "Save &
                                                                                      Create" atau klik "Preview" untuk melihat hasil setup sementara sebelum di
                                                                                      save.
       Gambar 6.24: Fasilitas-fasilitas Add-On yang ditawarkan htmlGEAR

6.   Isilah judul guestbook Anda, alamat homepage-nya (Anda harus menuliskan
     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',



                                                                          237                                                                              238
     Gambar 6.26: Beberapa ikon guestbook yang bisa dipilih dari guestGEAR
8.   Setelah tombol "Create & Save" di klik, browser akan menampilkan kode-
     kode html yang harus Anda masukkan kedalam halaman web Anda seperti
     dibawah ini:
     <!--start of code-->
     <!-- Guestbook by http://www.htmlgear.com -->
     <a href="http://htmlgear.lycos.com/specs/guest.html">
     <img border=0 ismap src="http://htmlgear.lycos.com/img/                                 Gambar 6.27: Kode yang dihasilkan diakhir setup guestGEAR
     guest/gb_blue.gif"></a><br>
     <a href="http://htmlgear.lycos.com/guest/control.guest?u=
     serba_gratis&i=1&a=view"><font face="arial,helv,
     helvetica,sans serif" size=-1>View My
     Guestbook</font></a><br>
     <a href="http://htmlgear.lycos.com/guest/control.guest?u=
     serba_gratis&i=1&a=sign"><font face="arial,helv,
     helvetica,sans serif" size=-1>Sign My Guestbook</font>
     </a><br>
     <!--end of code—

9.   "Copy" dan "Paste" kode html tersebut kedalam halaman web yang ingin
     dipasangi link ke buku tamu. Anda dapat mengganti teks penjelasan link-nya
     ke buku tamu Anda dengan apa saja, misalnya 'View My Guestbook' diganti
                                                                                     Gambar 6.28: Tampilan link untuk mengisi dan melihat buku tamu guestGEAR
     dengan 'Lihat Buku Tamu' dan 'Sign My Guestbook" diganti dengan 'Isi Buku
     Tamu'. Catat bahwa Anda tidak bisa langsung menggunakan kode html diatas      11. Klik link 'Sign My Guestbook' untuk mencoba mengisi buku tamu baru Anda.
     kecuali mengganti teks 'serba_gratis' pada kode tersebut dengan nama              Anda dapat mengisinya dengan apa saja, toh nantinya bisa kita hapus lagi.
     member Anda sendiri. Gunakan editor apa saja untuk melakukan ini dan              Klik tombol "Continue" jika telah selesai dan lanjutkan dengan menekan
     kemudian upload ke server. Klik tombol "Done" dan kemudian klik "log out"         tombol "Add to Guestbook" pada konfirmasi entry.
     untuk keluar dari htmlGEAR.
                                                                                   12. Setelah itu akan muncul pemberitahuan bahwa pengisian buku tamu Anda
10. Untuk melakukan uji coba, buka halaman web yang sudah disisipi kode html           telah direkam kedalam database buku tamu. Untuk melihat hasilnya, Anda
    tambahan untuk link ke buku tamu Anda dalam keadaan internet on-line.              dapat menekan tombol "View" yang muncul setelah Anda meng-klik tombol
    Anda akan melihat tampilan tambahan seperti gambar 6.28.                           "Add to Guestbook" atau bisa juga dengan meng-klik link 'View My
                                                                                       Guestbook' dari halaman homepage Anda.




                                                                             239                                                                           240
                                                                                                        BAB 7
                                                                           LANGKAH KE-7:
                                                                         UMUMKAN HOMEPAGE
                                                                        BARU ANDA KESELURUH
                                                                               DUNIA!

          Gambar 6.29: Tampilan form isian bukutamu guestGEAR




                                                                      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
            Gambar 6.30: Tampilan buku tamu dari guestGEAR            web, ke search engine, mengikuti program pertukaran link (link exchange) atau
                                                                      pertukaran banner (banner exchange) dan akhirnya, Anda juga dapat
13. Selamat! Anda telah memiliki BUKU TAMU!                           mengumumkannya pada teman-teman Anda saat melakukan chating atau mem-
                                                                      posting-nya ke berbagai mailing-list yang Anda ikuti. Jika Anda belum terdaftar
                                                                      pada satupun keanggotaan mailing-list, coba kunjungi http://www.egroups.com
                                                                      dan cari topik-topik mailing-list yang sesuai dengan situs homepage Anda. Jika

                                                                241                                                                              242
situs Anda ditujukan untuk konsumsi internasional, cobalah mendaftar ke             E-klan.Net (http://www.e-klan.net/) - Iklan baris internet gratis, mudah
http://www.flashbase.com/forms/freetrial, yaitu sebuah layanan promosi gratis          pasangnya, cepat dan effektif. Sarana beriklan gratis di internet.
melalui mailing-list.
                                                                                    iAds (http://www.iads.cjb.net/ atau http://www.iads.marina.co.id/) - Media
                                                                                       iklan gratis. Anda bisa menempatkan banner, iklan dan website link.
7.1 MEMBURU PENYEDIA LAYANAN IKLAN                                                  Iklan Baris DotCom (http://www.iklanbaris.com/) - Situs ini memberikan
    GRATIS                                                                              penawaran kepada Anda yang ingin memasang iklan mini/singkat.
                                                                                    Wisma IndoProducts (http://www.wisma.com/Indoproducts) - Tempat
Saat ini, jumlah situs penyedian layanan gratis sangat melimpah ruah. Anda
                                                                                      pemasangan iklan gratis di Internet. Ada fasilitas chatting sehingga sesama
bahkan akan kesulitan mengingatnya satu persatu kecuali yang mudah diingat saja.
                                                                                      anggota bisa saling berkomunikasi masalah bisnis atau apa saja.
Dibawah ini adalah daftar sebagian kecil penyedia layanan iklan gratis yang bisa
Anda coba.                                                                          IklaNet (http://www.sumpahpalapa.com/shisho/ atau http://iklanet.virtualave.net/) -
                                                                                        Pasang dan Cari iklan gratis. IklaNet adalah salah satu situs Iklan Gratis yang
                                                                                        paling tua di Indonesia. Silahkan mampir dan tempatkan iklan Anda sehingga
99V (http://www.99venus.net/classifieds) - Pasang Iklan Baris gratis tanpa              lebih tersebar. Buat yang mau pasang dan cari iklan untuk keluarga, teman,
  harus jadi member. Anda bisa memasang iklan sepuasnya.                                pacar, barang-2 elektronik, mobil dll., datang saja ke sini.
AdHOO! (http://www.adhoo.i-p.com/) - Layanan iklan mini gratis yang mudah           Iklan-Gratis (http://www.iklan-gratis.com/ atau http://iklan-gratis.com/) - Iklan
  dan sederhana. Lebih dari 150 kategori.                                               gratis, media yang pas pasang dan cari iklan di internet, segala macam
AdMatters (http://www.admatters.com/) - Pasang iklan baris dan banner                   kategori.
  GRATIS!!!                                                                         IklanKota.com (http://iklankota.com/) - Iklan Kota adalah sarana tepat untuk
Bursa Iklan (http://www.bursaiklan.com/) – Penyedia layanan iklan gratis,               memasang iklan dengan cuma-cuma untuk semua jenis kriteria, yang dikelola
  termasuk foto.                                                                        secara profesional.

BiroIklan (http://www.biroiklan.net/) - Situs iklan gratis internet Indonesia       IklanBaris.co.id (http://www.iklanbaris.co.id/) – Fasilitas iklan gratis yang
   dengan 60 kategori, tanpa registrasi dan dapat di modifikasi atau dihapus            dikembangkan oleh PT Bitnet Komunikasindo.
   sendiri oleh pemasang iklan.                                                     IklanIklan (http://www.iklaniklan.com/) - Bosan dengan iklan baris yang biasa
Bursa Iklanbaris (http://iklanbaris.fsn.net/) - Situs iklan bebas dengan kategori       saja? Cobalah iklaniklan.com. Iklan baris yang paling user friendly,
  yang lengkap.                                                                         dilengkapi dengan fitur canggih seperti auto-notify. Anda bahkan dapat
                                                                                        upload file multimedia (foto, suara, film) pada iklan anda.
Cabe Merah (http://www.cabe-merah.com/) - Iklan Baris Gratis.
                                                                                    Iklanklik dot com (http://www.iklanklik.com/) - Media iklan mini gratis
Cabinet (http://iklan.cabi.net.id/) - Pasang iklan anda disini, gratis.
                                                                                    IklanInternet DotCom (http://www.iklaninternet.com/) - Situs iklan baris gratis
Café Gado-Gado (http://caprius.or.id/cafegado2) - Situs iklan baris gratis              dan promosi di internet. Iklan mini, iklan baris, iklan gratis, gampang pasang
  yang full music.                                                                      iklannya, cepat cari iklannya !!! Anda diberi fasilitas untuk menempatkan,
                                                                                        memperbarui dan menghapus iklan yang Anda posting ke situs ini.
Iklan Doea Lima (http://www.iklan-25.co.id/) - Layanan Pemasangan Iklan
    Baris Gratis dengan lebih dari 10 Kategori, sistem aktifasi iklan baris yg      IklanMedan.com (http://www.iklanmedan.com/) - Memberikan layanan iklan
    cepat (tanpa perlu konfirmasi melalui e-mail) dan juga menerima pemasangan          gratis di Internet. Tempat menampung informasi barang bekas maupun baru,
    Online Advertising.                                                                 mempertemukan antara penjual dan pembeli, serta membuka peluang dan
                                                                                        kesempatan baru. Iklanmedan.com digunakan sebagai sarana iklan gratis bagi


                                                                            243                                                                                  244
   pengguna internet. Sasaran utama iklanmedan.com adalah untuk menampung            MediaIklan.com (http://www.mediaiklan.com/) - Artistik website yang
   iklan masyarakat internet kota Medan. Tapi tidak tertutup kemungkinan untuk         dirancang khusus bagi pengguna internet yang ingin memasang iklan gratis di
   digunakan oleh masyarakat internet kota lain sepanjang digunakan dengan             internet. Sederhana, user friendly dan mudah dalam pengoperasian.
   baik/benar.
                                                                                     Kulakan (http://www.kulakan.com/) - Iklan baris gratis di Kulakan serta
IklanMini DotCom (http://www.iklanmini.com/) - Tempat gratis pasang iklan              fasilitas-fasilitas lainnya.
    mini di internet
                                                                                     Makelar Saiber TM (http://makelar.center.co.id/) - Situs Iklan Gratis dan
IklanMini.co.id (http://www.iklanmini.co.id/) - Iklan Mini Gratis Centrin              bebas anda bisa apa saja semua serba gratis
IklanPlus.com (http://iklanplus.com/) - Cari barang bekas? murah?                    Media Iklan Mini Gratis (http://www.i-klik.com/) - Layanan iklan mini gratis
    handphone? komputer? Semua serba ada. Mau pasang iklan? Pasang                     di Internet.
    LANGSUNG tampil, serba cepat dan mudah, dan tentunya ...GRATIS !
                                                                                     Media Jual & Beli (http://www.jubelindo.co.id/) - Iklan Baris Gratis Pertama
iklanwap.com (http://www.iklanwap.com/index.htm) - Pasang iklan gratis                 dan Terlengkap di Indonesia
    yang dapat ditampilkan pada ponsel WAP
                                                                                     Pro-Infocom (http://www.pro-infocom.com/) - Media pemasaran produk dan
IndoAds (http://indoads.cjb.net/) - Situs Indoads merupakan jaringan iklan              situs Anda di internet, Gratis untuk Webmaster lewat e-mail, banner, trafik,
   Indonesia yang merupakan pusat iklan gratis dalam berbagai kategori.                 cgi, website, search engine, cgi-bin, perl, mailing list dll.
IndoFocus DotCom (http://www.indofocus.com/) - Media promosi,                        Semua Gratis (http://www.semua-gratis.com/) - Portal situs gratis, iklan baris
   Lowongan Kerja, Cari Jodoh, Iklan Gratis dll.                                       gratis dan masih banyak lagi.
IndoIklan (http://www.indoiklan.com/) - Pasang iklan baris gratis dengan             Iklan.co.id (http://www.iklan.co.id/) – Ingin pasang iklan di internet? Gratis,
   gambar atau suara (audio). Dengan berbagai kemudahan untuk mengedit, men-             kategori lengkap.
   delete, dll-nya. Anda boleh pasang iklan gratis dengan foto sebanyak Anda
   mampu.                                                                            SOLOCITY.com (http://www.solocity.com/) - Komunitas Internetnya Wong
                                                                                       Solo dengan Iklan Gratis, E-mail, Fax, dll.
Media iklan online (http://www.mediaiklan.com/) - Memberi layanan jasa
  pada pengguna internet Indonesia serta membantu mengembangkan berbagai             Uang-Iklan (http://uangiklan.cjb.net) – Iklan Anda DIJAMIN akan dibaca oleh
  sektor usaha melalui pelayanan gratis iklan baris di internet.                       1000 orang + Rp. 25 Juta BONUS CASH untuk Anda + Auto Submit iklan
                                                                                       Anda ke 3856 Classified Ads Sites (lihat BAB 8 untuk penjelasan lebih
Jogjapromo (http://www.jogjapromo.com/) - Ajang iklan gratis khusus DIY -              lanjut).
  Solo dan Jateng Iklan gratis via Internet khusus DIY-Jawa Tengah
JualBeli.co.id (http://www.jualbeli.co.id/ atau http://www.jualbeli.com/) –
  Disini Anda bisa pasang iklan baris beserta gambar sekaligus. Gratis!
                                                                                     7.2 MEMASANG IKLAN ONLINE GRATIS
KeluargaInternet DotCom (http://www.keluargainternet.com/)               -   Situs   Memasang iklan di situs penyedia layanan iklan gratis umumnya sangat mudah.
   pencari untuk keluarga indonesia, ada free E-mail dan iklan gratis.               Anda tinggal mengunjungi situsnya, memilih kategorinya, mengisi beberapa kata
                                                                                     yang berhubungan dengan apa yang ingin Anda iklankan, meng-klik tombol
Pratama.com (http://www.pratama.com/iklan/default.asp) - Pasang iklan mini           "submit", "daftar", "setuju", "agree" atau semacamnya dan beberapa detik
   gratis, langsung ditampilkan, mau jual komputer, elektronik, rumah, tanah,        kemudian iklan Anda sudah bisa dibaca dari seluruh dunia. Jika mau, Anda bisa
   hobbi, kenalan, hand phone, atau apa saja.                                        mencari situs penyedia layanan iklan yang lain dan melakukan pendaftaran lagi
                                                                                     dengan harapan akan lebih banyak orang lagi yang membaca iklan Anda. Berikut
                                                                                     adalah contoh pendaftaran iklan ke BiroIklan.Net:


                                                                             245                                                                               246
Kunjungi situs BiroIklan di http://www.biroiklan.net. Jangan heran jika Anda          menghapus iklan kita. Catat bahwa untuk mengiklankan homepage, Anda
    malah akan melihat alamat www.IKLAN-INTERNET.com. Mungkin ini                     mungkin tidak perlu mencantumkan nomor telepon Anda. Pada kolom 'Judul
    adalah nama baru mereka.                                                          Iklan', Anda bisa memasukkan kata "Telah Hadir Situs Baru …. Nama
                                                                                      homepage Anda ….." Pada pemilihan kategori, pilihlah "Rupa-rupa" karena
Klik link 'click here' untuk mulai memasang iklan.
                                                                                      kategori yang berhubungan dengan iklan homepage memang tidak ada. Pada
                                                                                      situs yang lain, pengumuman situs baru biasanya bisa dimasukkan kedalam
                                                                                      kategori 'Internet', 'Advertising', 'Announce', 'Pemberitahuan' dan lain
                                                                                      sebagainya. Pada kolom 'Isi Iklan Anda', isilah dengan penjelasan mengenai
                                                                                      homepage Anda secara ringkas tapi jelas. Setelah semuanya diisi dengan
                                                                                      benar, klik tombol "Post This Ad!".
                                                                                  Setelah itu akan muncul pop-up klarifikasi untuk memastikan bahwa semua yang
                                                                                      Anda masukkan telah sesuai dengan keinginan Anda. Klik "OK" jika
                                                                                      semuanya sudah benar dan klik "Cancel" jika masih ada yang salah.




        Gambar 7.1: Salah satu situs penyedia layanan iklan langsung jadi



                                                                                             Gambar 7.3: Tampilan klarifikasi isi iklan di BiroIklan.Net


                                                                                  Anda akan menerima ucapan terima kasih. Dan pada titik ini, proses
                                                                                     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
               Gambar 7.2: Form pendafatan iklan di BiroIklan.Net                     kategori mobil dst.


    Isi form yang ada sesuai iklan yang ingin Anda tayangkan. Isi password
    dengan apa saja. Ini akan diperlukan jika ingin melakukan perubahan atau

                                                                            247                                                                             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
Gambar 7.4: Setelah daftar, Anda bisa langsung melihat iklan Anda sendiri     URL" gratis yang bisa kita gunakan untuk memasukkan/mendaftarkan alamat URL
                                                                              homepage kita kedalam mesin pencari mereka. Fasilitas inilah yang kita
                                                                              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,
     Gambar 7.5: Tampilan hasil pemasangan iklan di BiroIklan.Net                update setiap saat, ribuan foto bintang sepak bola, 6 MB e-mail gratis!
                                                                              Distorsi.com (http://www.distorsi.com/) - Situs portal Info musik, review, e-
                                                                                 mail gratis dll.
                                                                              d-Rex.net (http://d-rex.net/) - One Stop Portal untuk semua keperluan internet
                                                                                 Anda. Berbagai fasilitas seperti chatting room, e-mail gratis, search engine,
                                                                                 dan masih banyak lagi lainya.


                                                                        249                                                                              250
Griya2000.com (http://www.griya2000.com/) - Portal properti (perumahan)                 menarik tentang perkembangan anak, kesehatan keluarga, kelainan jiwa,
   pertama di Indonesia, dengan virtual photo. Bila anda mencari hunian                 narkoba, dsb.
   disinilah tempatnya. Bukan hanya jual beli properti ... kunjungi kami untuk
                                                                                     Jengger.com (http://www.jengger.com/) - Portal Jengger.com - Katalog
   lebih jelasnya.
                                                                                        website, agenda dan e-mail gratis.
Islamic Portal (http://www.hidayatullah.com/) - Hidayatullah.com - Situs
                                                                                     Kemana.Com (http://www.kemana.com/) - Go futher!! Paling besar, paling
    berita dan portal khusus tentang Islam.
                                                                                       asyik, paling berguna dan paling menghibur.
Hobbies-Auto (http://www.hobbies-auto.com/) - Hobbies-Auto adalah situs
                                                                                     Metrokom (http://www.metrokom.com/) - IT portal pertama, terlengkap dan
  portal yang memberikan banyak fasilitas kepada semua penggemar automotif,
                                                                                       terbesar di Indonesia, sumber informasi tentang berita IT, komputer,
  khususnya anggota klub-klub mobil di Jakarta dan Indonesia. Diantaranya
                                                                                       hardware, software, Internet. Menyediakan fasilitas e-mail gratis, chat,
  berupa informasi yang dapat dilakukan dengan searching (bengkel, pusat
                                                                                       bookmark, kalender, agenda dan forum.
  penjualan onderdil, emergency, info terbaru dunia otomotif dll), e-mail gratis
  dan konsultasi. Salah satu layanan andalannya adalah Tip & Trik perawatan          MadCodes (http://www.madcodes.com/) - Portal untuk semua informasi
  mobil. Layanan lainnya adalah fasilitas transaksi e-commerce.                        komputer dari hardware sampai programming, bahkan ada juga situs
                                                                                       underground-nya.
IndoProperty (http://www.indoproperty.com/) - Portal properti & multilisting
   on-line pertama di Indonesia yang bisa anda dapatkan.... Jual/Beli/Sewa           Matamata (http://www.matamata.com/) - Situs Portal Matamata.com - E-mail
   properti Iklan baris properti gratis sepanjang tahun berita seputar properti di     gratis, shopping dengan informasi dan berita.
   indonesia dan masih banyak benefit lainnya.
                                                                                     Mega-Wedding.com (http://www.mega-wedding.com/) - Portal pernikahan
HomNet (http://www.homnet.org/) - Portal yang berhubungan dengan Tempat                Indonesia yang menyediakan informasi lengkap mengenai kebutuhan
  Tinggal yang Nyaman.                                                                 pernikahan. Disertai dengan berbagai fasilitas menarik & GRATIS.
IndoJustice (http://www.indojustice.com/) - Indojustice adalah Portal Hukum          Mimbar (http://www.mimbar.com/) - Situs portal jodoh, informasi hiburan,
   Indonesia yang disajikan dalam 2 (dua) versi bahasa, yaitu Indonesia dan            iklan gratis dan papan diskusi.
   Inggris yang ditujukan bagi para Praktisi Hukum (Legal Practice),
   Mahasiswa/Pelajar (Student), Masyarakat Umum (Public), dan Dunia Usaha            MyQuran.Com (http://www.myquran.com/) - Portal Muslim Indonesia dan
   (Business) dalam rangka informasi dan reformasi hukum yang tengah                   Gateway untuk Web Site Islam lainnya.
   diharapkan oleh seluruh rakyat Indonesia yang saat ini meningkat pengetahuan      OnKlik (http://www.onklik.com/) - Portal web khusus untuk pengguna Internet
   dan kesadaran hukumnya.                                                             Indonesia (yg berada di Indonesia atau berasal dari Indonesia).
IndoMall (http://www.indomall.com/) - Shopping portal yang menyediakan               Onliner (http://www.on-liner.com/) - Situs gerbang dunia internet berupa
   produk-produk berkualitas atau produk langka yang juga menyediakan                  search engine dan direktori.
   tips/panduan belanja gratis kepada pengunjung. Situs ini telah mendapat
   sertifikasi dari Thawte VeriSign untuk menjamin keamanan transaksi secara         Oto.co.id (http://www.oto.co.id/) - Portal otomotif Indonesia.
   online.
                                                                                     Otogenik (http://www.otogenik.com/) - Portal otomotif yang memberikan
IQ - EQ Interaktif (http://www.iqeq.web.id/) - IQ - EQ Interaktif adalah portal        layanan pencarian dan transaksi suku cadang dan asesoris, artikel mobil dan
   psikologi, kesehatan serta trend perilaku & gaya hidup yang pertama di              motor, e-mail gratis, webhosting untuk toko, bengkel dan klub otomotif,
   Indonesia. Anda bisa mendapatkan informasi lengkap mengenai psikologi               chatting room, personalisasi halaman web dan reminder.
   anak, remaja, keluarga, umum, populer, maupun kesehatan. Situs ini sangat
   cocok bagi para mahasiswa, peneliti, dosen, maupun mereka yang peduli             Pelopor.com (http://www.pelopor.com/) - Portal website, Gratis Musik MIDI
   dengan psikologi. Ada juga e-mail gratis, mailing list dan artikel-artikel           Indonesia, Gratis MP3, Gratis e-mail, Gratis info musik, Gratis Kartu
                                                                                        Ucapan.

                                                                             251                                                                             252
Pontianak Online (http://www.pontianak-online.com/) - Portal kota                  7.3.1 Mendaftar Ke Situs Portal Satunet
  Pontianak, antara lain berita mingguan, direktori e-mail/Url/alamat, informasi
  kota, iklan gratis, suvenir, belanja online dsb.                                 Sebagaimana dengan cara pendaftaran di situs iklan gratis, mendaftarkan diri di
                                                                                   situs portal juga sangat mudah. Anda tinggal mengunjungi situs portalnya,
Portal Info komputer (http://www.blacksystem.org/) - Portal berisi info            mencari link dengan kata-kata seperti "Add URL", "Add Link", "Tambah URL"
  terbaru mengenai komputer dan dunia cyber, juga free e-mail.                     atau semacamnya, mengisi beberapa pertanyaan, menekan tombol "OK",
PortalAsuransi (http://www.portalasuransi.co.id/) - Portal paling lengkap          "Tambah" atau "Setuju" dan beberapa detik atau menit kemudian situs Anda
  khusus di bidang asuransi, meliputi info, berita, dan trend terbaru, direktori   sudah masuk kedalam mesin pencari mereka!
  asuransi, kamus istilah asuransi, saran, UU asuransi.                            Agar lebih jelas, berikut adalah contoh pendaftaran yang bisa dilakukan di situs
Semua-Gratis.com (http://www.semua-gratis.com/) - Portal situs gratis              portal Satunet.Com :
  pertama di Indonesia. Iklan baris gratis, direktori, Pengaduan layanan           1.   Kunjungi situs portal Satunet di alamat http://www.satunet.com.
  masyarakat.
                                                                                   2.   Masukkan kata apa saja kedalam kolom PENCARIAN (misalnya kata
Sekaligus.com (http://www.sekaligus.com/) - Portal Indonesia terlengkap:                "homepage"), klik radio button 'Situs' dan setelah itu klik tombol "Cari".
  Berita, e-mail 6MB gratis, search engine, iklan baris, kartu ucapan,                  Langkah ini kita lakukan untuk memunculkan link "Tambah URL" karena
  download musik MP3, Xdrive 25MB gratis, chatting, dan yang paling seru....            dihalaman utama Satunet, link ini tidak ada.
  SHOPPING/BELANJA Online!
                                                                                   3.   Beberapa detik kemudian akan muncul semua hal yang berhubungan dengan
Posmo.Com (http://www.posmo.com/) - Portal aktual 3 bahasa dari Surabaya.               kata yang kita cari tadi. Gulung layarnya hingga posisi paling bawah. Anda
  Dilengkapi Bahasa Inggris dan Jepang. Kelompok Oposisi, Grup Jawa Pos.                akan melihat link "Direktori", "Tambah URL" dan "Ubah URL" di bagian
                                                                                        tengah. Klik link "Tambah URL". Setelah itu akan muncul kolom-kolom isian
Satunet.com (http://www.satunet.com/) - Portal terdahsyat di Indonesia                  yang bisa Anda isi apa saja.
   dengan kecepatan akses yang lumayan.




                   Gambar 7.6: Tampilan Situs Portal Satunet                            Gambar 7.7: Form pendaftaran untuk memasukkan link ke Satunet.Com


                                                                           253                                                                                254
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).
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".
6.   Beberapa detik kemudian akan muncul tulisan "Data URL Anda telah kami
     terima untuk kami Validasi. Terima kasih". Pada titik ini, proses pendaftaran
     sudah selesai. Tidak ada yang bisa kita lakukan kecuali menunggu atau
     lupakan saja beberapa saat (kadang bisa berjam-jam).
7.   Setelah beberapa jam, coba cek apakah situs Anda telah masuk ke direktori
     portal Satunet. Masukkan judul pengumuman yang Anda masukkan pada
     langkah 4, klik radio button berlabel 'Situs' dan klik tombol "Cari". Jika            Gambar 7.8: Tampilan setelah pendaftaran link di Catcha.Co.Id selesai
     alamat situs Anda telah divalidasi, maka Anda akan melihatnya pada
     tampilan yang muncul kemudian.
                                                                                     7.4 PROMOSI SITUS WEB MELALUI
7.3.2 Mendaftar Ke Situs Portal Catcha.co.id                                             PERTUKARAN BANNER
Pendaftaran di situs portal Catcha.co.id hampir mirip dengan cara pendaftaran di     Pertukaran banner (banner exchange) atau pertukaran link (link exchange)
Satunet. Berikut adalah tahap-tahap yang harus Anda lakukan untuk mendaftar di       adalah salah satu cara promosi gratis yang cukup efektif untuk mempromosikan
catcha.co.id :                                                                       situs web. Melalui promosi ini Anda dapat meletakkan banner di sebuah server
                                                                                     untuk disirkulasikan oleh sebuah program. Dengan menggunakan kode-kode
1.   Kunjungi situs portal catcha di alamat http://www.catcha.co.id.                 HTML khusus yang diletakkan di halaman-halaman situs web para peserta
                                                                                     promosi ini, banner-banner tersebut akan tampil secara bergantian. Pengunjung
2.   Gulung layar utama hingga posisi paling bawah.                                  situs web yang mengklik banner tersebut akan diantarkan ke situs web pemilik
3.   Klik link berlabel "Tambah URL" yang tampak pada menu bar kiri paling           banner yang bersangkutan.
     bawah.                                                                          Saat ini, ada banyak penyelenggara program pertukaran banner baik dari dalam
4.   Isi kolom-kolom yang ada seperti cara pengisian form di Satunet. Setelah        maupun luar negeri. Untuk versi internasional, Anda bisa menggunakan
     semua kolom terisi dengan benar, klik tombol "Submit Now".                      Linkexchange            (http://www.linkexchange.com/),          Linkbuddies
                                                                                     (http://www.linkbuddies.com/), linkopp (http://www.linkopp.com) atau
5.   Beberapa detik kemudian akan muncul ucapan terima kasih dari catcha dan         Smartclicks (http://www.smartclicks.com/). Dan kalau situs Anda berbahasa
     pernyataan bahwa Anda akan segera dikirimi pemberitahuan melalui e-mail         Indonesia dan hanya ingin dikunjungi oleh orang-orang Indonesia, Anda bisa
     setelah alamat situs Anda di validasi (gambar 7.8).                             menggunakan salah satu atau salah dua diantara penyelenggara pertukaran banner
6.   Pada titik ini, proses pendaftarannya telah selesai. Anda tinggal menunggu e-   Indonesia dibawah ini:
     mail dari catcha dan .... bereslah semuanya!



                                                                             255                                                                                   256
Banner Indonesia (http://www.bannerindonesia.com/) - Layanan pertukaran          IndoClicks Banner Exchange (http://indoclicks.virtualave.net/ atau
  banner (banner exchange) antar situs web Indonesia.                               http://www.indoclicks.or.id/) - Layanan banner exchange gratis dengan
                                                                                    banyak fasilitas. Account Name/User-ID bebas. Menerima segala jenis
Buana Musik Indonesia Banner Exchange (http://www.bmi.or.id/) - BMI                 website. Multi banner. Multi halaman. Instant signup. Banner standar
  Banner Exchange adalah sarana promosi website dengan menggunakan                  468x60. Statistik harian. Display ratio 1:1. Technical support. Banner
  banner seperti halnya LinkExchange, silakan promosikan website Anda               creator. Banner templates unik. Banner tools. Banner tips. Optimisasi
  dengan menjadi member BMI Banner Exchange, Gratis!                                banner. Mail form generator. Meta tags generator. URL submission.
CempakaPutih (http://www.cempakaputih.com/) - Sumber terbaik bagi Anda              Newsletter. E-mail account gratis. Web hosting gratis. Webmasters resource
  yang sedang membangun website. Dapatkan lebih dari 350 source code java           dll.
  & JavaScripts, CGI, script collections, sponsors, banner exchanges, URL        linkopp (http://www.linkopp.com/member/sn2823.htm) - Situs yang mengajak
  Submissions, guestbooks, counters, trackers, Forum, Form, Message                  kita untuk bergabung bersama linkoop banner.
  board, Search engine, Submit, date, time, anti right click, URL redirection,
  HTML editors, graphics software, Perl, PHP. Silahkan isi forum dulu dan        Terkenal (http://www.terkenal.com/) - Inilah wadah yang memungkinkan anda
  semuanya Anda dapatkan secara GRATIS.                                             untuk saling bertukar banner dan mempromosikan situs anda secara gratis.
                                                                                    Tukar menukar banner, sarana promosi/iklan gratis di internet.
Indonesia ISP (http://www.infoasia.net.id/) - InfoAsia Online adalah ISP
   salah satu di Indonesia yang menyediakan jasa koneksi ke internet dengan
   kapasitas kecepatan 8 MB, menyediakan iklan gratis bagi para netter, dan      7.4.1 Cara Mudah Memiliki Banner
   pertukaran banner bagi website-website bisnis.
                                                                                 Jika Anda berminat mengikuti program pertukaran banner, syarat utama dan
Adplacer2000 (http://adplacer2000.hypermart.net/ads/ad-make.html) - Lebih
                                                                                 mutlak yang harus Anda penuhi adalah bahwa Anda harus sudah memiliki banner
  baik dari banner exchange manapun. Anda akan mendapatkan link ke website       sendiri!
  anda yang ada di ribuan situs lain. Dan yang paling penting tidak ada banner
  exchange lain yang memberikan kesempatan bagi anda untuk mendapatkan           Banner berupa gambar statis atau animasi bisa dibuat dengan berbagai macam
  ribuan Dollar sementara Anda mengiklankan produk atau jasa anda!               editor grafik seperti Paint Shop Pro, Adobe Photo Shop atau program khusus
                                                                                 pembuat banner (banner creator) seperti yang ada di IndoClicks
DRec Banner Exchange (http://www.drec.net/banner/) - Sarana Untuk
                                                                                 (http://www.indoclicks.or.id). Disitus ini Anda juga bisa menemukan banyak
  Publikasi Situs Web Anda.                                                      banner template yang unik-unik.
Emely.Net Banner Exchange (http://banner.emely.net/) - Emely.Net,                Jika Anda tidak mau repot, Anda bisa meminta orang lain membuatkannya untuk
  penyedia jasa pertukaran banner di antara situs web Indonesia. Statistik       Anda. Saat ini, ada beberapa situs yang menyediakan layanan pembuatan banner
  lengkap, mudah, keamanan terjamin, kecepatan bagus.                            gratis untuk Anda. Yang perlu Anda lakukan hanyalah mengisi formulir atau
IndoBanner                  (http://indobanner.internet.co.id            atau    mengisi buku tamu dan menjelaskan spesifikasi homepage Anda. Berikut adalah
   http://www.indobanner.co.id) Layanan pertukaran banner independen             beberapa diantaranya:
   pertama Indonesia dan merupakan hasil karya serta sumbangsih sekelompok
   kawula muda Indonesia bagi dunia Internet Indonesia. Layanan ini GRATIS.
   Jika Anda memiliki situs web dan ingin mendapatkan web advertising            Free Banner
   GRATIS, gunakan layanan ini. Layanan IndoBanner Exchange merupakan               (http://www.geocities.com/FashionAvenue/salon/3791/index.html) - Anda
   layanan gratis yang diberikan kepada pemilik website pribadi, organisasi         dapat memesan banner pada situs ini gratis. Cukup dengan memberikan
   nirlaba serta website yang menurut penilaian dapat diikutkan dalam layanan       spesifikasinya dan mereka akan membuatnya dengan sangat bagus (katanya).
   IndoBanner Exchange.



                                                                         257                                                                             258
Animasi Gratis Untuk Web (http://www.geocities.com/alfin70) – Anda ingin          Untuk mendapatkan kredit, setiap 2 banner anggota lain ditampilkan di situa
   dibuatkan banner atau animasi graphics gratis? Silahkan isi buku tamu di       Anda, Anda akan mendapat 1 kredit yang bisa digunakan untuk menampilkan
   situs ini dan kirim e-mail pada pengelolanya!                                  banner Anda 1 kali di situs anggota yang lain. Statistik jumlah kredit dan klik
                                                                                  yang anda dapat bisa diakses melalui ruang anggota.
BOON Design (http://www.internetdiva.com/boon) - Jasa layanan pembuatan
  gambar gratis bagi mereka yang ingin memiliki homepage sendiri.                 Berikut adalah langkah-langkah yang diperlukan untuk mendaftar ke situs
                                                                                  BannerIndonesia. Sebelum melakukan pendaftaran ini, pastikan bahwa Anda
                                                                                  telah memiliki homepage yang telah aktif dan memiliki file gambar banner
7.4.2 Mendaftar ke BannerIndonesia.com                                            sendiri (gif atau jpg) dengan ukuran 468x60 pixel dam ukuran file tidak lebih
                                                                                  dari 10 KB :
Pendaftaran ke situs penyedia program pertukaran banner umumnya cukup
mudah. Pada sub bab ini, kita akan mencoba mendaftarkan diri ke                   1.   Kunjungi situs Banner Indonesia di http://www.bannerindonesia.com.
BannerIndonesia, sebuah layanan pertukaran banner antar situs yang berorientasi   2.   Klik link 'Gabung Sekarang' atau 'mendaftar'.
bagi komunitas netter indonesia.                                                  3.   Baca syarat dan peraturan yang ditampilkan. Jika sudah selesai, klik tombol
                                                                                       "Saya Setuju. Daftarkan Sekarang" (gambar 7.9).
Segera setelah Anda mendaftar menjadi anggota BannerIndonesia.com dan             4.   Berikutnya akan ditampilkan form pengisian nama account dan kode
menyisipkan kode HTML unik yang diberikan khusus untuk Anda pada halaman               password yang akan diperlukan nanti saat kita ingin mengedit data, mengirim
web Anda, maka software BannerIndonesia.com akan merotasi banner banner                banner, melihat statistik dll. Isilah dengan Nama dan Password yang Anda
milik situs para anggota lainnya melalui kode HTML tersebut. Demikian juga             inginkan dan klik tombol "Cek Untuk Proses Selanjutnya".
dengan para anggota yang lain, sehingga semua anggota yang telah mendapat         5.   Jika nama yang Anda masukkan belum ada yang menggunakan, sebentar
kredit akan mendapat kesempatan banner situs yang bersangkutan                         kemudian akan muncul form isian yang berhubungan dengan account Anda.
dirotasikan/dipromosikan secara gratis.                                                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".




         Gambar 7.9: Baca peraturannya dengan baik sebelum mendaftar
                                                                                              Gambar 7.10: Form pendaftaran di BannerIndonesia.Com


                                                                          259                                                                                260
                                                                                      rotasikan ke anggota-anggota yang lain sesuai dengan kredit yang Anda
6.   Setelah itu akan ditampilkan status account Anda saat ini. Didalamnya juga       dapatkan.
     terdapat statistik dan pesan "(Account ini masih menunggu persetujuan
     pengawas Banner Indonesia.)" yang berarti bahwa meski sudah terdaftar,
     tetapi account Anda masih belum aktif. Sambil menunggu persetujuan yang
     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) :

     <!-- 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?                                 Gambar 7.11: Proses upload banner yang ingin dipertukarkan melalui
     member=serba-gratis;banner=NonSSI;page=01"                                                               BannerIndonesia.Com
     TARGET="_blank"><IMG
     SRC="http://members.bannerindonesia.com/umum.cgi?member=serb
     a-gratis;page=01" WIDTH=468 HEIGHT=60 ALT="Banner Indonesia
     Network" BORDER=0></A></NOSCRIPT></IFRAME><BR><A                             7.5 MEMANFAATKAN SEARCH ENGINE
     HREF="http://www.bannerindonesia.com/" TARGET="_blank"><IMG
     SRC="http://members.bannerindonesia.com/bar.gif" WIDTH=468
     HEIGHT=15 ALT="Banner Indonesia Network"                                     Untuk mendapatkan hit rate pengunjung yang tinggi, semua upaya promosi situs
     BORDER=0></A></CENTER>                                                       web harus gencar dilakukan. Selain dengan cara-cara yang telah dijelaskan
     <!-- End Banner Indonesia Network Code -->
                                                                                  diatas, cara lain yang juga sangat efektif adalah dengan mendaftarkannya ke
                                                                                  mesin-mesin pencari (search engine) baik lokal, seperti Search Indonesia
7.   Selain melakukan "Copy & Paste" untuk menyisipkan kode HTML, Anda            (http://www.searchindonesia.com) atau Betawi Net (http://cikini.betawi.net/)
     juga dapat melakukan upload banner. Gulung layar status account sampai       maupun internasional seperti yahoo, altavista atau infoseek.
     bawah, kemudian klik tombol "Edit Account Anda".
8.   Pada tampilan yang muncul kemudian, gulung layar sampai bawah. Klik
     tombol "Browse" untuk mencari file banner Anda di HardDisk dan klik          7.5.1 Memburu Search Engine
     "Upload Banner" (gambar 7.11).
                                                                                  Pada saat buku ini ditulis, di internet diperkirakan ada lebih dari 2500 search
9.   Pada titik ini, proses pendaftaran ke BannerIndonesia sudah selesai. Anda    engine yang sebagian besar diantaranya mengijinkan kita untuk memasukkan URL
     tinggal meng-upload halaman web Anda yang telah disisipi kode-kode           baru kedalamnya. Berikut adalah sebagian kecil diantaranya. Jika masih kurang,
     HTML diatas ke server sehingga sambil menunggu pemberitahuan                 Anda bisa mengunjungi salah satunya dan memasukkan kata "search engine"
     persetujuan, Anda bisa mulai mengumpulkan kredit. Nanti setelah mendapat     sebagai kata kunci pencarian :
     persetujuan melalui e-mail, pada saat itu juga banner Anda akan mulai di

                                                                          261                                                                                262
                                                                                    National Directory    http://www.nationaldirectory.com/cgi-bin/addurl
                                                                                    Nerd World            http://www.nerdworld.com/nwadd.html
 SEARCH          ALAMAT UNTUK MENDAFTARKAN
                                                                                    Net Announce!         http://www.erspros.com/net-announce/content.phtml
 ENGINE                     URL                                                     NetBreach             http://www.netbreach.com/addurl/
Adnet         http://www.theadnet.com/                                              Netfind.aol.com       http://netfind.aol.com/add.adp
Ah-ha         http://www.ah-ha.com/addurl/                                          NetGL                 http://www.netgl.com/netglance/link.html
Alldeal       http://www.alldeal.com/add_site/                                      NetSearch             http://198.80.94.66/cgi-bin/search.pl?AddSite=prompt
AltaVista     http://www.altavista.com/cgi-bin/query?pg=addurl                      Northern Light        http://www.northernlight.com/docs/regurl_help.html
arkesini      http://www.arkesini.com/links/links.htm                               Pandawa               http://www.pandawa.com/arjuna/add.cgi
Anzwers       http://www.anzwers.com/cgi-bin/print_addurl.pl?                       peekaboo              http://www.peekaboo.net/index1.html
Asiaco        http://search.asiaco.com/cgi-bin/addurl.cgi                           projectcool           http://www.projectcool.com/sightings/submit.html
asiannet      http://www.asiannet.com/joinus.html                                   Power Crawler         http://www.powercrawler.com/addurl.cfm
Asia Search   http://expatsinasia.safeshopper.com/                                  Planet Search         http://www.planetsearch.com/?a=19&flags=3&count=10
Batavianet    http://www.batavianet.co.id/addurl.html                               Profusion             http://profusion.com/users/sitesee.html
canada.com    http://www.canada.com/search/web/addurl.asp                           Proteus               http://www.thrall.org/proteus/urlsub.htm
Cihuy         http://exim.access.net.id/irwan/websearch/add-url.html                PureSearch            http://www.puresearch.com/addasite.html
Claymont      http://www.claymont.com/cgi-bin/addurlsform.pl                        Scrub The Web         http://www.scrubtheweb.com/addurl.html
Crawler       http://www.crawler.com/                                               Seaquest              http://seaquest.kusza.edu.my/cgi-bin/add.cgi
Dewa          http://www.dewa.com/submit/                                           Search Hound          http://www.searchhound.com/Pages/submit.htm
Direct Hit    http://www.directhit.com/util/addurl.html                             Search King           http://www.searchking.com/add.htm
DMOZ          http://dmoz.org/add.html                                              Search Spot           http://www.searchspot.com/info/suggest_site.htm
Donhey        http://donhey.hypermart.net/algemeen/inschr.htm                       Search UK             http://url.searchuk.com/
Euroferret    http://www.euroferret.com/addurl.html                                 searchindonesia.com   http://207.153.207.5/cgi-bin/links/add.cgi
Excite        http://www.excite.com/info/add_url.html                               searchindonesia.net   http://207.153.241.40/cgi-bin/silinks/add.cgi
Findit        http://users.cgiforme.com/findit/addurl.html                          Searching 4U          http://www.searching4u.com/links/links.htm
Funkycat      http://www.funky-cat.com/webmasters.asp                               Site@shack            http://www.siteshack.com/submit.htm
G.O.D         http://www.god.co.uk/add.htm                                          Spider Hog            http://www.spiderhog.com/addurl.htm
Go            http://www.go.com/AddUrl?&pg=SubmitUrl.html                           Splat                 http://www.splatsearch.com/submit.html
Go2Net        http://www.go2net.com/help/faq/add-url.html                           ShopInternet          http://www.ro.com/ShopInternet/submit.html
Google        http://www.google.com/addurl.html                                     Super Snooper         http://supersnooper.com/AddURL.htm
GottaBounce   http://www.gottabounce.com/cgi-bin/links/add.cgi                      Surfgopher            http://www.surfgopher.com/addurl.htm
HotBot        http://www.hotbot.com/addurl.asp                                      Teledom               http://www.teledom.net/add.shtml
Indo Center   http://www.indocenter.co.id/add.html                                  Voila                 http://www.voila.com/Info/addsite.html
Indoseek      http://www.indoseek.co.id/add.html                                    Web2Search            http://www.websearch2k.com/cgi-bin/search/search.pl
Info Tiger    http://www.infotiger.com/addurl.html                                  WebCrawler            http://www.webcrawler.com/Help/GetListed/AddURLS.html
Infohiway     http://www.infohiway.com/isn/addurl.html                              Webmaster             http://wmn.linkopp.net/cgi-bin/add.cgi
Infoseek      http://infoseek.go.com/AddUrl?pg=SubmitUrl.html                       Network
              http://www.lycos.com/addasite.html                                    Whatuseek             http://www.whatuseek.com/noshock/addurl-tableset.shtml
Lycos
Magellan      http://magellan.excite.com/info/add_url/                              World Light           http://www.worldlight.com/addsite.html
Mamma         http://webfarm.mediaplex.com/click_thru_request/206-1306-1227         Yahoo                 http://www.yahoo.com/info/suggest/
              http://search.msn.com/addurl.asp                                      Youth of America      http://youthofamerica.org/webchain/addurl.htm
MSN.com
Mugomilk      http://www.mugomilk.freeserve.co.uk/html/addsite.html


                                                                              263                                                                                  264
7.5.2 Mendaftar ke 12 Search Engine Besar di Internet                              5.   Klik tombol "Next". Setelah itu akan muncul tampilan pintu masuk ke Web
                                                                                        Site Garage. Karena kita belum terdaftar, klik link berlabel 'Click here'
Ada beberapa cara untuk melakukan pendaftaran URL ke search engine,                     dibelakang teks "If you do not have a Web Site Garage account...".
misalnya dengan mengunjunginya satu persatu dan melakukan pendaftaran satu         6.   Pada tampilan "A Web Site Garage account for ...... has been created. " Klik
persatu. Cara ini memang membutuhkan kesabaran yang lumayan. Untungnya, ada             tombol "Next". Anda akan masuk ke ruang pendaftaran ke 12 search engine
cara lain yang lebih efektif, yaitu dengan mengunjungi situs-situs tertentu yang        yang sesungguhnya.
sekaligus akan mendaftarkan kita pada beberapa search engine sekaligus, seperti
Submit-It misalnya. Atau menggunakan fasilitas khusus yang ditawarkan oleh
suatu situs tertentu seperti IndoBanner.
Jika Anda mendaftar ke IndoBanner (http://www.indobanner.co.id), Anda akan
diberi hak akses ke "website promotion tools" mereka. Dengan tool ini Anda
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.
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              - http://www.altavista.digital.com/
ComFind                 - http://comfind.com/
Excite                  - http://www.excite.com/                                                     Gambar 7.12: Tampilan situs Register-It.Com
Hotbot                  - http://www.hotbot.com/
Infoseek                - http://www.infoseek.com/
Lycos                   - http://www.lycos.com/
Netscape Search         - http://home.netscape.com/
Northern Light          - http://www.northernlight.com/
Planet Search           - http://www.planetsearch.com/
Pronet                  - http://www.pronet.ca/
The YellowPages         - http://theyellowpages.com/
WebCrawler              - http://www.webcrawler.com/
1.   Kunjungi situs Register-It di http://www.register-it.com/.
2.   Klik link '!Register-It!' yang berada dibawah label "Services".
3.   Anda akan masuk ke tampilan 'Web Site Garage Sign In'. Klik tombol "Join".
     Setelah itu akan muncul formulir NetCenter Registration. Isilah formulir
     pendaftaran dengan lengkap dan klik tombol "Next".
4.   Jika semua isian Anda benar, Anda akan mendapat alamat e-mail baru
     dengan alamat NamaAnda@netscape.net. Jika ada yang salah Anda                          Gambar 7-13: Form pendaftaran ke 12 Search Engine sekaligus
     harus mengulanginya lagi pada bagian yang salah tersebut.


                                                                           265                                                                                 266
7.   Isilah data-data mengenai situs homepage Anda dengan sebaik-baiknya,             ...............
                                                                                      <!-- BEGIN HITOMETER TAG VERSION 2 -->
     karena ini akan menentukan hasil pencarian situs Anda saat di 'search'           <A HREF="http://hitometer.netscape.com">
     dengan ke 12 search engine diatas. Hal-hal yang perlu Anda perhatikan            <script language="JavaScript1.1"><!--
                                                                                      d=document;c='<img WIDTH=115 HEIGHT=22 border=0 '+
     lebih seksama adalah pada bagian nama situs, keterangan                          'src="http://i89.netscape.com/c.cgi?A4636789$3673773$';
     singkat/keterangan panjang, keyword-nya, nama 'contact personnya' dan            if(parseFloat(navigator.appVersion)>=4){x='x';s=screen;
                                                                                      c+=s.width+x+s.height+x+s.pixelDepth+x+s.colorDepth;}
     semua hal yang menjelaskan tentang homepage Anda. Register-It juga               d.writeln(c+'$'+d.referrer+'"></A>'); // -->
     menyediakan counter gratis yang mereka sebut Hitometer. Jika Anda                </script><noscript><img WIDTH=115 HEIGHT=22 border=0
                                                                                      src="http://i89.netscape.com/c.cgi?B4636789$3673773"
     berminat, klik check box dibawah kelompok "Special Offer", disamping teks        alt="Hitometer"></A></noscript>
     "Click here to get a FREE Hitometer with your Registration". Setelah             <!-- END HITOMETER TAG ( WWW.HITOMETER.COM ) -->
     semuanya diisi dengan benar, klik tombol "Next" dan akan muncul tampilan         ...............
                                                                                      ...............
     seperti tampak pada gambar 7.14.                                                 </BODY>
                                                                                      </HTML>




         Gambar 7.14: Tampilan setelah pendaftaran di Register-It selesai
                                                                                      Gambar 7.15: Counter gratis yang disediakan saat mendaftar di Regiser-It
8.   Jika pada langkah 7 diatas Anda mengklik penawaran Hitometer, maka
     setelah Anda menekan tombol "Next", akan keluar opsi dimana Anda harus       10. Klik "Exit" jika telah selesai. Pada titik ini, proses registrasinya telah
     memilih tipe counter dan angka awal counter-nya. Klik tombol "Next", lalu        selesai. Situs Anda telah didaftarkan pada 12 search engine besar di
     klik tombol "Next" lagi pada tampilan berikutnya.                                Internet! Tetapi untuk melihat hasilnya, Anda harus menunggu dari beberapa
9.   Beberapa saat kemudian akan muncul sederet kode HTML yang harus Anda             jam hingga beberapa hari kemudian karena proses pemasukan data ke
     sisipkan pada halaman web Anda untuk menampilkan counter. Kode-kode              database search engine besar yang berisi puluhan juta entry memang lama.
     itu akan tampak seperti berikut (catat bahwa Anda akan mendapat kode
     sendiri setelah mendaftar) :                                                 11. Setelah beberapa hari, Anda dapat melakukan verifikasi terhadap mesin-
                                                                                      mesin pencari yang didaftari dengan cara login ke register-it dan masuk ke
     <HTML>
     <HEAD>                                                                           bagian 'member service'.
     <TITLE> title of your page </TITLE>
     </HEAD>
     <BODY>
     ...............


                                                                            267                                                                                  268
                                 BAB 8                                           orang      lain,     bagaimana        memperoleh         nama         domain
                                                                                 “http://www.terserah_anda.com" gratis dan lain sebagainya.

            LANGKAH BONUS:
                                                                                 8.1 MEMPERPENDEK ALAMAT SITUS WEB
          TIP & TRIK - MENGGALI                                                  Beberapa situs penyedia homepage gratis memang menyediakan alamat

          FASILITAS GRATIS DAN                                                   homepage yang mudah diingat dan unik, misalnya http://ita.sokimut.com atau
                                                                                 http://nanang.malasmandi.com. Akan tetapi bagaimana kalau Anda terlanjur
                                                                                 memiliki     alamat     homepage    yang     sangat      panjang    seperti
             PROFIT SEBANYAK-                                                    "http://www.geocities.com/ResearchTriangle/6018/index.html" misalnya?
                                                                                 Jangan khawatir, Anda bisa memanfaatkan layanan gratis untuk memperpendek
               BANYAKNYA DARI                                                    penyebutan alamat homepage diatas dengan apa yang disebut URL redirection.
                                                                                 Dengan URL redirection, alamat homepage Anda akan menjadi jauh lebih

                      INTERNET !                                                 pendek dan mudah diingat misalnya menjadi "http://come.to/serba-gratis" atau
                                                                                 "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!
Seiring dengan banyaknya ide dan kreatifitas yang bisa diangkut ke internet,     Berikut adalah sebagian penyedia layanan URL redirection yang bisa Anda
maka hampir semua hal bisa kita arahkan untuk mendapatkan keuntungan darinya.    manfaatkan :
Setelah berhasil menyelesaikan dan mempraktekkan langkah 1 hingga langkah 7
buku panduan ini, sesungguhnya Anda telah menyelesaikan sebuah karya besar
                                                                                 cjb.net (http://www.cjb.net/) – Menyediakan URL redirection dengan nama
yang mungkin bisa merubah hidup Anda. Pengetahuan dan pengalaman yang Anda
                                                                                    "http://terserah_anda.cjb.net". CJB.net adalah layanan URL redirection
dapatkan sudah bisa digunakan sebagai modal kerja yang lebih dari cukup. Anda
                                                                                    tanpa iklan. Selain CJB.net, situs penyedia URL redirection tanpa iklan
tinggal menumpahkan semua ide dan kreatifitas Anda untuk ikut bergabung
mengeruk keuntungan yang berlimpah dari dunia internet.                             lainnya adalah iods (http://www.ods.org/), eu (http://www.eu.org/),
                                                                                    hpage (http://hpage.net/), w56 (http://w56.org/) dan da.ru
Bab ini atau langkah bonus ini hanyalah tambahan, tidak harus Anda jadikan          (http://da.ru/)
kewajiban untuk menyelesaikannya. Akan tetapi jika Anda mau menyempatkan
diri untuk membacanya, maka banyak hal akan Anda peroleh sebagai bekal           Easy.to Remember (http://easy.to/REMEMBER/) - Menyediakan URL
menjadi WebMaster, bukan sekedar WebDesainer! Anda akan mendapatkan                redirection        dengan       nama        "http://easy.to/terserah_anda",
banyak trik untuk memberdayakan internet lebih banyak lagi. Misalnya,              "http://i.am/terserah_anda",                "http://hello.to/terserah_anda",
bagaimana menggunakan situs web untuk mendapatkan uang, bagaimana cara             "http://hey.to/terserah_anda",            "http://pagina.de/terserah_anda",
menyingkat alamat situs web gratis Anda, bagaimana menghilangkan iklan banner      "http://w3.to/terserah_anda" dan "http://messages.to/terserah_anda"
yang tidak diinginkan, bagaimana memproteksi file html agar tidak bisa dilihat

                                                                         269                                                                              270
Click-on.to (http://click-on.to/) - Menyediakan URL redirection dengan nama                 connect.quick.to, connect.just.to, connect.easier.to, connect.across.to,
   "http://click-on.to/terserah_anda"                                                       connect.swiftly.to, connect.easily.to, connect.quicker.to, connect.safely.to,
                                                                                            connect.securely.to, proceed.quick.to, proceed.just.to, proceed.easier.to,
Cruzin.To (http://www.cruzin.to/) – Menyediakan URL redirection dengan                      proceed.across.to, proceed.swiftly.to, proceed.easily.to, proceed.quicker.to,
   nama "http://cruzin.to/terserah_anda serta layanan alamat email dengan                   proceed.safely.to atau proceed.securely.to
   nama "terserah_anda@cruzin.to"
                                                                                         isCool (http://iscool.net/) – Menyediakan URL redirection dengan nama
Come.to (http://come.to/) – Menyediakan URL redirection dengan nama                         "http://terserah_anda.isCool.net",    "http://terserah_anda.areCool.net",
  "http://come.to/terserah_anda"                                                            "http://terserah_anda.isFun.net",      "http://terserah_anda.areFun.net",
Direct.at (http://www.direct.at/) – Menyediakan URL redirection dengan nama                 "http://terserah_anda.isAwesome.net", "http://terserah_anda.tux.nu" atau
   "http://direct.at/terserah_anda"                                                         "http://terserah_anda.areAwesome.net"

Explode.to (http://explode.to/) – Menyediakan URL redirection dengan nama                Monolith (http://www.ml.org/) - Menyediakan URL redirection dengan nama
  "http://explode.to/terserah_anda"                                                        "http://terserah_anda.home.ml.org"

Gonow.to (http://gonow.to/) - Menyediakan URL redirection dengan nama                    My URL (http://www.online-xs.com/myurl/index.htm) - Menyediakan URL
  "http://gonow.to/terserah_anda"                                                          redirection dengan nama "http://terserah_anda.online-xs.com"

InternetJump (http://www.internetjump.com/) - Menyediakan URL                            Rsl.net (http://www.rsl.net/) - Menyediakan URL redirection dengan nama
   redirection dengan nama "http://go.quick.to/terserah_anda" dan banyak                    "http://rsl.net/terserah_anda"
   pilihan lain (ada 126 nama), yaitu go.just.to, go.easier.to, go.across.to,            TheGovernment.com (http://www.thegovernment.com/) - Menyediakan URL
   go.swiftly.to, go.easily.to, go.quicker.to, go.safely.to, go.securely.to,               redirection      dengan      nama      "http://dial.to/terserah_anda"       atau
   jump.quick.to, jump.just.to, jump.easier.to, jump.across.to, jump.swiftly.to,           "http://terserah_anda.dial.to". Selain itu juga menyediakan statistik situs web
   jump.easily.to, jump.quicker.to, jump.safely.to, jump.securely, come.quick.to,          lengkap. Selain dial.to, TheGovernment juga menyediakan banyak nama
   come.just.to, come.easier.to, come.across.to, come.swiftly.to, come.easily.to,          domain lain, yaitu: reflect.to, falling.to, flap.to, okey.to, yeah.to, arise.to,
   come.quicker.to, come.safely.to, come.securely.to, surf.quick.to, surf.just.to,         glance.to, dial.to, bike.to, tumble.to, jolt.to, scout.to, leaping.to, honk.to,
   surf.easier.to, surf.across.to, surf.swiftly.to, surf.easily.to, surf.quicker.to,       spank.to, offer.to, movie.am, gifts.am, city.am, sell.am, buy.am, help.am,
   surf.safely.to, surf.securely.to, move.quick.to, move.just.to, move.easier.to,          games.am, welcome.as, born.as, clever.as, lovely.as, brave.as, smooth.as,
   move.across.to,       move.swiftly.to,     move.easily.to,        move.quicker.to,      hip.as, funny.as, cheerful.as, happy.as, playful.as, drive.as, powerful.as,
   move.safely.to, move.securely.to, link.quick.to, link.just.to, link.easier.to,          sing.as, jump.as, play.as, noble.as, rap.as, dark.as, cold.as, warm.as,
   link.across.to, link.swiftly.to, link.easily.to, link.quicker.to, link.safely.to,       gentle.as, heroic.as, pure.as, blackuniverse.com, crazydude.com, cyber-
   link.securely.to, pass.quick.to, pass.just.to, pass.easier.to, pass.across.to,          dude.com, darkhole.com, electrocuted.com, fbiagent.com, game-genie.com,
   pass.swiftly.to,       pass.easily.to,      pass.quicker.to,        pass.safely.to,     lastsale.com, lostland.com, mreinstein.com, mrlover.com, punched.com,
   pass.securely.to, skip.quick.to, skip.just.to, skip.easier.to, skip.across.to,          stupids.com, taxhater.com, thedreamer.com, thegovernment.com atau
   skip.swiftly.to, skip.easily.to, skip.quicker.to, skip.safely.to, skip.securely.to,     thespaceship.com
   hop.quick.to, hop.just.to, hop.easier.to, hop.across.to, hop.swiftly.to,
   hop.easily.to, hop.quicker.to, hop.safely.to, hop.securely.to, zoom.quick.to,         There.is (http://there.is/) – Menyediakan URL redirection dengan nama
   zoom.just.to, zoom.easier.to, zoom.across.to, zoom.swiftly.to, zoom.easily.to,          "http://there.is/terserah_anda"
   zoom.quicker.to,       zoom.safely.to,     zoom.securely.to,        warp.quick.to,
   warp.just.to, warp.easier.to, warp.across.to, warp.swiftly.to, warp.easily.to,        V3 (http://www.v3.com/) - Menyediakan URL redirection dengan nama
   warp.quicker.to,      warp.safely.to,     warp.securely.to,       browse.quick.to,      "http://go.to/terserah_anda" dan alamat e-mail "terserah_anda@go.to".
   browse.just.to, browse.easier.to, browse.across.to, browse.swiftly.to,                  Selain itu, Anda juga bisa memilih nama lain seperti on.to, get.to, run.to,
   browse.easily.to, browse.quicker.to, browse.safely.to, browse.securely.to,              fly.to, come.to, move.to, surf.to, welcome.to, page.to, change.to, switch.to,


                                                                                271                                                                                   272
   scroll.to, window.to, browse.to, redirect.to, back.to, forward.to, walk.to,          return.to, way.to, got.to, stop.to, sail.to, escape.to, learn.to, fun.to, remember.to,
   travel.to, transfer.to, connect.to, dive.to, bowl.to, jump.to, drop.to, drive.to,    up.to, thrill.to, resourcez.com, latest-info.com, radpages.com, sports-
   board.to, listen.to, zap.to, fade.to, talk.to, how.to, turn.to, quickly.to,          reports.com,     iMegastores.com,         andmuchmore.com,          web-freebies.com,
   bounce.to, hop.to, kiss.to, zip.to, bite.to, drink.to, crash.to, snap.to, skip.to,   webdare.com, veryweird.com, tophonors.com, fornovices.com, webalias.com,
   fullspeed.to, i.am, easy.to, flying.to, hello.to, hey.to, messages.to,               myprivateidaho.com, moviefever.com, mp3-archives.com. Juga menyediakan
   vacations.to, w3.to, warp9.to, beam.at, been.at, start.at, direct.at, all.at,        redirection untuk situs khusus dewasa seperti hottestpix.com, xxx-posed.com
   getit.at, more.at, break.at, mine.at, everything.at, yours.at, top.ms, seite.ms,     dan uncutuncensored.com
   privat.ms, hp.ms, germany.ms, fun.ms, fanclub.ms, chip.ms, gameday.de,
   playsite.de, virtualpage.de, mediasite.de, megapage.de, firstpage.de,                Zooming.to (http://www.zooming.to/) – Menyediakan URL redirection dengan
   mysite.de, videopage.de, musicpage.de, hard-ware.de, soft-ware.de, tip.nu,           nama "http://zooming.to/terserah_anda" plus statistik.
   notrix.at, notrix.ch, notrix.net, notrix.de, pagina.de, mypage.org,
   rulestheweb.com, nav.to atau shortcut.to
                                                                                        8.2 MELENYAPKAN IKLAN DARI SITUS WEB
                                                                                            GRATIS
                                                                                        Salah satu hal yang tidak menyenangkan dari sebagian besar penyedia layanan
                                                                                        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.

               Gambar 8.1: Penyedia layanan URL-Redirection V3
                                                                                        8.2.1 Mengapa iklan perlu dilenyapkan?
VDirect (http://www.vdirect.com/) - Menyediakan URL redirection dengan                  Ada banyak alasan mengapa kita ingin melenyapkan iklan yang biasanya muncul
nama "http://terserah_anda.vdirect.com" plus statistik pengunjung. Selain itu           di situs homepage gratis. Berikut adalah beberapa diantaranya:
Anda juga akan mendapat alamat e-mail "terserah_anda@vdirect.com"
WebAlias.com (http://webalias.com/) - Menyediakan URL redirection dengan                •   Untuk membuat webmaster amatir seperti kita dapat mengendalikan tampilan
nama                   "http://browser.to/terserah_anda"                   atau             homepage sepenuhnya.
"http://terserah_anda.browser.to". Selain itu juga ada banyak nama lain seperti

                                                                               273                                                                                      274
•   Untuk menampilkan iklan kita sendiri yang telah dirampas oleh                  ZoneAlarm (http://www.zonelabs.com/) – Mengendalikan program apa saja
    penyelenggara free webspace.                                                     yang bisa digunakan untuk akses internet, sebagai pengaman komputer yang
                                                                                     selalu terhubung ke internet. Freeware.
•   Kita dan terutama pengunjung situs web kita sudah bosan melihat iklan-iklan
    yang tidak diminta dan seringkali memaksa kita untuk selalu menutup            NoAds (http://www.firase.com/) – Secara otomatis bisa menutup pop-up
    jendela-jendela pop-up berisi iklan yang tidak ingin kita lihat.                 dangan daftar pop-up yang diupdate dari Internet. Shareware.
•   Biasanya server gratis sudah lambat tanpa iklan, apalagi dengan iklan!         KillAd (http://wwwwin.wplus.net/pp/fsc/) – Sebuah utility untuk membersihkan
                                                                                       browser dari jendela pop-up iklan. Freeware.
•   Kita sebagai webmasters yang telah mempublikasikan iklan-iklan mereka
    tidak mendapat bayaran sesenpun!                                               Internet Junkbuster (http://www.junkbusters.com/ht/en/) – Adalah sebuah
                                                                                      program proxy yang dapat dikonfigurasi untuk memblok iklan. Freeware.
•   Saat ini di internet ada banyak software yang dapat digunakan untuk
    memblokir iklan (lihat sub bab setelah ini). Akan tetapi dengan trik           Ad Buster (http://lide.punknet.cz/miri/adbuster.html) – Program freeware untuk
    menghilangkan iklan yang akan kita bahas dalam sub bab ini, pengunjung           memblokir iklan.
    situs web tidak membutuhkan software-software seperti itu lagi.

                                                                                   Untuk :: Linux/Unix ::
8.2.2 Melenyapkan Iklan Dengan Program Khusus
                                                                                   Adzapper (http://apps.freshmeat.net/homepage/934180466/) – Secara otomatis
Dari sisi user/pengunjung situs web, melenyapkan iklan banner/pop-up hanya           bisa merubah iklan menjadi .GIF transparan !
bisa dilakukan dengan program khusus pemblokir iklan. Dengan program ini,
user tidak akan lagi dipameri iklan-iklan menyebalkan yang tidak ia minta. Tidak   Internet Junkbuster (http://www.junkbuster.com/) – Memblok iklan banner
perlu lagi menutup jendela-jendela pop-up yang seringkali menutupi homepage           yang tidak diinginkan serta melindungi privacy Anda.
aslinya.                                                                           LeanWeb (http://www.clasohm.com/leanweb/) – Proxy               HTTP    untuk
Dengan program pelenyap iklan banner/pop-up, akses internet Anda bisa                membongkar bagian user-defined dari halaman web.
menjadi bertambah cepat dan acara surfing Anda menjadi lebih nyaman.               FilterProxy (http://draal.physics.wisc.edu/FilterProxy/) – Pemblokir proxy
Program-program semacam ini bertebaran di internet (asal tahu alamatnya saja)          gratis. Hanya disarankan untuk pemakai tingkat lanjut.
dan bisa di download gratis. Berikut adalah beberapa diantaranya.

                                                                                   Catatan: Daftar program pemblokir iklan lebih lengkap bisa dilihat di
Untuk :: Win9x dan NT ::                                                           http://semuagratis.cjb.net.
Proxomitron (http://proxomitron.cjb.net/) – Mengkonfigurasi mengenai hal apa
   saja yang bisa Anda terima dari situs web. Freeware.
                                                                                   8.2.3 Trik Membongkar iklan Pop-Up
AdSubtract (http://www.adsubtract.com/) – Program pembongkar iklan. Ada
                                                                                   Jika dari sisi pengunjung iklan pop-up/banner bisa dilenyapkan dengan program
  versi freeware dan versi komersial.
                                                                                   khusus, maka dari sisi webmaster atau pemilik situs homepage, iklan bisa
WebWasher (http://www.webwasher.de/) – WebWasher adalah sebuah proxy               dihilangkan dengan menyusun kode dengan teknik tertentu. Kode-kode ini bisa
  yang mem-blok iklan dengan banyak opsi. Freeware.                                digunakan untuk memaksa browser mengabaikan iklan pop-up.
                                                                                   Teorinya sederhana saja. Iklan pop-up selalu dibuat dengan kode javascript,
                                                                                   karena itu jika kita mengelilingi tempat dimana server secara otomatis


                                                                             275                                                                            276
menyisipkan kode iklan dengan tag <NOSCRIPT>                        atau <!--       //-->       sebenarnya bisa apa saja, yaitu hanya untuk menyamarkan bahwa seolah-olah ini
(komentar), maka pop-up bakal diabaikan!                                                        adalah JavaScript) maka teknik ini akan men-disable semua sisa script-nya !
Lihat contoh penggunaan tag <NOSCRIPT> berikut :
                                                                                                <SCRIPT LANGUAGE="JawaScript"> // Sisipkan baris ini sebelum rutin pop-up muncul
                                                                                                                                 …. !
<!-- Awal kode //-->                                                                            <!-- -->
<NOSCRIPT>                                                                                      </noscript>
<BODY> // Server akan menyisipkan kode mereka tepat sebelum atau sesudah tag <body>, sehingga   <script language="JavaScript">
          rutin javascript apapun akan diabaikan!
</NOSCRIPT>
                                                                                                8.2.4 Membongkar Iklan Pop-up Dengan SuperScript
Contoh penggunaan tag "<!—" & "-->" (tag komentar) :                                            Teknik yang digunakan oleh penyelenggara free webspace untuk menyisipkan
                                                                                                iklan bisa bermacam-macam. Tetapi SuperScipt dibawah ini bisa Anda gunakan
<!-- Awal kode //-->                                                                            untuk membongkar iklan pop-up pada hampir semua penyelenggara free
<NOSCRIPT>                                                                                      webspace yang ada dengan catatan mereka tidak menyisipkan iklan sebelum tag
<!-- <BODY> --> // Ini adalah tag perangkap. Bisa juga diletakkan diawal tag <HEAD>             <HTML> dan Anda sendiri tidak menggunakan javascript untuk menampilkan
</NOSCRIPT>                                                                                     jendela pop-up.
<TITLE>Judul Homepage Anda</TITLE>
</HEAD>                                                                                         Jika mereka menyisipkan iklan diluar tag <HTML>, maka kode ini tidak akan
<BODY> // Ini adalah tag <BODY> yang sesungguhnya!
                                                                                                bekerja. Juga jika Anda menggunakan javascript untuk membuka jendela Anda
                                                                                                sendiri karena teknik ini bekerja dengan membatalkan fungsi 'window.open'
Beberapa penyelenggara free webspace mengatasi trik penggunaan tag                              dalam javascript, yaitu teknik yang digunakan oleh kebanyakan penyelenggara
<NOSCRIPT> yang kita lakukan diatas dengan menyisipkan tag </NOSCRIPT>                          free webspace untuk membuka jendela iklan. Akan tetapi jika Anda tidak
diarea sebelum mereka akan menyisipkan kode pop-up iklan. Hal ini bisa kita                     menggunakan javascript untuk memunculkan jendela pop-up, maka kode ini akan
atasi lagi dengan memanfaatkan tag <META> yang ditulis tidak lengkap (tanpa                     menjadi SUPER SCRIPT bagi Anda!
penutup). Perhatikan contoh berikut :
                                                                                                <!-- Awal kode //-->
                                                                                                <SCRIPT LANGUAGE="JavaScript">
<HTML>                                                                                          <!--
<META popupssuck="                                                                              function open () {return true;} // baris ini akan mendefinisi ulang fungsi open!
<HEAD>                                                                                          //-->
<TITLE>Judul Homepage Anda</TITLE>                                                              </SCRIPT>
</HEAD>                                                                                         <HEAD>
<BODY>                                                                                          <TITLE>Judul Halaman Web Anda</TITLE>
<!-- Isi Homepage Anda -->                                                                      </HEAD>
                                                                                                <BODY>

Cara lain untuk mengatasi server yang menerapkan metoda Anti-Anti javascript
(Anti-nya 2 kali) adalah dengan trik "JawaScript". Jika server menyisipkan tag                  8.2.5 Membongkar Iklan Pop-up Dengan SuperFilter
</NOSCRIPT> sebelum pop-up dimunculkan, maka hal ini membuat trik dengan                        Script yang ada dalam sub bab ini adalah untuk Anda yang sudah familiar dengan
teknik <NOSCRIPT> menjadi tidak bekerja. Akan tetapi jika kita menyisipkan                      HTML dan javascript. Jika Anda ingin melenyapkan iklan pop-up tetapi Anda
tag 'unik' seperti ini         '<SCRIPT LANGUAGE="JawaScript">'                                 tidak ingin kehilangan fungsi untuk dapat memunculkan jendela pop-up Anda
(Perhatikan! Kita menggunakan "JawaScript" bukan "JavaScript" dan ini                           sendiri, cobalah SuperFilter berikut ini :



                                                                                        277                                                                                   278
<SCRIPT>
<!--
                                                                                8.2.6 Membongkar Iklan Pop-Up Setelah Muncul
function ScreenIt(url,name,parm){
if(url.indexOf("popup.html")!=-1) return false;                                 Teknik yang akan dibahas berikut ini dapat melenyapkan jendela iklan begitu
return window.Xopen(url,name,parm);                                             mereka muncul! Tekniknya sederhana saja. Jika sebuah pop-up muncul, maka ia
}                                                                               pasti mempunyai nama. Script yang kita buat ini akan membuka juga sebuah pop-
window.Xopen=window.open;
window.open=ScreenIt;
                                                                                up dengan nama yang sama dan langsung menutupnya tepat setelah itu!
//-->
</SCRIPT>
                                                                                Dengan trik ini semua pop-up dengan nama yang sama akan lenyap setelah
                                                                                dibuka!
SuperFilter diatas akan mengijinkan semua URL untuk dibuka di jendela baru
                                                                                <!-- Awal kode //-->
kecuali satu yang bernama "popup.html". Anda cukup mengganti "popup.html"       <script language="JavaScript">
diatas dengan sepotong kode URL iklan pop-up di server free webspace Anda.      id=window.open("http://uang.port5.com",
Dengan cara ini, Anda akan dapat memanggil fungsi 'window.open' Anda dan                        "namapopup","");
                                                                                id.window.close();
dilain pihak tetap memblok iklan pop-up-nya!                                    window.focus();
Meski Anda dapat menggunakan sepotong kode alamat URL, akan tetapi akan         <!-- End code //-->
lebih akurat jika Anda menulisnya secara lengkap. Namun sayang, alamat URL
pop-up iklan yang akan ditampilkan biasanya tidak sesederhana seperti nama      "id" adalah nama jendela yang akan dibuka dan ditutup. Ini bisa apa saja. "id"
"popup.html" itu saja, melainkan sebuah alamat URL yang cukup panjang.          hanyalah sebuah contoh. Sementara itu "namapopup" adalah nama pop-up iklan
Misalnya pop-up iklan di hypermart.net yang saat buku ini ditulis menggunakan   dalam situs free webspace Anda. Untuk mengetahui nama pop-upnya, Anda harus
alamat       URL       "http://click.go2net.com/adpopup?site=                   melihatnya pada source code web Anda dari server saat online (jika Anda
HM&shape=noshape&border=1&area=DIR.BIZ.CLASSIFIED&siz                           menggunakan MSIE, klik View             Source) dan mencari nama pop-upnya
erepopup=1&hname=UNKNOWN".                                                      didalam file yang terbuka, bukan dari file html asli didalam harddisk Anda.
Cara termudah untuk mengatasi ini adalah menggunakan trik lain yang dikenal     Kode window.focus() adalah opsional, yaitu untuk membuat jendela menjadi
dengan nama The Ultimate Pop-up Killer. Trik ini menggunakan nama atribut,      aktif saat pop-up ditutup.
bukan link atau file. Perhatikan contoh berikut :
                                                                                8.2.7 Melenyapkan Banner Iklan
<SCRIPT>
<!--                                                                            Bentuk lain dari iklan yang sering disisipkan oleh penyedia layanan free
function ScreenIt(url,name,parm)                                                webspace adalah banner iklan. Pada sub bab ini kita akan mencoba
{
if(name.indexOf("nama_popup")!=-1) return false;                                melenyapkannya dari pandangan mata atau menggantinya dengan banner kita
return window.Xopen(url,name,'toolbar=1,location=1,                             sendiri.
directories=1,status=1,menubar=1,scrollbars=1, resizable=1');
}                                                                               Iklan banner bisa dilenyapkan dengan banyak cara, diantaranya adalah dengan
window.Xopen=window.open;                                                       menyisipkan kode tipuan. Lihat contoh berikut:
window.open=ScreenIt;
//-->
</SCRIPT>                                                                       <noembed><xmp>
                                                                                <BODY> // Ini adalah tag <BODY> tipuan/jebakan
                                                                                </xmp></noembed>
Pada saat buku ini ditulis, hypermart.net menggunakan nama "test", sedangkan    <body> // Ini adalah tag <BODY> yang asli
tripod.com menggunakan nama "Tripodpopup". Untuk situs-situs yang lain, Anda
harus melihatnya sendiri dari source code yang dihasilkan oleh server.


                                                                        279                                                                              280
Jika kode banner disisipkan oleh server dibawah tag <BODY>, ia akan               Sedangkan tag <NOSCRIPT> bisa kita gunakan untuk men-disable iklan bagi
menyisipkannya pada tag <BODY> jebakan. Sedangkan tag <BODY> yang asli            mereka yang menggunakan JavaScript untuk menampilkan iklan.
masih utuh dan mengabaikan kode-kode penampil iklan diatasnya.
Teknik lain pelenyapan banner iklan dapat dilakukan dengan menimpanya dengan      8.2.9 Melenyapkan Iklan Berbasis Frame
file gambar transparan berukuran 1x1 pixel. File ini bisa dibuat dengan Paint
Shop Pro (bisa di donwload dari http://www.jasc.com jika Anda belum punya).       Beberapa situs web menempatkan banner dan iklan-iklannya pada frame yang
Buatlah file baru dengan background putih berukuran: tinggi 1 pixel, lebar 1      berbeda dengan halaman utama situs web kita, misalnya xoom.com atau
pixel dan resolusi 1 dpi. Setelah jadi, klik tab menu "Colors"   "Set Pallete     webjump.com. Jika ini yang mereka lakukan, akan sangat mudah bagi kita untuk
Transparency", lalu pilih "set the transparancy value to the current              melenyapkannya, yaitu dengan menyisipkan kode kecil ini kedalam halaman web
background color" dan klik "OK".                                                  kita. Script ini akan men-check keberadaan suatu frame. Jika ada, maka halaman
                                                                                  dimana Anda meletakkan kode ini didalamnya akan menjadi satu-satunya yang
Untuk menggantinya dengan banner Anda sendiri, Anda cukup menimpanya
                                                                                  aktif dalam browser!
dengan banner Anda. Penimpaan gambar dapat dilakukan dengan javascript
seperti ini:                                                                      <SCRIPT language=JavaScript>
                                                                                  if(top!=self){top.location.href=self.location.href;}
                                                                                  </SCRIPT>
<SCRIPT language="JavaScript">
<!--
document.images[0].src='terserah_anda.gif';
-->
                                                                                  Atau, bisa juga diatasi dengan membuat halaman utama Anda meload halaman
</SCRIPT>                                                                         kedua dengan menyisipkan baris kode dibawah ini kedalam tag <BODY>:

Letakkan Script diatas tepat dibawah banner iklan yang ada. Perhatikan bahwa
properti atribut "src" pada kode diatas adalah 0. Ini berarti bahwa kode diatas
                                                                                  <BODY onLoad="window.open
hanya bekerja untuk banner iklan yang berada diposisi paling atas atau pada       ('http://uang.port5.com/index1.htm','_parent'
pemunculan gambar yang pertama. Jika banner iklannya berada dibawah atau          )">
ada beberapa, Anda harus menghitung setiap gambar yang ada dan mengganti
angka 0 diatas dengan jumlah gambar dikurangi 1. Sebagai contoh, jika banner
                                                                                  Dengan membuka halaman web dijendela '_parent', browser akan kembali
iklannya adalah gambar nomor 3 dihalaman web Anda, maka Anda harus
                                                                                  ke jendela sebelumnya yang ada didalam history, tepat satu record sebelum
menggunakan kode seperti ini :
                                                                                  frame dan membuka halaman utama yang sesungguhnya disini. Jika situs Anda
                                                                                  menggunakan lebih dari satu frame, Anda harus meletakkan kode diatas pada
document.images[2].src='terserah_anda.gif';
                                                                                  halaman yang akan ditampilkan pada frame yang pertama, bukan pada halaman
                                                                                  utamanya (index.html).
Dalam hal banner-nya memiliki sebuah nama (atribut "name"), Anda dapat
merubah kode images[0] dengan isi dari atribut "name" yang digunakan oleh         Kadang-kadang, lokasi file yang diberikan kepada Anda oleh penyedia layanan
banner.                                                                           free webspace hanyalah nama alias saja. Yaitu semacam redirector ke direktori
                                                                                  Anda yang sesunggunnya. Mereka menggunakan metoda 'aliasing' ini untuk
Kadang-kadang, server juga meletakkan iklan diakhir halaman web kita. Untuk       membuat pengunjung situs Anda me-load frame iklan. Jika Anda tahu lokasi file
membongkar iklan jenis ini, kita cukup menyisipkan kode <!-- atau                 yang sebenarnya, Anda cukup membuat beberapa pengarah saja ke sini.
<NOSCRIPT> dilokasi sebelum kode penampil iklan mereka "diselundupkan"
kehalaman web kita. Tag <!-- (komentar) yang kita sisipkan akan membuat           Sebagai contoh, alamat yang dibuat oleh XOOM setelah Anda mendaftar
sisa file html kita hanya akan tampak jika dilihat dari source code-nya.          sebenarnya adalah "http://members.xoom.com/_XOOM/terserah_anda/". Akan
                                                                                  tetapi alamat domain yang diberitahukan kepada Anda adalah


                                                                          281                                                                              282
"http://members.xoom.com/terserah_anda/" dengan tujuan agar pengunjung situs            Catat bahwa kode-kode ini sebaiknya di sisipkan kedalam file html Anda
Anda me-load frame iklan. Catat bahwa XOOM sering mengganti-ganti alamat                menggunakan editor teks biasa seperti NotePad, Write atau 1st Page 2000
sebenarnya untuk mengatasi trik yang kita lakukan! Saat buku ini ditulis XOOM           karena beberapa diantaranya merupakan kode-kode tanggung / kode-kode "salah"
mengunakan alamat sub directori /_XMCM/.                                                yang akan dikoreksi otomatis oleh editor WYSIWYG seperti FrontPage atau
                                                                                        Adobe PageMill.

8.2.10 Menghindari Deteksi Kode Oleh Server
                                                                                        1.        50megs, 50 MB, http://www.50megs.com
Beberapa server tertentu secara otomatis melakukan pemindaian (scanning) pada
file-file yang kita upload ke server untuk mendeteksi adanya kode-kode yang                  Trik : Kode ini digunakan untuk menyembunyikan kode pop-
tidak mereka inginkan. Untuk menghindari pendeteksian ini, kita bisa                         up yang ada didalam tag <BODY> dan tag <NOSCRIPT>.
menggunakan trik pemisahan. Sebagai contoh, jika situs web Anda menolak                      Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat
penggunaan nama popWindow, pecahlah namanya dengan cara seperti dibawah                      sebelum tag <TITLE>.
ini agar bisa lolos :
                                                                                             <NOSCRIPT>
var Popup="po"+"pWind"+"ow";                                                                 <!-- <BODY> -->
                                                                                             </NOSCRIPT>
window.onError=null;
tasteful=window.open(newpage,wndname,"");
                                                                                        2.        Angelfire, 50MB, http://www.angelfire.com
Atau, Anda juga bisa melakukan encode kode-kode Anda kedalam format                          Trik: Sisipkan kode berikut diatas tag <HTML> pada setiap halaman. Jika
heksadesimal dengan cara seperti dibawah ini :                                               Anda menggunakan HTML Editor dari Angelfire, kode harus disisipkan
                                                                                             dengan editor versi "Advanced", JANGAN menggunakan versi "Basic".
                                                                                             Setelah itu, set tipe iklannya dari "Image Map" menjadi "Popup Window".
<SCRIPT>
<!--                                                                                         Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai dari "%66"
eval(unescape("letakkan kode dalam format heksadesimal disini"))
//-->                                                                                        dan diakhiri pada "%3B") HARUS diketik pada satu baris, tidak seperti yang
</SCRIPT>                                                                                    terlihat pada contoh dibawah.

                                                                                             <script language="Javascript">
Contoh penerapan penggunaan kode heksadesimal bisa dilihat pada pembahasan                   <!--
kode pelenyap iklan siap pakai dibawah.                                                      eval(unescape('%66%75%6E%63%74%69%6F%6E%20%53%63%72%65%65%6E%
                                                                                             49%74%28%75%72%6C%2C%6E%61%6D%65%2C%70%61%72%6D%29%7B%0D%0A%6
                                                                                             9%66%28%75%72%6C%2E%69%6E%64%65%78%4F%66%28%22%2F%73%79%73%2F
                                                                                             %70%6F%70%75%70%5F%73%6F%75%72%63%65%2E%73%68%74%6D%6C%3F%43%
8.2.11 Menggunakan Kode Pelenyap Iklan Siap Pakai                                            61%74%65%67%6F%72%79%3D%22%29%21%3D%2D%31%29%20%72%65%74%75%7
                                                                                             2%6E%20%66%61%6C%73%65%3B%0D%0A%72%65%74%75%72%6E%20%77%69%6E
Berikut adalah kode-kode yang bisa digunakan untuk melenyapkan iklan banner                  %64%6F%77%2E%58%6F%70%65%6E%28%75%72%6C%2C%6E%61%6D%65%2C%70%
atau iklan pop-up yang biasanya ada di situs-situs penyedia layanan webspace                 61%72%6D%29%3B%0D%0A%7D%0D%0A%77%69%6E%64%6F%77%2E%58%6F%70%6
gratis. Penulis hanya akan menuliskan beberapa saja. Bagi Anda yang ingin                    5%6E%3D%77%69%6E%64%6F%77%2E%6F%70%65%6E%3B%20%20%77%69%6E%64
                                                                                             %6F%77%2E%6F%70%65%6E%3D%53%63%72%65%65%6E%49%74%3B'));
mendapatkan kode untuk situs-situs gratis lain yang tidak ada disini, silahkan               //-->
lihat di http://serba-gratis.tripod.com atau langsung ke http://bannerkiller.cjb.net.        </script>
Anda akan mendapatkan kode lengkap untuk sekitar 80 penyelenggara free
webspace !
                                                                                             Kode alternatif untuk Angelfire (sisipkan kode berhuruf tebal) :

                                                                               283                                                                                284
  <HTML>
  <HEAD>
                                                                   5. Dreamwater, 50 MB, http://www.dreamwater.com
  <TITLE>Judul Homepage Anda</TITLE>
  </HEAD>                                                            Trik : Kode ini digunakan untuk menyembunyikan kode pop-
  <NOEMBED><XMP>
  <BODY>
                                                                     up yang ada didalam tag <BODY> dan tag <NOSCRIPT>.
  </XMP></NOEMBED>                                                   Sisipkan kode-kode ini tepat dibawah tag <HEAD> dan tepat
  <BODY BGCOLOR="blue">
                                                                     sebelum tag <TITLE>.
3. Aasiafind, 10MB, http://www.asiafind.com                          <NOSCRIPT>
                                                                     <!-- <BODY> -->
  Trik : Sisipkan kode dibawah ini diantara tag <HEAD> dan           </NOSCRIPT>
  </HEAD>.
                                                                   6. Fortunecity, 100 MB, http://www.fortunecity.com
  <NOSCRIPT>
  <!-- <BODY> -->                                                    Trik : Gunakan kode seperti contoh dibawah.
  </NOSCRIPT>
                                                                     <div style="position:relative;top:-110;z-
                                                                     index:0;background:;">
4. Bizland, 25 MB, http://www.bizland.com                            <HTML>
  Trik : Kode berikut harus disisipkan dibawah tag <HEAD>            <-- Isi halaman homepage Anda ….. (termasuk tag <BODY> dlsb.)
  pada setiap halaman. Jika Anda menggunakan FrontPage atau          -->
  editor sejenis dan mengalami masalah saat memasukkan kode          </div>
  ini, bukalah file HTML Anda menggunakan Notepad atau 1st           </BODY>
  Page2000 untuk memasukkan kodenya.
                                                                     Kode alternatif untuk FortuneCity :

  <NOSCRIPT>                                                         <HTML>
  <!-- <BODY> -->                                                    <HEAD>
  </NOSCRIPT>                                                        <TITLE>Judul Halaman Web Anda</TITLE>
  <BODY BGCOLOR="white">                                             </HEAD>
                                                                     <!--- <BODY>
                                                                     <BODY BGCOLOR="BLACK">
  Kode alternatif untuk Bizland :                                    <!--- Isi Halaman Web Anda --->


  <HTML>                                                             Atau :
  <HEAD>
  <TITLE>Judul Homepage Anda</TITLE>
  </HEAD>                                                            <HTML>
  <!--                                                               <HEAD>
  <BODY>                                                             <NOSCRIPT>
  -->                                                                <!-- <BODY> -->
  <BODY BGCOLOR="BLACK">                                             </NOSCRIPT>
  <!--- Isi Halaman Web Anda --->                                    <TITLE>Judul Halaman Web Anda</TITLE>


                                                             285                                                              286
  </HEAD>
  <BODY BGCOLOR="BLACK">
                                                                   Trik : Sisipkan kode dibawah ini pada halaman web Anda.
  <!--- Isi Halaman Web Anda --->
                                                                   <SCRIPT>
                                                                   popup = window.open("","cooldomain")
7. FreeYellow, 20 MB, http://www.freeyellow.com                    popup.close();
                                                                   </SCRIPT>
  Trik : Gunakan kode dibawah ini pada halaman web Anda.
                                                                 10. Homepage, 10 MB, http://www.homepage.com
  <NOEMBED><XMP>
  </BODY>
  </HTML>
                                                                   Trik : Gunakan kode dibawah ini pada halaman web Anda.
                                                                   <HTML>
8. Geocities (Yahoo Geocities), 15 MB,                             <HEAD>
                                                                   <TITLE>Ketik Judul Homepage Anda Disini</TITLE>
http://www.geocities.com                                           <!-- -->
                                                                   <SCRIPT LANGUAGE="JawaScript">
  Trik : Sisipkan kode berikut dibawah tag </HTML>.                </HEAD>
                                                                   <BODY>
                                                                   </SCRIPT>
  <NOSCRIPT>
                                                                   <BODY BGCOLOR="teal">
  <NOSCRIPT>


  Kode alternatif untuk YahooGeocities :                         11. Hypermart, 20 MB, http://www.hypermart.com
                                                                   Trik : Sisipkan kode berikut pada halaman web Anda. Catat
  <BODY onLoad="yfOC(-1)">
                                                                   bahwa Hypermart.net adalah salah satu situs yang paling
                                                                   sering mengganti kode.
  Atau :
  <HTML>                                                           <NOSCRIPT>
  <HEAD>                                                           <!--- #echobanner --->
  <SCRIPT LANGUAGE="javascript">                                   </NOSCRIPT>
  <!--
    function yfOC() {
       self.close();                                             12. JustFree, 40 MB, http://www.justfree.com
    }
  //-->                                                            Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap
  </SCRIPT>
  <TITLE>Judul Homepage Anda</TITLE>                               halaman web!
  </HEAD>
  <BODY>                                                           <NOSCRIPT>
  <!--- Isi Homepage Anda --->                                     <!-- <BODY> -->
  </BODY>                                                          </NOSCRIPT>
  </HTML>

                                                                 13. NetColony, 100 MB, http://www.netcolony.com
9. Here.is, URL redirection, http://www.here.is


                                                           287                                                               288
                                                                      popup.close();
  Trik : Sisipkan kode ini tepat dibawah tag <HEAD> pada setiap      </SCRIPT>
  halaman web!
  <NOSCRIPT>
                                                                   16. Virtual Ave, 20 MB, http://www.virtualave.com
  <!-- <BODY> -->
  </NOSCRIPT>                                                        Trik : Sisipkan kode ini tepat dibawah tag </HTML> Anda!
                                                                     <SCRIPT LANGUAGE="JawaScript">
14. Tripod , 50 MB, http://www.tripod.com                            <!-- -->
                                                                     </NOSCRIPT>
  Trik : Sisipkan kode-kode dibawah ini sesuai keterangan. Catat     <SCRIPT LANGUAGE="JavaScript">
  bahwa trik ini hanya bekerja pada Internet Explorer, tidak
  pada Netscape. Selain itu, iklan harus diset pada mode banner,     Kode alternatif untuk VirtualAve :
  bukan pop-up. Untuk men-set/mengganti mode iklan di Tripod,
                                                                     </BODY> </HTML>
  lihat lagi sub bab 4.2.2.1.                                        <NOSCRIPT>
                                                                     <!-- </NOSCRIPT> -->
  1. Sisipkan kode berikut sebelum/diatas tag <HTML>.
                                                                   17. Web, URL redirection, http://www.web.com
  <div style="position:relative;top:-110;z-
  index:0;background:;">                                             Trik : Sisipkan kode ini tepat diatas tag <HTML>.

  2. Sisipkan kode berikut sebelum/diatas tag </BODY>.               <SCRIPT LANGUAGE="Javascript">
                                                                     <!---
                                                                     if (parent.frames.length)
  </div>                                                             parent.location.href= self.location;
                                                                     // --->
                                                                     </SCRIPT>
   TIPS :
   Iklan Pop-up di Tripod dapat dihilangkan dengan sangat          18. WebJump, 25 MB, http://www.webjump.com
   mudah jika Anda membuat URL Redirector di CJB.net.                Trik : Kode dibawah ini bisa diletakkan dimana saja selama
   Mekanisme yang dipakai oleh CJB secara otomatis (entah
                                                                     masih berada dibawah tag <BODY>.
   sengaja atau tidak) akan menghilangkan iklan di Tripod!
   Tetapi, siapa peduli mengapa ini bisa terjadi? Cobalah dan        Catatan: Bagian heksadesimal dari kode dibawah ini (dimulai
   Anda akan heran sendiri melihat hasilnya!                         dari "%69" dan diakhiri pada "%3B") HARUS diketik pada satu
                                                                     baris, tidak seperti yang terlihat pada contoh dibawah.
15. TSX, URL redirection, http://www.tsx.org
                                                                     <Script Language='Javascript'>
  Trik : Sisipkan kode ini tepat diatas tag <HEAD>.                  <!--
                                                                     eval(unescape('%69%66%20%28%74%6F%70%2E%66%72%61%6D%65%73%2E%
                                                                     6C%65%6E%67%74%68%21%3D%30%29%0D%0A%74%6F%70%2E%6C%6F%63%61%7
  <SCRIPT>                                                           4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F
   popup = window.open("/frame/index.cfm", "216226215132")           %63%61%74%69%6F%6E%3B'));


                                                             289                                                                290
  //-->
  </Script>                                                      CATATAN :
                                                                 Semua penyelenggara free webspace melakukan perubahan
  Kode alternatif untuk WebJump:                                 system secara berkala. Jika kode-kode diatas tidak bekerja,
                                                                 kemungkinan besar teknik penyusupan iklan yang mereka
  <HTML>
  <HEAD>                                                         terapkan    sudah      berubah.    Silahkan    kunjungi   situs
  <SCRIPT LANGUAGE="Javascript">                                 http://bannerkiller.cjb.net untuk melihat update kodenya.
  <!---
  if (parent.frames.length)
  parent.location.href=self.location;
  // --->
  </SCRIPT>                                                     8.3 MEMBUAT AUTO REMINDER
  <TITLE>Judul Homepage Anda</TITLE>
  </HEAD>
  <BODY BGCOLOR="BLACK">
                                                                Auto reminder adalah trik untuk membuat pengunjung situs kita selalu kembali ke
  <!--- Isi Halaman Web Anda --->                               jendela homepage kita apabila ia membuka banyak jendela browser sekaligus.
                                                                Lama waktu kembalinya bisa diatur sendiri (melalui var time = waktu yang
                                                                diinginkan). Berikut adalah kode javascript yang harus Anda sisipkan dibawah
19. XOOM, spasi tak terbatas, http://www.xoom.com               tag <BODY>.
  Trik : Xoom menggunakan iklan berupa frame. Jika Anda
                                                                <script language="Javascript" type="text/javascript">
  ingin mem-bypass iklan, Anda bisa mem-bypass frame dengan     <!--
  menambahkan "_XMCM" pada URL homepage Anda.                   var time = 30
                                                                function remind() {
  Misalnya seperti ini :                                        this.focus()
                                                                var real = time * 1000
                                                                setTimeout("remind()",real)
  http://members.xoom.com/_XMCM/terserah_anda/                  }
                                                                remind();
  Atau gunakan script berikut. Letakkan diantara tag <BODY>     //-->
                                                                </script>
  dan </BODY>.
  <SCRIPT TYPE="text/javascript" LANGUAGE=JAVASCRIPT>           Perhatikan bahwa rutin auto-reminder diatas juga akan mengembalikan user
  <!--                                                          yang coba-coba berpaling ke program lain selain browser, seperti Ms. Word
  if (top.frames.length!=0)                                     misalnya. Karena itu sebaiknya waktu kembalinya jangan di-set terlalu cepat.
  top.location=self.document.location;
  // -->                                                        Pada contoh diatas, kita men-set waktu balik ke halaman homepage kita jika
  </SCRIPT>                                                     pengunjung situs kita berpaling ke jendela/program lain dalam waktu 30 detik.

  Atau :
                                                                8.4 MENYISIPKAN FASILITAS URL-MINDER
  <SCRIPT>
  if (top.location != self.location)
  { top.location = self.location }                              Apabila Anda secara berkala melakukan update homepage, atau homepage
  </SCRIPT>                                                     Anda masih dalam status "Under Construction", tambahkanlah fasilitas URL-
                                                                Minder di homepage Anda. Dengan URL-Minder, pengunjung situs Anda akan
                                                                selalu mendapat pemberitahuan otomatis melalui e-mail jika Anda melakukan


                                                          291                                                                             292
perubahan pada halaman situs Anda. Pemantauan akan adanya perubahan di situs    ini juga dapat digunakan untuk menampilkan pengumuman saat melakukan migrasi
homepage Anda dilakukan secara otomatis dengan mesin pemantau sehingga          alamat homepage dari satu URL (lama) ke URL lain (baru).
Anda tidak perlu melakukan apapun meski member yang menjadi pengunjung
                                                                                Sebagai contoh, beberapa bulan yang lalu Anda atau perusahaan Anda memiliki
Anda ribuan jumlahnya!
                                                                                sebuah homepage bagus yang 'nyantol' disebuah free webspace dengan jumlah
Berikut adalah kode yang harus Anda sisipkan dihalaman utama situs Anda. Kode   pengunjung yang sangat banyak, misalnya di "http://www.geocities.com/toyota".
bisa diletakkan dimana saja seseuai dengan layout halaman web yang Anda         Sekarang, perusahaan Anda telah maju pesat dan telah mampu membeli/memiliki
desain, asalkan masih berada diarea <BODY> … </BODY>.                           nama domain sendiri, misalnya http://www.toyota.com. Maka dengan teknik
                                                                                redirect Anda tidak perlu bersusah payah memasang iklan atau memberitahukan
   <CENTER>                                                                     pada setiap pengunjung situs lama Anda bahwa Anda telah memiliki alamat
   <FORM ACTION="http://www.netmind.com/cgi-bin/uncgi/url-mind"
   method="get"><INPUT NAME=url type=hidden value="http://serba-
                                                                                domain sendiri.
   gratis.tripod.com">
   <TABLE BORDER="1" WIDTH="550" CELLSPACING="0"                                Saat pengunjung mengetikkan alamat "http://www.geocities.com/toyota", yang
   BORDERCOLOR="#C0C0C0" CELLPADDING="2">                                       tampil di layar mereka adalah pengumuan kecil seperti ini "Homepage
   <TR><TD WIDTH="100%" BGCOLOR="#000000"><P ALIGN=center><B>
   <FONT FACE="Arial" color="#FFFFFF">- = URL MINDER = -                        TOYOTA telah pindah ke http://www.toyota.com. Dalam 5 detik kami akan
   </FONT></B></P></TD></TR>                                                    melakukan redirect ke TOYOTA secara otomatis. Jika dalam 5 detik tampilan
   <TR><TD WIDTH="100%" BGCOLOR="#FFFFCC"><CENTER><B><I>                        ini tidak berubah, klik disini atau pada link diatas." Dan dalam 5 detik kemudian
   Daftarkan alamat e-mail Anda dibawah ini untuk menerima
   pemberitahuan<BR>otomatis jika ada perubahan dihalaman ini                   browser mereka akan melompat ke http://www.toyota.com.
   !</I><BR>
   <BR>Alamat e-mail Anda : </B>                                                Akan tetapi karena fungsi redirect hanya bekerja pada browser-browser yang
   <INPUT maxLength=40 name=required-email size=30><BR><BR>
   <INPUT type=submit value=" Klik disini untuk daftar !
                                                                                memiliki fasilitas client pull (seperti Ms Internet Explorer dan Netscape), maka
   "><BR><BR>                                                                   untuk browser lain seperti Mosaic tidak dapat bekerja. Karena itu kita beri juga
   </TD></TR></TABLE>                                                           fasilitas link ke http://www.toyota.com. Berikut adalah kode yang bisa Anda
   </FORM>
   </CENTER>                                                                    gunakan :




                    Gambar 8.2: Tampilan URL-MINDER


8.5 MELAKUKAN REDIRECT HALAMAN WEB
Redirect halaman web adalah teknik yang bisa digunakan untuk melempar atau
membuka satu halaman ke halaman lain atau bahkan ke situs lain. Pada umumnya,
teknik redirect dimanfaatkan untuk menampilkan sambutan selamat datang
sementara sebelum membuka halaman utama yang sebenarnya. Selain itu, teknik           Gambar 8.3: Gunakan teknik redirect untuk melompat ke halaman lain


                                                                        293                                                                                 294
                                                                                 Pada sub bab ini, kita akan mencoba membuat polling tentang homepage kita.
   <HTML>                                                                        Penyedia layanan polling yang kita pilih adalah Freetolls. Berikut adalah urutan
   <HEAD>                                                                        cara pemasangannya :
   <TITLE>Homepage TOYOTA telah pindah !</TITLE>
   <META HTTP-EQUIV="Refresh" CONTENT="5;
   URL=http://www.toyota.com">
   </HEAD>                                                                       1.   Kunjungi situs Freetolls di http://apps3.vantagenet.com/site/poll.asp.
   <BODY>                                                                        2.   Dibawah sub judul "It's as easy as 1-2-3 ... " klik link nomor 2 yang
   <CENTER><BR>                                                                       bertuliskan "Create your own Poll".
   <font size="6"><i>Homepage </i><B>TOYOTA</B> telah pindah
   ke</FONT><P><BR><A HREF="http://www.toyota.com"><B><FONT                      3.   Anda akan masuk ke freetools.com login form. Isilah UserName dengan
   SIZE="5">http://www.toyota.com</FONT></B></A>
   <P><BR><FONT SIZE="4">Dalam 5 detik kami akan melakukan                            nama member yang Anda inginkan, juga password & alamat e-mail dimana
   <i>redirect</I>ke TOYOTA secara otomatis.<BR>
   Jika dalam 5 detik tampilan ini tidak berubah, <B><A
                                                                                      kode html untuk menampilkan polling ingin dikirimkan. Setelah itu klik
   HREF="http://www.toyota.com">klik                                                  tombol "NEXT".
   disini</A></B> atau pada link diatas.</FONT></P>
   </BODY>
   </HTML>


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.
                                                                                         Gambar 8.5: Tampilan Form pendaftaran untuk login ke FreeTools

                                                                                 4.   Setelah itu Anda akan masuk ke step 1 pembuatan polling. Pilih lokasi
                                                                                      dimana homepage Anda berada, mungkin di Tripod, Geocities, atau yang
                                                                                      lain. Jika didalam daftar tidak ada, pilih "I have a website, but it was not
                                                                                      listed above". Kemudian klik tombol "NEXT PAGE".




                                                                                       Gambar 8.6: Tampilan step 1 – Pemilihan server dimana website berada
         Gambar 8.4: FreeTools - Situs Penyedia Layanan Polling Gratis


                                                                         295                                                                                   296
5.   Pada step 2, isilah kolom yang ada dengan judul pertanyaan spesifik yang     8.   Pada step ke 5, ketik nama dan alamat URL homepage Anda. Setelah itu klik
     ingin Anda ajukan pada pengunjung situs Anda. Juga pilih jumlah pertanyaan        "NEXT PAGE".
     yang ingin Anda ajukan (2 – 10 pertanyaan). Klik tombol "NEXT PAGE"
     untuk maju ke step 3.




                                                                                       Gambar 8.10: Tampilan Step 5 – Memasukkan alamat URL dan nama situs

          Gambar 8.7: Tampilan step 2 – Menentukan jumlah pertanyaan

6.   Isi kolom-kolom pertanyaan yang ada dengan menimpa pertanyaan-
     pertanyaan default. Setelah selesai, klik "NEXT PAGE".




                                                                                               Gambar 8.11: Tampilan step 6 – Memilih warna polling
      Gambar 8.8: Tampilan Step 3 – Menentukan pertanyaan dalam polling
                                                                                  9.   Sekarang akan muncul pilihan warna polling. Anda harus memilih salah satu
                                                                                       dari 6 set warna yang ada. Setelah itu klik "NEXT PAGE".
7.   Sekarang isi kolom pada step 4 dengan Judul Polling Anda dan klik "NEXT
     PAGE" untuk maju ke step berikutnya.




            Gambar 8.9: Tampilan Step 4 – Memasukkan judul polling
                                                                                                Gambar 8.12: Tampilan step 7 – Memilih kategori situs


                                                                          297                                                                              298
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".
11. Setelah muncul tampilan step 8, pilih tipe polling yang Anda inginkan.
    Misalnya tipe Radio Button, CheckBoxes, Dropdown Box Vertical atau
    Dropdown Box Horisontal.




                                                                                        Gambar 8.14: Tampilan polling yang sudah jadi beserta kode html-nya


                                                                                  Jika Anda ingin melihat tampilan polling Anda, saat masih berada di step
                                                                                  terakhir, gulung layar kebawah dan klik pada link "VIEW POOL". Poll Anda
                                                                                  kira-kira akan tampak seperti gambar 8.14 (bagian sebelah kiri). Sedangkan hasil
                                                                                  polling-nya (jika link "Results" di klik) akan tampak seperti gambar 8.15
                                                                                  dibawah ini.



              Gambar 8.13: Tampilan step 8 – Memilih tipe polling
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.
13. SELESAI.


                                                                                                     Gambar 8.15: Contoh tampilan hasil polling



                                                                          299                                                                                 300
8.7 TRIK MEMILIKI ALAMAT DOMAIN GRATIS!                                    PERHATIAN! Bagian heksadesimal dari kode diatas (dimulai
                                                                           dari "%69" dan diakhiri pada "%3B") HARUS DIKETIK PADA
Anda ingin memiliki homepage sendiri dengan alamat domain Anda sendiri     SATU BARIS, tidak seperti yang terlihat pada contoh diatas.
secara gratis? Ingin memiliki alamat URL "http://nama_anda.com"
gratis? Ok. Inilah RAHASIANYA :
                                                                         Keempat: Buatlah file index.htm dengan isi META
                                                                           redirection (lihat lagi sub bab 8.5) yang diarahkan ke file
Pertama: Buatlah homepage off-line yang bisa diakses dari                  "index_.htm". Isilah halaman ini dengan penjelasan singkat
  harddisk (lihat BAB 3) dengan nama file induk index_.htm.                mengenai homepage Anda dan sertakan link ke file
  Perhatikan! Kita menggunakan nama file "index_.htm",                     "index_.htm". Khusus pada halaman ini Anda jangan
  bukan "index.htm". Karena itu, semua link untuk kembali ke               menyisipkan script pelenyap iklan diatas, yaitu untuk
  halaman utama web Anda harus diarahkan ke file                           menghindari tuduhan berbuat curang. Dengan adanya rutin
  index_.htm. Anda akan mengetahui alasannya pada step                     redirection ini, maka 3 detik setelah halaman default (file
  keempat trik ini.                                                        index.htm) yang berisi frame iklan dibuka, ia akan memaksa
Kedua: Mendaftarlah ke salah satu situs penyedia free webspace             browser untuk melompat ke halaman utama situs web Anda
  TANPA IKLAN (lihat lagi BAB 4). Penulis sarankan pada                    yang bernama "index_.htm" dalam keadaan frame iklan
  Anda untuk mendaftar ke www.portland.co.uk. Situs ini                    sudah lenyap! Kalau mau, Anda bisa memperkecil waktu
  menyediakan spasi gratis 15 MB tanpa iklan dan mengijinkan               refresh-nya agar proses redirection-nya menjadi lebih cepat.
  upload script CGI.                                                       Perhatikan contoh dibawah ini :
Ketiga: Inilah saatnya melakukan sedikit trik. Secara default,             <head>
  homepage Anda yang aslinya tanpa iklan nantinya akan                     <title>Akses Internet Dapat UANG !!!</title>
                                                                           <meta name="Author" content="OKB Club Indonesia">
  memiliki iklan dalam bentuk frame dibagian bawah layar                   <meta name="Description" content="Dapatkan Penghasilan
                                                                           Tambahan Hingga Ratusan US$ Dollar Perbulan Dari Internet!">
  setelah diakses melalui nama domain yang baru. Untuk itu, mari           <meta name="KeyWords" content="uang,gratis,uang-
  kita lenyapkan iklan tersebut. Caranya, sisipkan script                  gratis,spedia,epilot,themail,bonanza,email,search
                                                                           engine,iklan,online,free money,money cheats,tips & trick">
  javascript dibawah ini diatas tag <HTML> pada file                       <META HTTP-EQUIV="Refresh" CONTENT="3; URL=index_.htm">
                                                                           </head>
  index_.htm.                                                              <HTML>
                                                                           ...... Isi halaman pembuka ..........!
                                                                           ...... Termasuk link ke file index_.htm
   <Script Language='Javascript'>                                          </HTML>
   <!--
   eval(unescape('%69%66%20%28%74%6F%70%2E%66%72%61%6D%65%73%2E%
   6C%65%6E%67%74%68%21%3D%30%29%0D%0A%74%6F%70%2E%6C%6F%63%61%7
   4%69%6F%6E%3D%73%65%6C%66%2E%64%6F%63%75%6D%65%6E%74%2E%6C%6F           PERHATIAN! Teknik ini akan secara otomatis menghilangkan
   %63%61%74%69%6F%6E%3B'));
   //-->
                                                                           efek cloacking nama domain sehingga alamat url yang tampak
   </Script>                                                               dikolom "Address" browser akan mengikuti alamat aslinya.
   <html>
   Isi halaman web Anda ............                                       Untuk mendapatkan efek cloacking ke url Anda sendiri, Anda
   </html
                                                                           bisa melakukan redirection ulang ke situs Anda di CJB.Net
                                                                           atau yang lain dengan waktu tunda "0" detik.


                                                                 301                                                                302
Kelima: Upload file-file html Anda ke server (lihat BAB 5).                        hebat karena memiliki alamat domain sendiri, yang bahkan
                                                                                   tanpa harus membayar sepeserpun!!!
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 :

                                                                                   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:

           Gambar 8.16: NameDemo, penyedia URL redirection unik!


   NameDemo sesungguhnya adalah penyedia layanan URL direction yang
   menghasilkan alamat URL baru bernama http://www.terserah_anda.com,
   .net atau .org dengan disipan frame berisi iklan banner. Setelah mendaftar,
   disamping mendapat alamat domain baru, Anda juga akan mendapat alamat
   email bebas@terserah_anda.com, .net atau .org sesuai dengan nama
   domain yang Anda pilih. Sebagai contoh, penulis memiliki homepage dengan
   alamat asli "http://uang.port5.com". Setelah mendaftar ke NameDemo
   dengan nama domain uang-gratis.com, alamat tersebut sekarang bisa diakses
   dengan alamat domain "http://www.uang-gratis.com" plus "http://uang-
   gratis.com". Selain itu, penulis juga mendapat alamat email
   "webmaster@uang-gratis.com". Semuanya itu gratis! NameDemo
   memerlukan waktu 24 jam sampai 72 jam untuk mengaktifkan alamat domain
   baru kita.
                                                                                      Gambar 8.17: Anda bisa membuat hingga 8 nama sub domain sendiri
Ketujuh: SELESAI! Cobalah akses alamat domain Anda sendiri
  besok atau lusa. Saat dimana Anda akan merasa bangga dan


                                                                         303                                                                            304
CATATAN:
1. Untuk melihat contoh kongkrit hasil trik pada sub bab ini
                                                                   8.8 MEMANFAATKAN SITUS WEB UNTUK
   cobalah akses alamat "http://www.uang-gratis.com" yang              MENCARI UANG!
   semuanya diperoleh dengan cara gratis!                          Jangan dikira main internet hanya menghabiskan uang saja, tetapi sebaliknya
2. Alamat domain ini hanya berlaku selama 1 tahun. Setelah         justru Anda bisa menghasilkan uang. Mungkin sulit untuk dipercaya, tetapi
   habis masa berlakunya, Anda harus memperpanjangnya              begitulah kenyataannya. Internet adalah dunia bebas tanpa batas. Termasuk untuk
                                                                   urusan logika. Dulu, orang bisa menghabiskan uang sekarung untuk surfing di
   dengan cepat-cepat mendaftar ulang begitu masa berlaku          internet. Sekarang, orang malah bisa meraup uang. Bukan hanya uang untuk
   Anda habis, atau Anda bisa memperpanjangnya dengan              membayar akses internet ke ISP dan pulsa telepon ke telkom akan tetapi jauh
   membayar biaya registrasi sekitar US$ 15. Jika Jika Anda        lebih banyak dari itu. Dengan trik-trik tertentu, Anda akan dapat memperoleh
   membayar biaya registrasi, frame iklan akan secara otomatis     ratusan bahkan ribuan dolar setiap bulannya tanpa harus mengeluarkan biaya
   dihilangkan dari homepage Anda dan Anda tidak perlu trik ini    apapun!
   lagi !                                                          Seperti yang dialami Budiman Salim, warga asal sibolga, Sumatera Utara. Berkat
                                                                   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. Ditunggu-
                                                                   tunggu, duitnya ndak muncul-muncul. Ya harus hati-hati dan pinter memilih
                                                                   program," paparnya.
                                                                   Hal yang sama juga dialami Sony Affraim, warga Jakarta. Sepanjang bulan Juli –
                                                                   Agustus 2000, ia mendapat kiriman cek total senilai 1.245 dolar dari TheMail,
                                                                   CashFiesta dan ePilot. Dengan nilai dollar seperti saat buku ini ditulis (Rp.
                                                                   9.000), Sony mendapat penghasilan Rp. 11.205.000,- dalam kurun waktu dua
                                                                   bulan.
                                                                   Begitulah kenyataannya, Anda bisa memperoleh uang dengan berbagai aktifitas di
                                                                   internet, misalnya saat on-line (saat komputer Anda terkoneksi ke jaringan
                                                                   internet) Anda bisa mendapat uang tambahan dari CashSurfers atau dari
                                                                   PaidForSurf. Karena syarat untuk mendapat bayaran hanyalah komputer Anda
                                                                   on-line di internet, maka Anda tidak harus membuka browser. Anda bahkan akan
                                                                   dibayar saat melakukan chatting, saat mengetik dengan Ms. Word atau saat
                                                                   menggunakan Ms. Excel!
                                                                   Berapa bayaran yang bisa Anda peroleh? Dari CashSurfer Anda akan mendapat
                                                                   US$ 0.2 setiap jam on-line. Multilevel hingga 4 tingkat dan Anda akan mendapat
                                                                   10% dari apa yang direct referall dan indirect referall dapatkan (orang-orang


                                                             305                                                                             306
yang Anda ajak bergabung) tanpa mengurangi penghasilan mereka! Sementara itu      Penjelasan lebih rinci mengenai cara kerja semua program 'pencetak' uang gratis
dari PaidForSurf Anda akan dibayar US$ 0.25 untuk setiap jam on-line.             dari internet diatas bisa dilihat di situs "http://uang.port5.com",
                                                                                  "http://duitgratis.cjb.net",                 "http://uang-gratis.com"
Asumsi pembayaran yang bisa Anda dapat dengan jumlah direct referall 5 orang,
                                                                                  atau dari homepage "Uang-Gratis" versi off-line yang ada didalam disket yang
dan tiap direct referall Anda merekomendasikan lagi ke 5 teman mereka lainnya
                                                                                  disertakan dalam buku ini (gambar 8.18).
sampai 4 level, dan tiap orang on-line selama 30 jam sebulan adalah US$ 474
perbulan (atau Rp 4.266.000,- dengan kurs Rp. 9000,-/dolar). Penjelasan lebih     Pada semua layanan yang biasa disebut dengan "Get Paid to Surf" ini, pendapatan
detil dan pendaftaran gratis bisa dilihat di http://uangonline.cjb.net.           Anda perbulan akan ditentukan oleh kegiatan Anda sendiri serta banyaknya
                                                                                  referal atau orang yang berhasil Anda ajak bergabung bersama Anda. Mengajak
                                                                                  orang lain untuk bergabung menjadi referal bisa dilakukan dengan banyak cara.
                                                                                  Diantaranya adalah melalui e-mail atau melalui penjelasan langsung kepada
                                                                                  teman-teman atau saudara kita. Akan tetapi cara yang paling efektif adalah
                                                                                  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!
                                                                                  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
  Gambar 8.18: Tampilan Situs Uang-Gratis. Versi offline-nya ada didalam disket   homepage "Uang-Gratis" (http://www.uang-gratis.da.ru). Setelah Anda
                                                                                  terdaftar sebagai member dari seluruh program "Get Paid to Surf" diatas melalui
Selain uang untuk on-line, Anda juga bisa mendapat bayaran hingga US$ 148.5       situs "Uang-Gratis", Anda bisa menggunakan contoh homepage ini untuk
perbulan dari SPEDIA (http://uangsurfing.cjb.net) saat melakukan                  mendapatkan referal bagi Anda sendiri. Berikut adalah urutan cara
                                                                                  penggunaannya :
surfing di internet. Lalu, saat menggunakan fasilitas search engine, Anda akan
mendapat      bayaran     hingga    US$     162      perbulan    dari   ePilot    1.   Mendaftarlah pada semua program pencetak uang dari internet diatas
(http://uangpilot.cjb.net) dan saat menggunakan e-mail untuk                           melalui situs http://duitgratis.cjb.net. Semuanya gratis,
membaca atau mengirim e-mail, Anda akan mendapat bayaran dari TheMail                  kecuali bonanza.
(http://uangmail.cjb.net) hingga US$ 812 perbulan! Selain itu
                                                                                  2.   Setelah selesai mendaftar, Anda akan memiliki kode referal sendiri yang
semua, untuk memasang iklanpun Anda akan dapat bayaran hingga lebih dari Rp.           secara lengkap akan tampak seperti dibawah ini:
25.000.000,- dari Bonanza (lihat http://uangiklan.cjb.net atau lihat
lagi sub bab 7.6).

                                                                            307                                                                             308
     CashSurfer:                                                                       misalnya "subarnas". Setelah itu klik tombol "Replace All". Lakukan ini
     http://www.cashsurfers.com/signup.asp?referrer=kode_anda                          pada semua file yang berisi kode referal penulis dan ganti dengan kode
                                                                                       referal Anda sendiri.
     Spedia:
     http://www.spedia.net/cgi-
     bin/tz.cgi?run=show_svc&fl=8&vid=kode_anda

     RefRewards:
     http://www.refrewards.com/?ref=kode_anda

     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                              Gambar 8.19: Penggantian kode referal lebih mudah jika dilakukan dengan
                                                                                                                     wordpad.
     Dimana kode_anda adalah kode referal yang didapat setelah Anda
     mendaftar pada masing-masing program. Biasanya menggunakan nama              4.   Edit bagian-bagian lain yang ingin Anda ganti sendiri, misalnya alamat e-
     member, kecuali Spedia dan TheMail yang menggunakan kode angka.                   mail-nya, logonya, counter-nya atau guestbook-nya. Setelah selesai, upload
                                                                                       homepage tersebut ke web server Anda sendiri.
3.   Gantilah isi semua link yang berlabel "DAFTAR DISINI" atau "KLIK
     DISINI Untuk Daftar" pada homepage off-line "Uang-Gratis" yang ada           5.   Iklankan homepage baru pencari referal tersebut keseluruh dunia (lihat
     didalam disket dengan link-link pada langkah kedua diatas sesuai dengan           kembali BAB 7).
     masing-masing programnya. Untuk dapat mengerjakan langkah nomor tiga
                                                                                  6.   SELESAI.
     ini, Anda harus sudah mendaftar pada semua program yang ada pada langkah
     nomor satu. Penggantian kode referal sebaiknya dilakukan menggunakan         7.   Tunggulah beberapa minggu dan Anda akan kaget sendiri melihat hasilnya !
     wordpad satu persatu. Caranya: Jalankan wordpad, lalu buka salah satu file
     dengan meng-klik "File" --> "Open", lalu pilih "Files of type:" dengan
     tipe 'All Documents (*.*)'. Setelah itu masuklah ke direktori dimana         8.9 MEMPROTEKSI FILE HTML
     homepage "Uang-Gratis" offline berada dan buka salah satu file yang ingin
     dirubah kode referal-nya. Setelah file terbuka, tekan tombol [Ctrl]+[H]      Apabila menggunakan Internet Explorer, isi file-file html yang membentuk
     untuk memunculkan fungsi "Replace". Isi kolom "Find what:" dengan kode       sebuah situs web dengan mudah bisa dilihat oleh pengunjung situs dengan meng-
     yang ingin dirubah. Misalnya jika file yang dibuka adalah epilot.htm,        klik kanan tombol mouse ditengah browser dan memilih "View Source".
     maka kolom ini harus diisi dengan "OKBClub" (kode referal penulis).          Gambar-gambar yang ada dihalaman web juga dengan mudah bisa di copy dengan
     Kemudian isi kolom "Replace with:" dengan kode referal Anda sendiri,


                                                                          309                                                                                310
klik kanan tombol mouse dan memilih "Save Picture As …". Akibatnya, tidak        Sisipkan script diatas pada file html Anda dibawah tag <BODY>. Jika kemudian
ada rahasia yang bisa Anda sembunyikan dari file-file HTML Anda.                 file html yang telah disisipi script tersebut ditampilkan dilayar browser, maka
                                                                                 sebuah pesan peringatan akan muncul apabila ada pengunjung situs yang iseng
Sub bab ini akan membantu Anda untuk sebisa mungkin memperkecil upaya
                                                                                 mengklik kanan mouse mereka!
pembajakan karya-karya berharga dari situs web Anda.


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 klik-
kanan 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              Gambar 8.20: Pesan akan muncul jika ada user mengklik kanan tombol mouse!
script-nya :

        <SCRIPT language=javascript>                                              CATATAN :
        <!--
        var message="Maaf, halaman ini DIPROTEKSI! Anda                           Teknik memblokir klik-kanan mouse ini sudah cukup ampuh untuk
        TIDAK BOLEH mengambil APAPUN yang ada di situs ini                        membuat pengunjung tidak bisa membajak gambar atau
        TANPA IJIN !!!";
                                                                                  background, tidak bisa menyalin teks, menyimpan target, membuka
        function click(e) {
        if (document.all) {                                                       link menggunakan "Open Link in New Window" atau meng-"Copy
        if (event.button==2||event.button==3) {                                   Shortcut". Akan tetapi tidak mampu mencegah user yang ingin
        alert(message);                                                           melihat source code html melalui menu "View"        "Source". Untuk
        return false;
        }}
                                                                                  mengatasi ini, Anda harus melakukan enkripsi file html seperti yang
        if (document.layers) {                                                    akan dijelaskan pada sub bab 8.9.2 dibawah.
        if (e.which == 3) {
        alert(message);
        return false;
        }}}                                                                      8.9.2 Meng-enkripsi File Html
        if (document.layers) {
        document.captureEvents(Event.MOUSEDOWN);                                 Anda memiliki situs web bagus dengan banyak javascript canggih didalamnya?
        }                                                                        Well, tidak ada seorangpun yang bisa mencegah dicurinya kode-kode tersebut
        document.onmousedown=click;
                                                                                 dari halaman web Anda. Siapapun bisa mengambilnya dengan mudah dan
        // -->
        </SCRIPT>                                                                menggunakannya untuk homepage mereka sendiri. Apalagi rumor di internet



                                                                         311                                                                               312
mengatakan bahwa saat ini di Indonesia tidak ada "copyright", yang ada justru
malah "right to copy".
Menyerah? No Way! Anda bisa memproteksi halaman web Anda dengan
mengenkripsinya menjadi kode-kode tertentu yang sulit dibaca menggunakan
javascript. Eiiiitttt, …. tak usah panik jika Anda tidak mengerti sedikitpun akan
javascript, karena kita akan menggunakan program bantu untuk melakukannya.
Program tersebut bernama Psyral Phobia Pro. Anda bisa men-download-nya
gratis dari alamat http://psyral.com/downloads.html (1,2 MB). Setelah men-
download programnya, jangan lupa download juga cracker-nya. Anda bisa
mencarinya di http://astalavista.box.sk dengan memasukkan kata kunci "Psyral
Phobia".
Berikut adalah contoh cara proteksi pada file index.htm langkah-demi
langkah dengan asumsi Anda telah menginstal Psyral Phobia Pro dan cracker-
nya kedalam harddisk :

1.   Siapkan file-file html yang ingin diproteksi. Buat backup file seperlunya
     karena tidak ada cara untuk mengembalikannya setelah diproteksi.                           Gambar 8.21: Proteksi file html dengan Psyral Phobia Pro
2.   Pada contoh ini, penulis menggunakan file html asli seperti dibawah ini:
                                                                                    6.   Pada saat ini, proses enkripsinya telah selesai. Akan tetapi jika hasilnya
     <HTML>                                                                              ditampilkan dilayar, disana akan ada tambahan teks bertuliskan
     <HEAD>                                                                              "UNREGISTERED ENCODING BY USER" yang sangat mengganggu
     <TITLE>Halaman ini diproteksi !</title>
     </HEAD>                                                                             (gambar 8.22). Untuk menghilangkannya, gunakan program "Psyral Phobia
                                                                                         Website Corrector".
     <BODY>
     <P ALIGN="center">&nbsp;</P>
     <P ALIGN="center"><B>
     <FONT SIZE="5">
     Halaman ini diproteksi !
     <BR>
     Anda tidak akan bisa melihat source code aslinya !!!
     </FONT>
     </B>
     </P>
     </BODY>
     </HTML>


3.   Jalankan program Psyral Phobia Pro.
4.   Klik tab "Single" (atau tab "Folder" jika Anda ingin memproteksi semua
     file yang ada didalam suatu folder), lalu browse file yang ingin diproteksi
     dengan meng-klik tombol "…". Setelah itu klik tombol "Process".
5.   Klik tombol "OK" pada tampilan "Done processing file" yang muncul
     setelah proses enkripsi selesai.                                                Gambar 8.22: Tampilan file html setelah di enkripsi dengan Psyral Phobia (tanpa
                                                                                                                  Website Corrector)



                                                                            313                                                                                 314
7.     Sekarang, jalankan program Website Corrector untuk menghilangkan teks            !4td3uHRU BMRUK UKUH TMCU IQJMNUB CGADSQ SGRQ UCJMH6U
                                                                                        !!!4/pghb34/t34/f34/tgrW34/nbij3");
       tambahan pada file asli. Program ini sudah ada didalam program cracker           return 0;}
       untuk Psyral Phobia Pro. Setelah dijalankan, dobel klik pada kolom               //--></SCRIPT>
                                                                                        <SCRIPT LANGUAGE="JavaScript"><!--
       dibawah label "Input Filename" dan cari file yang akan dikoreski. Setelah        ky="";function d(msg){ky=ky+codeIt(key,msg);}var key =
       itu, klik juga kolom dibawah label "Output Filename" dan pilih file yang         "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvw
                                                                                        xyz<>]#\"";function codeIt (mC, eS) {var wTG, mcH =
       sama. Akan tetapi sekarang file outputnya harus Anda ganti sendiri dengan        mC.length / 2, nS = "", dv;for (var x = 0; x < eS.length;
       nama yang lain. Pada contoh ini, file asli dengan tambahan teks sudah            x++) {wTG = mC.indexOf(eS.charAt(x));if (wTG > mcH) {dv =
                                                                                        wTG - mcH;nS = nS + mC.charAt(33 - dv);}else {if
       penulis ganti dengan nama "index_.htm". Sehingga hasil outputnya bisa            (key.indexOf(eS.charAt(x)) < 0) {nS = nS + eS.charAt(x)}else
       langsung diberi nama "index.htm" (lihat gambar 8.23).                            {dv = mcH - wTG;nS = nS + mC.charAt(33 + dv);}}}return nS;}
                                                                                        //--></SCRIPT><SCRIPT LANGUAGE="JavaScript"><!--
                                                                                        Decode();document.write(ky);//--></SCRIPT>


                                                                                     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
     Gambar 8.23: Proses koreksi kode html dengan Psyral Phobia Website Corrector
                                                                                    Untuk membuat tampilan situs web menjadi lebih profesional, kita bisa
8.     Klik tombol "OK" setelah proses koreksi selesai. Sekarang jika file          menambahkan tanggal hari ini (beserta jamnya) dan tanggal update file html
                                                                                    secara otomatis sehingga kita tidak harus merubah tanggal update secara manual
       index.htm dibuka dengan notepad, kita akan melihat tampilan source code
                                                                                    setiap kali kita mengedit file html kita. Berikut adalah script yang bisa Anda
       yang sudah dienkripsi seperti dibawah ini. Anda bisa memahaminya?
                                                                                    gunakan untuk menampilkan tanggal dan jam. Sisipkan script ini dimana saja,
                                                                                    misalnya diatas tag </HEAD>.
       <HTML>
       <HEAD>
       <TITLE>Halaman ini diproteksi !</TITLE>                                         <SCRIPT language="JavaScript" type="text/javascript">
       <META HTTP-EQUIV="Expires" CONTENT="Tue, 16 Jan 1990                            <!-- Script TANGGAL dan JAM Hari ini
       21:29:02 GMT">                                                                  var day="";
       </HEAD>                                                                         var month="";
                                                                                       var ampm="";
       <BODY>                                                                          var ampmhour="";
       <SCRIPT LANGUAGE="JavaScript"><!--                                              var myweekday="";
       function Decode() {                                                             var year="";
       d("4nbij34nqur34bmbjq3nUJUIUH MHM RMFDGBQKCM                                    mydate = new Date();
       !4/BMBJQ34/nqur34tgrW34f ujmoh=0SQHBQD03&HTCF;4/f34f                            myday = mydate.getDay();
       ujmoh=0SQHBQD034t34pghb cmVq=0z03nUJUIUH MHM RMFDGBQKCM                         mymonth = mydate.getMonth();
                                                                                       myweekday= mydate.getDate();


                                                                              315                                                                            316
   weekday= myweekday;                                                                document.write(year + " - " + ampmhour + "" + myminutes + "
   myyear= mydate.getYear();                                                          WIB" + "<\/font>");
   year = myyear;                                                                   </SCRIPT>
   myhours = mydate.getHours();
   ampmhour = (myhours > 24) ? myhours - 12 : myhours;
   ampm = (myhours >= 12) ? ' PM' : ' AM';
                                                                                 Dan dibawah ini adalah script untuk menampilkan tanggal update file. Letakkan
   mytime = mydate.getMinutes();                                                 dilokasi dimana Anda ingin menampilkan tanggal update-nya :
   myminutes = ((mytime < 10) ? ':0' : ':') + mytime;
   if(myday == 0)
   day = " Minggu, ";
   else if(myday == 1)                                                              <CENTER><FONT SIZE="2"><U>Update terakhir</U> :<BR>
   day = " Senin, ";                                                                <SCRIPT language="JavaScript" type="text/javascript">
   else if(myday == 2)                                                               <!--
   day = " Selasa, ";                                                                  document.write(document.lastModified)
   else if(myday == 3)                                                               // -->
   day = " Rabu, ";                                                                 </SCRIPT>
   else if(myday == 4)                                                              </FONT></CENTER>
   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 ";                                                                             Gambar 8.24: Tampilan tanggal update terakhir
   else if(mymonth ==3)
   month = "April ";
   else if(mymonth ==4)
   month = "Mei ";
                                                                                 8.11 TRIK MENDAPATKAN UNLIMITED WEB
   else if(mymonth ==5)
   month = "Juni ";
   else if(mymonth ==6)
   month = "Juli ";                                                                   SPACE!
   else if(mymonth ==7)
   month = "Agustus ";
   else if(mymonth ==8)                                                          Anda memerlukan spasi gratis tidak terbatas? Well, cara termudah yang bisa
   month = "September ";                                                         dilakukan adalah mencari penyedia layanan unlimited free webspace melalui
   else if(mymonth ==9)
   month = "Oktober ";                                                           search engine di internet. Atau lihatlah kembali review mengenai beberapa free
   else if(mymonth ==10)                                                         webspace yang menyediakan unlimited webspace pada Langkah ke-4 buku ini.
   month = "Nopember ";
   else if(mymonth ==11)                                                         Akan tetapi jika Anda tidak puas dengan penyedia layanan yang Anda temui,
   month = "Desember ";                                                          Anda bisa menggunakan layanan free webspace apa saja yang Anda sukai. Dan
   // End -->                                                                    mendaftar ke penyedia layanan yang sama berkali-kali.
   </SCRIPT>
                                                                                 Sebagai contoh, Anda menginginkan spasi 500 MB untuk homepage Anda. Maka
Setelah itu sisipkan script dibawah ini dilokasi dimana Anda ingin menampilkan   Anda bisa mendaftar ke Angelfire atau Tripod 10 kali (Anda akan mendapat 50
kalender dan jamnya. Hasil script ini adalah seperti tampak pada gambar 8.18     MB setiap mendaftar). Atau, Anda bisa juga mendaftar di di FortuneCity 5 kali
sebelah kanan atas :                                                             (Anda akan mendapat 100 MB setiap kali mendaftar). Ini adalah cara yang aman
                                                                                 untuk menyimpan file-file Anda di Internet. Seandainya salah satu account Anda
                                                                                 dicabut atau rusak, maka tidak semuanya hilang. Tetapi jika Anda mendaftar
   <SCRIPT type="text/javascript">                                               langsung di penyedia free webspace yang memberikan langsung 500 MB atau
     document.write("<b><font size=2 color=blue
     face='helvetica,arial'>" + day + myweekday + " " + month)                   bahkan yang memberikan unlimited free webspace sekaligus, maka file-file Anda


                                                                         317                                                                              318
akan lenyap semuanya jika sewaktu-waktu account Anda tidak bisa digunakan         Dengan baris-baris html seperti diatas, musik midi akan segera dimainkan begitu
lagi!                                                                             homepage dibuka. Angka "–1" pada atribut LOOP akan membuat browser terus-
                                                                                  menerus memainkan musiknya (loop tak terbatas).
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     8.13 JANGAN KHAWATIR MEMAKAI WEB
untuk satu account.                                                                    AUTHORING TOOL VERSI SHAREWARE!
Setelah mendaftar 5 kali di free webspace, Anda bisa mulai mendistribusikan
                                                                                  Tidak perlu basa-basi, penyebab utama mengapa Anda membeli, membaca dan
file-file Anda ke masing-masing account dan membuat link filenya dengan salah
                                                                                  mempelajari buku ini, sebagian besar mungkin adalah karena Anda tertarik
satu account yang Anda jadikan homepage induk.
                                                                                  dengan kata kunci yang satu ini: GRATIS! Ya! Semua orang akan tertarik dengan
Dengan trik ini, tidak ada lagi keluhan "Wah bagus-sih bagus, tanpa iklan lagi.   ‘magic word’ ini. Jadi, tidak perlu malu-malu untuk memiliki homepage gratis,
Tapi sayang, spasinya cuma 15 MB !". Ya, secara teori, asal Anda mau, Anda        email gratis, uang gratis dan sekarang, program gratis!
bisa mendapatkan spasi tak terbatas dari penyedia layanan free webspace
                                                                                  Jika kita telusuri, di internet ada banyak sekali software dan tool yang bisa
manapun yang Anda sukai !!!
                                                                                  digunakan untuk mempermudah pembuatan web, mempercantik tampilannya atau
                                                                                  bahkan menjaga keamanannya. Program-program yang biasa disebut web
                                                                                  authoring tool dan bisa di download gratis dari internet ini umumnya adalah
8.12 MENYAMBUT PENGUNJUNG DENGAN                                                  versi shareware atau versi limited evaluation, meski banyak juga kita temui
     MUSIK                                                                        versi freeware-nya.
                                                                                  Mungkin Anda sering mengeluh saat menggunakan program gratisan semacam ini
Untuk menambah daya tarik situs web pada para pengunjung yang menggunakan
                                                                                  karena seringkali programnya tidak berfungsi sepenuhnya sebelum diregistrasi,
piranti multimedia saat melakukan surfing, kita bisa menyisipkan musik midi
                                                                                  atau muncul pesan-pesan mengganggu yang tidak Anda inginkan.
kedalam situs web. Penyisipan musik (midi) dapat dilakukan dengan tag
<BGSOUND> yang diletakkan diantara tag <HEAD> dan </HEAD>. Perhatikan             Jika kita telusuri lebih jauh lagi, fakta juga menjunjukkan bahwa internet mau
contoh penggunaannya dibawah ini :                                                tidak mau juga menjadi media baru untuk saling bertukar informasi dikalangan
                                                                                  pelaku cracking. Disana ada banyak sekali situs yang memberi info gratis tentang
                                                                                  ratusan ribu nomor seri software untuk bisa dipakai. Salah satunya adalah
   <HEAD>
   <TITLE>JUDUL HOMEPAGE</TITLE>                                                  "http://www.warezslutz.com" yang jadi rujukan para mania cracking
   ...                                                                            di Eropa. Jika mau, Anda juga bisa dengan mudah mencari program cracker
   <BGSOUND SRC="namafile.mid" LOOP="-1">
   </HEAD>                                                                        dengan search engine khusus yang memang disediakan untuk itu. Alamatnya
                                                                                  adalah "http://astalavista.box.sk". Hampir semua program
   <BODY>
   ... isi homepage Anda ...                                                      shareware maupun limited evaluation bisa ditemukan cracker-nya dengan
   </BODY>                                                                        perantara search engine ini.
                                                                                  Karena itu mulai sekarang Anda tidak perlu risau jika men-download sebuah
Catat bahwa sebelumnya Anda harus sudah memiliki file musik yang ingin            program yang ternyata adalah versi shareware. Anda tinggal mengarahkan
dimainkan. File-file semacam ini banyak terdapat di internet dan bisa di          browser Anda ke astalavista, mengetikkan nama programnya, dan beberapa detik
download gratis. Cobalah kunjungi salah satu situs search engine dan masukkan     kemudian program cracker-nya sudah nongol didepan mata, siap untuk di
kata "musik", "midi" atau "midi files", maka sebentar kemudian Anda akan          download dengan sekali klik!!!
dihadapkan pada ratusan link dimana Anda bisa men-download musik-musik
midi gratis.


                                                                          319                                                                                320
Sebagai contoh, program Psyral Phobia Pro yang kita gunakan untuk
mengenkripsi file html pada sub bab 8.9.2 adalah versi shareware yang akan
menghasilkan file terenkripsi dengan tampilan pesan menjengkelkan dibagian atas
halaman web (gambar 8.22). Apakah ada cracker-nya? Oke. Anda akan segera
tahu sebentar lagi.
Sekarang jalankan browser dan buka situs "http://astalavista.box.sk". Setelah
itu masukkan kata kunci "Psyral Phobia". Maka sim salabim …. Dalam sekejap
Anda akan melihat beberapa lokasi di internet dimana Anda bisa men-download
cracker untuk program yang Anda cari!!
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




                                                                             321

				
DOCUMENT INFO
Shared By:
Categories:
Tags:
Stats:
views:1131
posted:9/19/2010
language:Indonesian
pages:170