Cara Mengubah Favicon

Pernakah Anda melihat sebuah icon di addressbar ? Sebagai contoh jika Anda membuat blog di blogger maka icon defaultnya akan seperti ini : Kemudian pernahkah Anda bepikir untuk merubah icon tersebut dengan icon milik Anda sendiri yang lebih cocok dengan blog Anda ?

Jika ya maka akan saya beritahu caranya. Begini kawan pertama kamu harus menyiapkan sebuah gambar berukuran 22x22 pixel sampai 32x32 pixel , sebenarnya ukuran yang lebih besar dari itu juga bisa tapi hal itu akan membuat lebih lama waktu untuk membuka web/blog Anda ! Tentunya Anda tidak ingin kan jika pengunjung web/blog Anda menunggu lama untuk masuk ke web/blog kamu !? Dan gambarnya bisa dengan format gif, jpg, bmp, ico, png , dan kemudian upload gambar tersebut ke sebuah webhosting seperti photobucket, geocities, atau bahkan di friendster seperti saya . Oke berikut ini saya jelaskan langkah – langkah nya :

1 . Login ke blogger , dari dashbor pilih Layout -> Edit HTML

2 . Letakan script berikut di atas tag </head>

<link href='http://www.yourimageaddress.com' rel='SHORTCUT ICON'/>



3 . Ganti http://www.yourimageaddress.com dengan alamat gambar kamu di webhosting tempat kamu meng – upload gambar kamu !

4 . Save settingannya dan lihat hasilnya !

Oh ya tambahan lagi bagi yang mau cari favicon gratisan cari saja di smashingmagazine.com



7 komentar:

  1. thx tipsnya...
    dari dulu pengen tw gmn caranya buat favicon :o

    BalasHapus
  2. Mau tanya nich, kenapa ya favicon saya animated, diupload ke photobucket, tapi dia gak bergerak. Apa ada kesalahan ? atau harus ada syntax khusus ?

    Terimakasih.

    BalasHapus
  3. @kwangkxz
    Untuk favicon animated memang tidak bergerak pada browser opera dan beberapa versi browser IE tapi akan bergerak pada browser Mozilla Firefox versi 3 ke atas!

    BalasHapus
  4. follow me.
    saya sudah follow blog ini

    BalasHapus
  5. tp itukan untuk html kalau untuk XML ap.......

    BalasHapus
  6. @Anonim
    Ya ini untuk xml mas!

    BalasHapus