Alkisah pada suatu siang di padang pasir terdapat seorang cowok bernama Joni. Cowok ini lagi asyik ngutak-ngutik laptopnya. Karena mo ngecek imel, koneksi internet pun dipasang. Situs tujuannya langsung ke Yahoo!. Berhubung gak ada IE (browser miliknya Om Bill Gates) si Joni tersebut menggunakan Mozilla Firefox. Jari-jarinya langsung menekan keyboard sehingga pada address bar di Browser Firefox tadi nongol tulisan "yahoo". Tanpa berpikir panjang, kombinasi tombol Ctrl dan Enter pun ditekan bersamaan (cara ini untuk meng-otomatisasi tulisan "yahoo" menjadi "http://www.yahoo.com" secara cepat, trik ini juga dapat dilakukan di IE. Bagaimana dengan browser Opera??? hehehehe… kalo Opera siy lebih singkat lagi, cukup ketik "yahoo" terus Enter).
Selang beberapa detik situs Yahoo! pun nongol di monitor. Pas lihat address bar di Firefox Joni jadi penasaran karena disitu terdapat icon logo Yahoo! berupa huruf Y berwarna merah. Hal ini tidak pernah ditemui Joni sebelumnya karena selama ini dia memakai browser IE. Dalam hatinya dia bertanya-tanya gimana yak cara nongolin icon website tersebut… Untunglah meski gak kenal sama Joni, yang punya blog ini tahu isi hati beliau… (Hihihihi, yang buat cerita aneh ini kan ya saya sendiri… :P).
Yup gini caranya, buat dulu di Photoshop ato software grafis lainnya berupa image dengan ukuran 16x16 pixel. Terus save kedalam JPEG ato GIF. Karena untuk icon ini yang dibutuhkan adalah file yang berekstensi ICO (direkomendasikan pake ekstensi ini, meskipun sebenarnya pake JPEG ato GIF juga bisa), maka kita tinggal ganti aja (rename) ekstensi file JPEG ato GIF yang barusan kita buat tadi. Misal nama file awal adalah : favicon.gif setelah diganti ekstensinya maka hasilnya menjadi : favicon.ico. (hahahaha… cara terburuk mengganti ekstensi :P)
Langkah terakhir upload file tersebut ke hosting milikmu, bagi yang punya ID Yahoo! aktifkan aja free hostingnya di Geocities.com, bagi yang dah punya hosting di Photobucket.com Anda cuman bisa gigit jari karena di Photobucket file berekstensi ICO tidak diijinkan untuk diupload alias ditolak!!! (wah kayak reality show di tipi aja…).
Setelah itu untuk memunculkan icon tersebut ke website kita, masukkan kode dibawah ini diantara tag <head> dan </head>. Jangan lupa untuk mengganti URLnya sesuai dengan letak file icon yang barusan kamu upload.
<link rel="shortcut icon" href="http://www.hostingmilikmu.com/favicon.ico" />
Yup, selamat mencoba… :D
Waduw, cerita si Joni tadi endingnya gimana yak??? heuhehehe… Saksikan di bioskop2 terdekat di kota Anda… :P