Mengganti warna pada scrollbar dengan Cool Web Scrollbars

No Comment - Post a comment

Anda Jika Anda telah membaca artikel sebelumnya, tentu Anda sudah paham tentang cara mengganti warna scrollbar pada IE. Nah, untuk Anda yang tidak mau repot dengan menuliskan kode-kode tersebut, ada alternatif lain yang lebih mudah, yaitu dengan menggunakan Cool Web Scrollbars.

Dengan software yang dapat di download di http://www.harmonyhollow.net/ ini dijamin Anda tidak akan mengalami kesulitan lagi.

Untuk membuat kode warna scrollbar dengan Cool Web Scrollbars, caranya sebagai berikut:

1.

Setelah program dijalankan maka akan muncul tampilkan seperti pada gambar di bawah ini.

s

2.Ada tujuh "bagian" yang dapat Anda tentukan warnanya, mulai dari Face Color, Arrow Color sampai Track Color. Untuk mengetahui "arti" dari masing-masing bagian tersebut, letakkan cursor mouse pada panel sebelah kiri. Jika Anda meletakkan cursor mouse di atas tanda panah, maka secara otomatis keterangan Arrow Color akan berwarna merah.
3.Untuk mengganti warna, klik pada icon s
4.Jika Anda telah mengganti semua warna sesuai dengan pilihan Anda, Anda dapat melihat tampilan scrollbar tersebut dengan mengklik tombol Actual Size Preview.
5.Tombol Generate Code digunakan untuk membuat kode yang dapat langsung Anda copy dan paste ke halaman html Anda.

 

Mengganti warna pada scrollbar

No Comment - Post a comment

Anda yang rajin surfing pasti sering menjumpai halaman web dengan warna scrollbar yang warna-warni. Jika pada halaman ini scrollbar tersebut berwarna biru kehijauan (lihat scrollbar di sebelah kanan). Mungkin saja Anda bingung, gimana memuat scrollbar seperti itu?

Sebenarnya itu adalah "permainan" CSS saja. Misalnya dengan menambahkan kode di bawah ini pada bagian HEAD pada suatu halaman web:

<style>
BODY {
SCROLLBAR-FACE-COLOR: #b8860b;
SCROLLBAR-HIGHLIGHT-COLOR: #dfc88f;
SCROLLBAR-SHADOW-COLOR: #b8860b;
SCROLLBAR-3DLIGHT-COLOR:#dfc88f;
SCROLLBAR-ARROW-COLOR: #dfc88f;
SCROLLBAR-TRACK-COLOR: #b8860b;
SCROLLBAR-DARKSHADOW-COLOR: #dfc88f
}
</style>

Kode di atas akan menghasilkan tampilan seperti contoh di sini.

Untuk membuat tampilan yang berbeda dengan contoh di atas, Anda tinggal mengganti warna pada CSS di atas. Sebagai "spedoman" warnanya Anda dapat melihat pada gambar di bawah ini.

s

Sayangnya CSS ini hanya dapat bekerja pada browser Internet Explorer versi 5.5 ke atas.

 

Situs tidak ter-update?

No Comment - Post a comment

Pernah mengalami kejadian seperti ini:
Anda sudah mengupdate situs Anda, tapi waktu Anda melihat pada browser yang terlihat masih halaman yang lama (yang belum diupdate) ?

Mengapa hal ini terjadi ? Penjelasan yang sangat detail dapat Anda baca di sini. Lalu bagaimana caranya mencegah hal itu terjadi? Anda bisa menambahkan tag di bawah ini di antara tag <HEAD> dan </HEAD>:

<META http-equiv="Pragma" content="no-cache">

Cara lain adalah dengan menekan Shift yang diikuti dengan mengklik tombol Refresh pada browsers. Langkah itu akan "memaksa" untuk mengambil halaman web langsung dari servernya, bukan dari cache.

 

Bookmark dengan link

No Comment - Post a comment

Anda pasti sering menjumpai link seperti "Bookmark situs ini", yang jika link tersebut kita klik maka akan langsung masuk ke dalam Favorites. Dengan memasukkan situs ke dalam Favorites, maka kita tidak perlu susah-susah lagi mengetikkan nama situs pada Address Bar, tapi cukup dengan mengklik nama situs yang terdapat pada daftar Favorites.

Untuk membuat link bookmark tersebut, masukkan kode di bawah ini di antara tag <HEAD> dan </HEAD> pada halaman web Anda:


<script language="JavaScript1.2">
<!-- Start
var bookmarkurl="


 

Membuat Back dan Forward dengan java script

No Comment - Post a comment

Pada suatu halaman web kita seringkali melihat link navigasi seperti Back untuk kembali ke halaman sebelumnya dan Forward untuk menuju ke halaman yang pernah kita buka sebelumnya.

Anda bisa membuat link navigasi tersebut dengan menggunakan java script seperti contoh di bawah ini.

<a href="javascript:history.back(1)">Back</a>

<a href="javascript:history.forward(1)">Forward</a>

 

Membuat combo box warna warni

No Comment - Post a comment

Combo box merupakan suatu "elemen" yang sering digunakan pada halaman web yang memungkinkan seorang user untuk memilih salah satu dari beberapa pilihan. Tampilan combo box tersebut seringkali standar, warna latar putih dengan teks hitam.

Dengan style sheet kita dapat membuat tampilan combo box tersebut lebih menarik. Misalnya dengan memberi warna tertentu pada huruf atau backgroundnya. Sebagai contohnya Anda bisa menambahkan kode di bawah ini ke dalam tag head pada halaman web Anda.

select.Menu{
font-family: Verdana,sans serif;
font-size: 14pt;
font-weight: bold;
font-style: normal;
}

