Tuesday, June 17, 2008

Membuat Favicon pada Website Kamu

Pengertian Favicon

Singkatan dari favourite icon, dikenal juga dengan istilah page icon, merupakan suatu icon yang berhubungan dengan halaman web tertentu. Umumnya web browser seperti Internet Explorer, Firefox, Mozilla, Opera dan Safari mendukung fasilitas ini. Sehubungan dengan Favicon ini, web browser diantaranya menampilkan Favicon sebelum alamat suatu halaman yang diakses pada address bar, pada bookmarks.

Langkah - langkah membuat favicon

Cara-cara membuatnya ada yang meng-generate favicon dengan cara kita mengupload gambar ke salah satu dari website atau :
  1. http://www.favicon.co.uk/
  2. http://www.favicon.cc/
  3. http://www.256pixels.com/
  4. http://favicon2dots.com/
  5. http://converticon.com/
  6. http://www.favicontool.com/
  7. http://www.webscriptlab.com/favicongenerator.php
  8. http://www.flavicon.com/
  9. http://www.favicongenerator.com/
  10. http://www.dagondesign.com/tools/favicon-generator-tool/
  11. http://favicon.ru/en/
  12. http://faviconsfor.us/
  13. http://www.degraeve.com/favicon/
  14. http://www.antifavicon.com/
  15. http://www.html-kit.com/favicon/
  16. http://www.favicon.jp/
  17. http://tools.dynamicdrive.com/favicon/
  18. http://www.faviconprime.com/
  19. http://shaheeilyas.com/favicon/
  20. http://www.faviconfactory.com/
  21. http://www.faviconz.info/favicon-generator/index.php
  22. http://www.degraeve.com/favicon/
Contoh punyaku di http://mbahrudisblog.blogspot.com/

Langkah selanjutnya
>> Klik tombol Browse , terus pilih gambar yang mau dijadikan favicon atau gambarlah icon (dari beberapa site di atas ada yang hanya mengupload gambar, ada yang dengan menggambar icon dan upload) .
>> Klik tombol Generate/Create/Make Icon (untuk yang upload) .
>> Download Favicon yang sudah jadi tersebut, lalu upload ke situs upload.Punyaku ku-upload ke http://pages.google.com/ dengan login terlebih dengan Google Account.
>> Kemudian edit script HTML dari website kita dengan menyisipkan kode berikut pada bagian setelah head .

<link rel="shortcut icon" href=".../favicon.ico"/>


Dan yang terakhir simpan perubahan dan lihat hasilnya

No comments:

All