option.MenuSatu{
color:#FFFFFF;
background-color:#FF0000;
}
option.MenuDua{
color:#FFFF00;
background-color:#0000FF;
}
option.MenuTiga{
color:#123456;
background-color:#FEDCBA;
}
</style>

Pada bagian select.Menu, Anda dapat mengatur setting huruf yang akan digunakan pada combo box. font-family = untuk jenis hurufnya dan font-size untuk ukuran huruf.

Pada option.MenuSatu, Anda dapat mengatur tampilan warna pada combo box. Color untuk mengatur warna teks sedangkan background-color untuk mengatur warna latar belakangnya.

Pada contoh di atas kami hanya menampilkan tiga contoh "menu". Jika dirasa masih kurang, Anda dapat menambahkan sendiri. Tentunya dengan mengikuti "pola" seperti pada contoh di atas. Lalu untuk contohnya Anda dapat menggunakan form seperti pada contoh berikut ini:

<form>
<select class="Menu" size="1">
<option class="MenuSatu">Item Satu</option>
<option class="MenuSatu">Item Dua</option>
<option class="MenuSatu">Item Tiga</option>
<option class="MenuDua">Item Empat</option>
<option class="MenuDua">Item Lima</option>
<option class="MenuDua">Item Enam</option>
<option class="MenuTiga">Item Tujuah</option>
<option class="MenuTiga">Item Delapan</option>
<option class="MenuTiga">Item Sembilan</option>
</select>
</form>

Dengan kode di atas kita dapat membuat tampilan seperti pada contoh di sini.

 

Memperindah halaman web dengan overlib

No Comment - Post a comment

Untuk memperindah tampilan halaman web, salah satu cara yang paling sering dipakai adalah dengan menggunakan javascript. Dan salah satu javascript yang populer adalah overlib (download overlib di sini). Dengan menggunakan overlib Anda dapat memperindah hint pada suatu link.

Di bawah ini kami tampilkan contoh-contoh penggunaan overlib beserta kode untuk membuatnya. Sebelum menambahkan kode-kode di bawah ini, jangan lupa untuk menambahkan baris berikut ini setelah tag <Body> pada halaman web Anda.

<DIV id=overDiv style="POSITION: absolute; Z-INDEX: 1"></DIV>
<SCRIPT language=JavaScript src="overlib.js"></SCRIPT>

catatan :

Pada contoh-contoh di bawah ini, Anda dapat mengganti href="javascript:void(0);" dengan link yang Anda inginkan. Misalnya href="http://www.lutfian.com/"

Link tanpa caption

<a href="javascript:void(0);"
onMouseOut=nd() onMouseOver="return overlib('tampilkan teksnya di sini....')"><font face="Verdana, Arial" size="2">Link
tanpa caption</font></a>

Link dengan caption

<a href="http://www.lutfian.com/"
onMouseOut=nd()
onMouseOver="return overlib('..download freeware...', CAPTION, 'Lutfian Software')" target="_blank"><font face="Verdana, Arial" size="2">Link
dengan caption</font></a>

Hint pada posisi tertentu

<a href="javascript:void(0);" onMouseOut=nd()
onMouseOver="return overlib('Hint terletak pada koordinat 50 dan 250.', FIXX, 50, FIXY, 250)"><font size="2" face="Verdana, Arial">Hint
pada posisi tertentu</font></a>

Hint tanpa caption di kiri kursor

<a href="javascript:void(0);"
onMouseOut="nd(); return true;"
onMouseOver="dls('Hint tanpa caption, ditampilkan di kiri kursor.'); return true;"><font face="Verdana, Arial" size="2">Hint
tanpa caption di kiri kursor</font></a>

Hint dengan caption di kiri kursor

<a href="javascript:void(0);"
onMouseOut="nd(); return true;"
onMouseOver="dlc('Hint dengan caption, ditampilkan di kiri kursor.','Ini Captionnya!'); return true;"><font face="Verdana, Arial" size="2">Hint
dengan caption di kiri kursor</font></a>

  • Item 1
  • Item 2
  • Item 3
      ')">Hint dengan list

      <a href="http://www.lutfian.com/"
      onMouseOut=nd()
      onMouseOver="return overlib('..download freeware...', CAPTION, 'Lutfian Software')" target="_blank"><font face="Verdana, Arial" size="2">Link
      dengan caption</font></a>

      ')">Hint dengan gambar

      <a href="javascript:void(0);" onMouseOut=nd()
      onMouseOver="return overlib('Hint dg gambar <img src=../../images/panah.gif>')"><font face="Verdana, Arial" size="2">Hint
      dengan gambar</font></a>


      •  

      Membuat tombol 3 dimensi

      No Comment - Post a comment

      Kalau Anda rajin surfing pasti sudah sering melihat "tombol" yang dibuat dengan tag <TABLE> yang mempunyai efek 3 dimensi. Buat Anda yang belum pernah melihatnya, bisa melihat contohnya di sini.

      Di bawah ini adalah contoh bagaimana membuat tombol sepeti itu:

      <HTML>
      <HEAD>
      <TITLE> Tombol 3 Dimensi </TITLE>
      </HEAD>
      <STYLE>
      .link1:hover {
      FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: underline
      }
      .link1 {
      FONT-SIZE: 10px; COLOR: #f0f2f3; FONT-FAMILY: Verdana,Arial; TEXT-DECORATION: none
      }
      .tabel1 {
      BORDER-RIGHT: black 2px outset; BORDER-TOP: white 1px outset; BACKGROUND: #507488; BORDER-LEFT: white 1px outset; BORDER-BOTTOM: black 2px outset
      }
      </STYLE>

      <BODY bgcolor=#f0f2f3>

      <TABLE align=center class=tabel1>
      <TR><TD> <b><a class=link1 href=http://www.lutfian.com target=blank> Lutfian Software </a></b> </TD></TR>
      </TABLE>

      </BODY>
      </HTML>

       

      Menambahkan efek pada tabel

      No Comment - Post a comment

      Dengan menambahkan sedikit kode CSS (Cascading Style Sheet), Anda dapat menambahkan efek tertentu pada tag <TABLE> untuk halaman web Anda. Contohnya seperti di bawah ini.

      <TABLE STYLE="filter:shadow(color=blue)" align=center>
      <TR><TD> KLIK-KANAN.COM, SITUS OK </TD></TR>
      </TABLE>

      Hasilnya akan nampak seperti di bawah ini:

      KLIK-KANAN.COM, SITUS OK

      Untuk mengganti warnanya, Anda tinggal mengganti tulisan blue di atas dengan warna yang Anda inginkan.

      Efek lainnya adalah :

      <TABLE STYLE="filter:blur" align=center>
      <TR><TD> KLIK-KANAN.COM, SITUS OK </TD></TR>
      </TABLE>

      yang hasilnya seperti di bawah ini.

      KLIK-KANAN.COM, SITUS OK

      Tinggal pilih efek tabel yang Anda suka. Selamat mencoba !

       

      Menampilkan title pada link

      No Comment - Post a comment

      Apakah Anda sudah tahu atribut "title" pada tag A HREF ? Atribut "title" tersebut berfungsi untuk menampilkan keterangan pada suatu link. Contoh:

      <a href="myfile.htm" title="Download freeware">Lutfian Software</a>

      Jika cursor mouse diarahkan ke link tersebut maka akan muncul keterangan "Download freeware"

      Sebagai contoh, arahkan mouse Anda ke link di bawah ini :

      Lutfian Software

       

      Membuat Browser menari

      No Comment - Post a comment

      Pengen membuat kejutan pada pengunjung web Anda ? Copy dan Paste kode di bawah ini ke dalam Notepad lalu simpan sebagai file HTML. Untuk contohnya bisa dilihat di sini.

      <html>
      <HTML>
      <HEAD>
      <TITLE> Browser yang bisa menari</TITLE>
      <script language="JavaScript" type="text/javascript">
      function init() {
      setTimeout("shake(3)",1000);
      setTimeout("this.focus()",4000);
      setTimeout("shake(3)",4100);
      }
      function register()
      {
      var isAol = "no";
      var res = 800 ;
      }
      function shake(n) {
      if (self.moveBy) {
      for (i = 10; i > 0; i--) {
      for (j = n; j > 0; j--) {
      self.moveBy(0,i);
      self.moveBy(i,0);
      self.moveBy(0,-i);
      self.moveBy(-i,0);
      }
      }
      }
      }
      a=275;
      b=275;
      r=20;
      x=1;
      z=1;
      function rotate(r) {
      while (z<=3) {
      for (var i = 0; i <360; i++) {
      x = (r * Math.cos((i * Math.PI)/180)) + a;
      y = (r * Math.sin((i * Math.PI)/180)) + b;
      window.moveTo(x,y);
      }
      z+= 1;
      }
      setTimeout("shake(3)",10000);
      }
      </script>
      </HEAD>
      <BODY ONLOAD="init()" BGCOLOR="Black">
      </BODY>
      </HTML>

       

      Background warna pada teks

      No Comment - Post a comment

      Mungkin Anda ingin menonjolkan tulisan tertentu pada halaman web Anda. Untuk itu Anda bisa memakai CSS berikut ini :

      <span style="background-">Text yang ada background warna </span>

      CSS di atas akan menghasilkan tulisan seperti di bawah ini :

      Text yang ada background warna

      Sedangkan untuk menampilkan background warna pada link, Anda perlu menambahkan kode berikut di antara tag <head> dan </head>.

      <style type="text/css">
      <!--
      A:hover {background-color: orange}
      -->
      </style>

       

      Menampilkan keterangan pada link

      No Comment - Post a comment

      Mungkin halaman web Anda mempunyai banyak link, sehingga jika tidak disertai keterangan yang jelas orang akan bingung, link tersebut akan menuju ke mana ? Dengan javascript berikut Anda dapat menambahkan keterangan untuk link Anda. Sebagai contoh dapat dilihat di sini :


      <script>
      <!--
      function showtip(tip){
      document.tool.tip.value=tip
      }
      file://-- >
      </script>


      <A href="http://www.lutfian.com" onMouseover="showtip('Download freeware dan shareware!')" onMouseout="showtip('')"> Lutfian Software</A>

       

      Menonaktifkan klik kanan

      No Comment - Post a comment

      Tambahkan kode javascript berikut ini diantara tag <head> dan </head> halaman web Anda untuk mendisable klik kanan. Sebagai contoh lihat di sini.

      <script language="JavaScript">
      <!--
      var popup="Sorry ya !!!\n\nThis Site Copyright
      ©2000";
      function noway(go) {
      if (document.all) {
      if (event.button == 2) {
      alert(popup);
      return false;
      }
      }
      if (document.layers) {
      if (go.which == 3) {
      alert(popup);
      return false;
      }
      }
      }
      if (document.layers) {
      document.captureEvents(Event.MOUSEDOWN);
      }
      document.onmousedown=noway;
      // --> </script>

       

      Mengecek link pada situs Anda

      No Comment - Post a comment

      Bagus tidaknya sebuah situs tidak hanya ditentukan oleh bentuk desainnya, tapi juga oleh "kebenaran" link yang terdapat pada situs tersebut. Suatu situs dengan desain yang yahud tapi linknya banyak yang rusak/salah (broken link) tentu tidak menarik dikunjungi.
      Oleh karena itu saat Anda mendesain situs perhatikan apakah link-link yang Anda buah sudah benar atau belum. Dengan menggunakan Dreamweaver Anda dapat dengan mudah mengecek link mana saja yang salah (broken link) untuk kemudian Anda perbaiki. Untuk mengecek broken link dan memperbaikinya, caranya adalah sebagai berikut:


      1. Jika Anda ingin mengecek link dari satu file Html maka dari menu File, pilih Check Link. Tapi jika Anda ingin mengecek link dari semua halaman web yang ada pada situs Anda, klik menu Site, pilih Check Links Sitewide.

      2. Waktu yang diperlukan untuk pencarian broken link ditentukan oleh banyak tidaknya link dan halaman web Anda. Tentunya semakin banyak link dan halaman web, semakin lama proses pencarian.
      Jika broken link ditemukan maka akan muncul tampilan seperti gambar di atas.
      3. Untuk memperbaiki broken link tersebut, pilih file yang akan diperbaiki dan klik pada icon folder (yang berwarna hijau). Setelah itu browse ke directory di mana Anda menyimpan file yang sesungguhnya.

       

      Membuat jump menu

      No Comment - Post a comment

      Pernah melihat jump menu seperti di atas ? Menu seperti itu biasa digunakan sebagai navigasi yang akan "mengantar" pengunjung web untuk menuju halaman yang lainnya. Dengan Macromedia Dreamweaver kita dapat membuat jump menu dengan mudah. Langkahnya adalah sebagai berikut :
      1. Dari menu Insert, pilih Form Object - Jump Menu
      2. Pada bagian Text ketikkan nama item yang akan muncul pada menu list.

      3. Pada bagian When selected, Go to URL pilih file yang akan dibuka. Caranya dengan mengklik tombol Browse dan memilih file yang diinginkan, atau langsung ketikkan path file yang akan dibuka. Untuk file yang akan dibuka Anda bisa memilih file pada situs yang sama atau bisa juga berupa alamat web, misalnya http://www.yahoo.com/
      4. Jika Anda ingin menambahkan tombol Go maka beri tanda check pada Insert Go Button After Menu.

      5. Tekan tombol untuk memasukkan menu item ke dalam daftar.

      6. Ulangi langkah 2-5 untuk menu item yang lain.

       

      Mendeteksi browser yang dipakai pengunjung web

      No Comment - Post a comment

      Seperti kita ketahui bersama antara Netscape Navigator dan Internet Explorer terdapat sedikit ketidakcocokan. Maksudnya ada kalanya suatu halaman web jika dilihat dengan IE dapat tampil dengan bagus sementara jika dilihat dengan NN agak sedikit acak-acakan. Atau sebaliknya.


      Anda sebagai seorang designer web tentunya ingin mendapatkan tampilan web yang sempurna, baik jika dilihat dengan IE maupun NN. Untuk mengatasi masalah tersebut sebenarnya tidak susah-susah amat, salah satu caranya adalah dengan mendeteksi browser yang dipakai oleh client atau orang yang melihat web kita. Lalu halaman web yang akan ditampilkan disesuaikan dengan browser tersebut. Misalnya jika yang dipakai adalah IE maka yang ditampilkan adalah file satu.html, sedangkan jika yang dipakai adalah NN yang ditampilkan adalah file dua.html.


      Kita akan mencoba membuat pendeteksi browser dengan menggunakan Macromedia Dreamweaver. Ikuti langkah-langkah berikut ini :

      1. Dari menu Window, pilih Behaviors atau dengan menekan F8.Dari combo box Events For, pilih IE 4.0. Tekan tombol , lalu pilih Check Browser.

      2. Maka akan muncul window Check Browser . Di sini Anda harus melakukanbeberapa pengisian. Jika yang digunakan adalah NN 4.0 maka .... Terdapat 3 pilihan yaitu, Stay on this Page, Go to URL, dan Go to Alt URL. Jika Anda memilih Stay on this Page maka halaman inilah yang akan ditampilkan jika pengunjung web Anda memakai NN 4.0.Sebaliknya pada bagian IE 4.0 Anda harus mengisinya dengan Go to URL dan pada bagian URL Anda harus mengisi dengan halaman web yang akan ditampilkan jika si pengunjung memakai IE 4.0.

      3. Untuk mengaplikasikannya tekan tombol OK. Nah sekarang halaman web Anda sudah siap untuk mendeteksi browser yang digunakan oleh pengunjung web Anda.

       

      Membuat rollover image

      No Comment - Post a comment

      Membuat rollover image

      Kalau Anda rajin menjelajah internet tentu sering menemui situs yang memakai efek rollover image. Efek tersebut dibuat dengan menggunakan javascript. Untuk membuat efek tersebut Anda harus menuliskan kode javascript tersebut. Tapi dengan bantuan Macromedia Dreamweaver Anda dapat membuat rollover image tanpa harus menuliskan sebaris pun kode javascript. Penasaran ? Ikuti langkah di bawah ini :

      1. Untuk Dreamweaver 3, dari menu Insert, pilih Rollover Image.
        Untuk Dreamweaver 4, dari menu Insert, pilih Interactive Images - Rollover Image. Maka akan muncul kotak dialog seperti di bawah ini :

        Kotak dialog Insert Rollover image

        Lalu isi         pada kotak yang tersedia yang meliputi :

        2. Image Name : Nama image
        Original Image : Gambar asli
        Rollover Image : Gambar yg dijadikan sebagai rollover
        Go to URL : Halaman web yang akan dituju

      2. Hasilnya dapat dilihat di sini.

       

      Membuat Tabel

      No Comment - Post a comment

      Langkah ini sangat penting untuk dicermati karena hampir semua halaman web memakai tabel. Anda tidak akan dapat membuat halaman web yang warna-warni tanpa unsur tabel. Anda juga tidak dapat membuat halaman web seperti halaman yang sedang Anda baca ini tanpa tabel. Untuk membuat dan memodifikasi tabel pada Dreamweaver caranya adalah sebagai berikut :
      (Supaya tutorial ini lebih maksimal hasilnya ada baiknya Anda membaca artikel di sini terlebih dahulu)

      1. Dari menu Insert, pilih Table. Atau tekan Ctrl + Alt + I.

        Rows : Jumlah baris
        Columns : Jumlah kolom
        Width : Lebar tabel yang bisa dinyatakan dalam persen maupun dalam pixel
        Border : Ukuran border tabel
      2. Hasilnya adalah seperti gambar di bawah ini.
      3. Untuk mengganti warna background pada tabel, letakkan pointer mouse pada cell (kolom atau baris --pada gambar di bawah ditandai dengan tanda silang warna merah--) yang akan Anda ganti warnanya lalu klik icon yang terletak pada Properties.
        Untuk mengganti warna background lebih dari satu baris atau kolom drag pointer mouse dari cell yang satu ke cell selanjutnya.

       

      Membuat halaman web pertama

      No Comment - Post a comment

    • Dari menu File pilih New.
    • Tentukan title, warna background dan link untuk halaman web Anda. Dari menu Modify, pilih Page Properties.

      Untuk mengganti warna background dan link, klik pada icon . Sedangkan untuk mengganti background image, klik pada tombol Browse.



      Title = title atau judul halaman web
      Background image = image yang digunakan sebagai background
      Text = warna teks
      Links, Visited Links, Active Links = warna link
    • Untuk mengakhiri klik tombol OK.
    • Supaya aman simpan dulu file tersebut dengan mengklik menu File - Save.

      •  

      Mendefinisikan local site

      No Comment - Post a comment

    • Setelah masuk ke Dreamwever, dari menu Site pilih New Site.

    • Pada bagian Site Name, tuliskan nama web Anda. Misalnya Gratisan. Sedangkan Local Root Folder adalah folder tempat Anda akan menyimpan semua file untuk web yang Anda buat, termasuk file images, audio, javascript, css, dan sebagainya. Klik pada icon untuk mem-browse.


    • Setelah selesai klik OK.


    • Maka akan muncul window baru. Setelah Anda mencapai langkah ini berarti Anda sudah bisa memulai membuat halaman web baru.

      •  

      Tips & Trik Desain Web

      No Comment - Post a comment

      Membuat link tanpa garis bawah

      Anda tidak suka dengan garis bawah yang terdapat pada link ? Di bawah ini trik yang bisa Anda gunakan untuk menghilangkan garis bawah tersebut
      <A HREF="page.html" STYLE="TEXT-DECORATION: NONE" > Link tanpa garis bawah </A>
      Trik tersebut dapat digunakan pada MS Internet Explorer dan Netscape Navigator 4.0 atau lebih.

      Download dari website tanpa menggunakan FTP

      Apakah Anda mempunyai web site dan ingin membagikan software dari web site Anda ? Tapi Anda tidak mempunyai akses ke server FTP. Jangan bingung ! Anda tetap bisa melakukannya walaupun tanpa FTP. Caranya : gunakan link yang mengarah pada file download.
      <a href="freeware.zip"> Download file DI SINI </a>

      Pertimbangkan penggunakan Applet Java

      Dengan menggunakan aplet Java Anda bisa membuat halaman web yang indah. Tetapi terlalu banyak menggunakan applet Java akan mengakibatkan lambatnya loading. Untuk itu perlu Anda pikirkan "untung - ruginya" sebelum Anda memakai applet Java. Ingat masih banyak netter yang menggunakan komputer dengan akses internet yang lambat.

       

      Upload ke web server

      No Comment - Post a comment

      Setelah Anda mendaftar pada salah satu free server, maka langkah terakhir supaya halaman web Anda dapat dilihat semua orang adalah upload atau mengirim file ke web server.

      Ada dua macam cara yang digunakan untuk mengirim file ke web server, yaitu langsung melalui browser atau melalui FTP (File Transfer Protocol). Untuk itu Anda harus mengetahui cara mana yang didukung oleh web server Anda. Sekedar contoh, www.homepage.com menggunakan browser untuk upload, www.virtualave.net menggunakan FTP sedangkan untuk www.tripod.com bisa menggunakan browser atau FTP. Yang akan dibahas di sini adalah mengirim file dengan menggunakan FTP.

      Software yang dapat digunakan adalah WS FTP atau CuteFTP. (jangan bingung dengan kata FTP dengan WS FTP atau CuteFTP. FTP adalah protocol yang digunakan untuk berhubungan dengan web server, sedangkan WS FTP atau CuteFTP adalah software yang digunakan untuk berhubungan dengan web server. Singkatnya WS_FTP dan CuteFTP adalah software yang mendukung protocol FTP untuk berhubungan dengan web server).

      Untuk langkah-langkah yang kami berikan di bawah ini menggunakan software CuteFTP dan web server www.virtualave.net. Anda dapat menerapkan langkah ini pada WS_FTP atau software FTP lainnya dan web server lainnya, karena pada prinsipnya adalah sama.

      1. Dari menu FTP pilih Quick Connect.

      2. Isi pada kolom host address, user ID dan password dengan yang diberikan web server kepada Anda. Kalau di virtualave.net misalnya host address = s36.virtualave.net, user id = winfolder, password = sda45sddf.

      3. Klik OK.

      4. Tunggu beberapa saat sampai CuteFTP sampai berhasil connect dengan web server.

      5. Jika koneksi berhasil akan muncul kotak dialog berisi keterangan-keterangan. Klik OK saja.

      6. Sekarang Anda lihat pada kolom sebelah kanan. Itu merupakan folder yang terletak pada web server Anda. Nampak folder bernama public_html. Klik dua kali folder tersebut. Nah, di folder itulah Anda harus meletakkan file-file Anda.

      7. Kolom sebelah kiri merupakan letak dari file di komputer Anda. Untuk itu pindah ke folder tempat Anda menyimpan file yang akan di-upload.

      8. Blok-lah file yang akan di-upload, lalu klik kanan dan pilih upload.

      9. Selesai sudah proses upload tersebut.

      10. Sebagai tambahan, Anda dapat membuat folder/directory baru pada web server Anda. Caranya klik kanan pada kolom sebelah kanan, pilih Make Directory, klik OK.

      11. Untuk perintah-perintah lainnya dapat Anda pelajari sendiri

       

      Menghilangkan popup ads pada free web hosting

      No Comment - Post a comment

      Nah, untuk menghilangkan popup ads tersebut gunakan tips berikut ini. Sekedar mengingatkan, bila Anda menghilangkan popup mereka ada kemungkinan account Anda dicabut. Jadi sebelum menggunakan, pertimbangkan kembali.Text warna hitam adalah kode html AndaText warna biru adalah yang harus ditambahkan untuk menghilangkan popup

      Angelfire

      <HTML>
      <head>
      <noscript>
      <!-- <body> -->
      </noscript> <body>

      Hypermart

      </BODY>
      </HTML>
      <noscript>
      <!--#echo banner=""-->
      </noscript>

      Tripod

      <HTML>
      <NOSCRIPT>
      <HEAD> </NOSCRIPT>
      <TITLE>Title web Anda</TITLE>
      </HEAD>
      <BODY>
      VirtualAve
      </body>
      </HTML>
      <SCRIPT language="JawaScript">

      Perhatikan tulisan JawaScript di atas. Karena JawaScript bukan merupakan bahasa script yang benar maka script di bawahnya tidak akan dieksekusi, dengan kata lain browser tidak akan menampilkan popup ads.Selain itu bisa juga digunakan cara yang lain seperti di bawah ini :<html>

      <SCRIPT LANGUAGE="JavaScript">
      <!--function open () { }//-->
      </SCRIPT>
      <head>
      <title>Title web Anda</title>
      </head>
      <body>

       

      Menambahkan statistik pada website

      No Comment - Post a comment

      Anda ingin mengetahui jumlah pengunjung web Anda ? Ingin mengetahui browser yang dipakai atau halaman web Anda yang paling banyak dilihat ? Caranya gampang. Anda bisa menggunakan statistik yang telah disediakan oleh banyak provider. Salah satunya yang paling terkenal adalah http://www.hitbox.com Tulisan ini akan menjelaskan cara menambahkan statistik pada halaman web dan informasi apa saja yang dapat diperoleh. Pada contoh ini kita akan menggunakan HitBox.

      Untuk mendapatkan layanan tersebut, seperti biasanya Anda harus mendaftarkan terlebih dahulu. Isi dan ikuti langkah2 yang telah disediakan. Setelah itu Anda akan mendapatkan kode yang harus Anda tambahkan pada halaman web Anda. Ada dua macam kode, yaitu kode yang diletakkan pada halaman utama web Anda dan kode yang diletakkan pada halaman lainnya (bukan pada halaman utama). Nah copy kode tersebut ke halaman yang ingin Anda amati statistiknya.

      Nah, setelah halaman web yang telah disisipi kode dari HitBox tersebut di-upload, Anda bisa mendapatkan beragam info seperti :

      1. Page Views, jumlah halaman yang dilihat.

      2. Pages Viewed Per Visitor, jumlah halaman yang dilihat oleh tiap pengunjung web Anda.

      3. Most Requested Pages, halaman yang paling banyak dilihat.

      4. Average Depth of Pages, menunjukkan berapa jumlah halaman yang dilihat oleh pengunjung web Anda. Dengan kata lain satu pengunjung melihat berapa halaman web.
      5. Browser Version, browser yang dipakai oleh pengunjung web Anda, bisa Internet Explorer, Netscape Navigator, Opera, dll.

      6. Resolusi monitor, menujukkan resolusi monitor yang digunakan untuk melihat web Anda.

      7. Referring URLs, menunjukkan darimana mereka datang ke web Anda, apakah dari link web lain, search engine, bookmark, atau yang lainnya.

      8. Time Spent on Site, menunjukkan berapa detik, menit atau jam-kah para pengunjung berada pada web Anda.

      Cuma itu saja ? Tidak ! Selain yang telah disebutkan di atas, masih banyak informasi menarik lainnya yang dapat Anda dapatkan dari HitBox.

      Dengan berbekal info tersebut Anda dapat melakukan optimasi untuk web Anda. Misalnya dari info Browser Version, jika pengunjung web Anda sebagian besar menggunakan Internet Explorer, Anda bisa membuat desain dengan optimasi untuk IE. Dari Most Requested Pages, Anda bisa menentukan rubrik apa yang sebaiknya terus ditambah mana yang tetap (ini jika web Anda terdiri dari beragam rubrik, seperti situs Klik Kanan ini :)).

      Selamat mencoba !!

       

      Menambahkan guestbook gratisan

      No Comment - Post a comment

      Guestbook atau buku tamu biasa digunakan supaya pengunjung web kita dapat meninggalkan pesan dan kesannya tentang web kita. Untuk menambahkan guestbook sendiri kita dituntut paham tentang pemrograman asp, php atau perl. Tapi kalau Anda belum mahir dengan pemrograman tersebut jangan berkecil hati, Anda tetap dapat menambahkan guestbook. Caranya melalui provider yang menyediakan berbagai layanan guestbook, counter, FFA, dll. Dan semua layanan tersebut gratis!!



      Di antara puluhan atau bahkan ratusan provider yang ada di internet, Bravenet dapat dikatakan sebagai provider yang paling baik dan lengkap. Bayangkan saja Anda dapat memakai 28 buah layanan gratis, mulai dari guestbook, counter, polling, mailing list sampai greeting card. Untuk mendaftar klik link berikut : Free Tools for Webmasters

      Lalu isikan alamat email Anda dan klik join. Setelah itu Anda akan dibawa ke halaman New Member Sign-up Form. Isi data Anda secara lengkap (sampai selesai), persis kayak kita kalau mendaftar email. Setelah itu Anda akan segera mendapat konfirmasi dari Bravenet. Segera cek email Anda dan klik link yang disertakan pada email tersebut untuk mengaktifkan. Setelah Anda mengaktifkan link tersebut Anda baru bisa masuk ke halaman Members Area, caranya tentu saja dengan memasukkan username dan password yang telah kita pilih sebelumnya.



      Pada halaman Members Area terpampang semua layanan yang disediakan oleh Bravenet. Yang perlu diingat bahwa walaupun Anda telah resmi menjadi anggota Bravenet, tetapi tidak semua layanan tersebut langsung tersedia untuk Anda. Artinya untuk menggunakan layanan tersebut, Anda harus mengaktifkan layanan yang Anda inginkan. Misalnya Anda ingin membuat buku tamu, maka klik tulisan register yang terdapat pada BNet Guestbook.


      Setelah mengaktifkan layanan guestbook Anda akan dibawa ke halaman Guestbook Management. Di sana terdapat dua belas menu. Karena Anda baru pertama kali mengaktifkan, maka tugas Anda adalah masuk ke menu Edit Questions untuk menentukan pertanyaan apa saya yang ingin Anda ajukan pada guestbook Anda. Menu General Settings digunakan untuk mengganti setting guestbook. Sedangkan menu Look & Fell digunakan untuk mengganti tampilan pada guestbook Anda.
      Setelah semua setting tersebut selesai dilakukan, tahap selanjutnya adalah menyalin kode untuk guestbook Anda. Untuk itu dari halaman Guestbook Management, klik menu Copy/Paste Code. Setelah itu letakkan (dengan melakukan paste) kode tersebut pada halaman web Anda. Untuk mendaftar layanan lainnya seperti polling, counter, dll caranya sama, yaitu dengan mengklik tulisan Register pada layanan yang Anda inginkan. Lalu ganti settingnya sesuai keinginan Anda. Langkah terakhir adalah mengcopy code dan meletakkannya pada halaman web Anda. Jangan lupa setelah Anda selesai dengan semua proses di atas, klik tombol Log Out.

       

      Meningkatkan hits melalui banner exchange(2)

      No Comment - Post a comment

      Dengan menjadi anggota AdvertisingBanner.com, Anda akan memperoleh banyak keuntungan, diantaranya adalah sebagai berikut :

      • Meningkatkan hits atau pengunjung situs Anda.
      • Berkesempatan menampilkan banner Anda pada situs-situs terkenal secara gratis !!
      • Anda dapat mengupload tiga buah banner yang berbeda.
      • Anda dapat mengecek statistik, yang meliputi :
        • Jumlah total banner yg ditampilkan
        • Banners Impressions* Anda
        • Click-Thru Ratio**
        • Last Reset
        • Jumlah klik pada banner Anda
        • Kredit yang Anda miliki
        • Situs yg berhasil Anda referensikan Saat
          pertama kali bergabung, Anda langsung mendapatkan
          kredit sebanyak 5000, yang berarti banner Anda
          akan langsung ditampilkan sebanyak 2500 kali.
      • Mendapatkan kredit sebesar 1500 untuk situs yang Anda referensikan.
      • Anda akan menerima laporan statistik melalui email jika Anda mengaktifkan feature tersebut.
      • Anda bebas memilih pada kategori situs apa saja banner Anda akan ditampilkan. Dengan demikian Anda dapat memilih target pengunjung yang Anda inginkan.

      Kalau Anda merasa belum puas dengan fasilitas yang ditawarkan oleh AdvertisingBanner.com, Anda dapat membandingkan dengan situs lain yang juga melayani pertukaran banner. Untuk itu, gunakan search engine GoTo.com yang terletak di sebelah kiri. Ketikkan kata kunci banner exchange atau pertukaran banner.

      * Banners Impressions : Jumlah banner yang ditampilkan oleh situs Anda.

      ** Click Thru : Perbandingan antara jumlah banner Anda (yang ditampilkan pada situs lain) dengan jumlah klik pada banner Anda (jumlah orang yang mengklik banner Anda).

       

      Meningkatkan hits melalui banner exchange

      No Comment - Post a comment

      Salah satu impian para webmaster adalah punya situs dengan pengunjung yang bejibun. Untuk itu banyak cara yang dapat ditempuh. Mulai dari mendaftar ke puluhan search engine, pasang iklan baris sampai pasang iklan di media cetak. Tapi tahukah Anda cara mempromosikan situs dengan cukup mudah dan murah tapi hasilnya cukup memuaskan ? Jawabannya adalah dengan melakukan banner exchange atau biasa disebut pertukaran banner. Inti
      dari pertukaran banner adalah seperti ini :
      Anda harus menempatkan banner dari situs lain (dari sesama anggota situs yang melayani pertukaran banner) ke halaman web Anda. Tiap satu kali penampilan banner pada situs Anda akan dihitung dan Anda mendapatkan satu kredit. Tiap situs
      yg melayani pertukaran banner punya rasio sendiri-sendiri. Yang paling umum adalah 1 : 1 atau 2 : 1. Rasio 2 : 1 maksudnya adalah tiap 2x situs Anda menampilkan banner, maka banner Anda akan ditampilkan (pada situs sesama anggota) sebanyak satu kali.       Dengan
      mengikuti pertukaran banner maka banyak keuntungan yang akan Anda raih. Salah satunya adalah kesempatan menampilkan banner Anda pada situs-situs terkenal :-). Tanpa bayar Anda dapat menempatkan banner Anda pada situs terkenal tersebut. Bayangkan !

      Untuk
      mengikuti pertukaran banner tersebut caranya
      sebagai berikut. Sebelum mendaftar akan lebih
      baik kalau Anda sudah mempersiapkan banner Anda.
      Tapi ini tidak mutlak, karena Anda dapat mengupload
      banner Anda di kemudian hari. Syarat banner
      adalah berukuran 468 x 60 pixels dengan besar
      file maksimal 20 Kb.

      2. Setelah itu Anda harus mengisi berbagai informasi yang dibutuhkan, mulai dari nama, alamat email, title, deskripsi dan alamat web Anda, password, kategori situs Anda. Pilih kategori situs yang Anda tidak menginginkan banner Anda ditampilkan pada situs tersebut pada pilihan exclude categories.
      3. Copy dan paste kode yang diberikan oleh AdvertisingBanner.com ke halaman yang hendak Anda beri banner. Anda bisa menempatkan banner tersebut ke banyak halaman. Semakin banyak Anda menempatkan banner pada halaman web Anda, kredit yang Anda terima juga akan semakin banyak.
      4. Kalau Anda sudah siap dengan bannernya segera upload banner tersebut. Kalau belum siap Anda dapat upload banner kemudian.

       

      Cara mengenalkan web site

      No Comment - Post a comment

      Setelah Anda selesai mendesain dan meng-upload file bukan berarti tugas kita sudah selesai. Apa artinya kita punya website tapi nggak ada orang yang tahu ? Nah, supaya website kita dikenal orang ada beberapa cara yang bisa kita lakukan, yaitu :

      1. Daftarkan ke search engine
        Search engine banyak digunakan orang untuk mendapatkan alamat suatu situs berdasarkan keyword yang mereka masukkan. Di internet sekarang ini terdapat ratusan bahkan ribuan seach engine mulai dari yang ecek-ecek sampai yang besar, yang dikelola secara profesional. Anda tidak harus mendaftar web Anda ke semua search engine tersebut, tapi daftarkan saja ke beberapa searach engine yang terkenal yang ada di Indonesia maupun di luar negeri. Untuk pendaftarannya terdapat perbedaan antara satu search engine dengan search engine lainnya. Yang pertama, pada saat Anda mendaftar pada suatu search engine Anda harus memasukkan keyword dan deskripsi singkat tentang web site Anda. Contohnya Search Indonesia, Catcha, dll. Yang kedua, pada saat mendaftar Anda cukup menunjukkan URL website Anda. Setelah itu search engine tersebut akan "menjelajah" ke web Anda dan mencari keyword dan deskripsi yang terletak pada meta tag halaman web Anda. Untuk itu sebelum upload, pastikan bahwa Anda telah menuliskan meta tag tersebut dengan benar. (Jika Anda belum tahu tentang meta tag, lihat pada source code HTML pada halaman utama web site ini, filenya bernama index.shtml)
      2. Ikut Banner Exchange
        Ini cara lain untuk mengenalkan web kita. Dengan mengikuti pertukaran banner maka Anda diwajibkan untuk menampilkan banner orang lain (yang menjadi anggota) pada situs Anda. Dan sebaliknya banner Anda pun akan ditampilkan pada situs lain. Ukuran banner yang digunakan biasanya 468 x 60 pixel. Untuk membuat banner Anda dapat menggunakan Adobe PhotoShop, dan untuk membuat animasinya Anda dapat menggunakan Ulead Gif Animator.

       

      Langkah-langkah Dalam Pembuatan Web Site

      No Comment - Post a comment

      Setelah Anda membuat desain-nya maka yang harus segera Anda lakukan adalah mendaftarkan pada salah satu free web server untuk menempatkan desain kita. Untuk itu Anda bisa memilih pada salah satu free web server yang ada yang alamatnya terletak di bawah ini.

      Terdapat dua macam free web server yaitu yang mengijinkan untuk akses ke direktori cgi-bin dan free web server yang tidak mengijinkan akses ke direktori tersebut. Dengan akses ke cgi-bin maka kita bisa
      menempatkan script kita sendiri. Misalnya script untuk buku tamu, mailing list, counter, dll. Dengan script yang dibuat sendiri maka Anda bisa membuat buku tamu tanpa perlu dijejali dengan iklan.


      Tapi sebelum melakukan upload (mengirim file ke server) Anda bisa melengkapi web site Anda dengan : Buku Tamu Sehingga para netter yang mampir ke situs Anda dapat meninggalkan pesan, kritik atau sekedar komentar mengenai web Anda.
      Counter Dengan counter Anda bisa mengetahui berapa orang yang telah berkunjung ke situs Anda.

      Mailing List

      Kalau situs Anda dirasa berbobot Anda bisa melengkapi dengan mailing list. Sehingga orang yang terdaftar pada mailing list situs Anda akan mengetahui (misalnya) kapan situs tersebut di update.


       

      Postingan Lama
      Postingan Lebih Baru
      Langganan: Postingan (Atom)