Rabu, 27 Januari 2010

Membuat Favicon

Kali ini saya akan membahas mengenai Favicon. Bagi anda yang masih bingung apa itu Favicon? Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website anda. Apabila anda membuat blog di Blogger.com alias blogspot, maka favicon yang berada di samping alamat URL anda adalah berupa favicon blogger. Masih belum paham? kamu lihat alamat URL, di samping kiri URL tersebut terdapat Icon bukan? Itulah yang dimaksud dengan Favicon. Untuk Blog saya ini Faviconnya yaitu gambar Globe berputar.



Untuk mengganti favicon tersebut, anda bisa melakukan langkah-langkah seperti berikut :

  1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon. Untuk mungkin kamu bisa mencari URL gambar yang berformat Gif agar nanti Favicon terlihat menarik.
  2. Setelah itu anda harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, anda bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com 
  3. Klik tombol Browse.
  4. Masukan gambar yang tadi dibuat untuk di ubah menjadi format icon.
  5. Klik pada tombol Generate Favicon.
  6. Setelah proses selesai, klik pada Click Here to Download your favicon.
  7. Save ke komputer anda. Lalu bisa kamu mendapatkan URL Faviconmu tadi disini dengan hosting gambarmu tadi.
  8. Setelah itu anda copy kode berikut:
</script></b:if><link href='URL Faviconmu' rel='shortcut icon'/>

     9.  Ganti URL Faviconmu dengan alamat Url Faviconmu yang sudah kamu dapatkan dari langkah 7 tadi.
  
          Selanjutnya simak langkah selanjutnya berikut ini:

  1. Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda.

  2. Klik pada Tata Letak.

  3. Klik Edit HTML.

  4. Silahkan cari kode </head>.
  5. Simpan kode favicon yang tadi persis di atas kode </head>. 
  6. Klik tombol Simpan Template.
  7.  Selesai. Sekarang anda sudah mempunyai favicon di alamat URL blog anda.
Bagaimana? Apakah berhasil? Bagi anda yang masih menggunakan browser IE6, favicon anda tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika anda menggunakan browser firefox, opera dan yang lainnya, favicon anda sudah langsung dapat di nikmati. Selamat Mencoba.

4 komentar:

  1. Okeee selamat mencoba. kalau memang ada kesulitan jangan segan2 tanya disini lg...

    BalasHapus
  2. gan tanya...no 9. Ganti URL Faviconmu dengan alamat Url Faviconmu. maksute gmna gan//KAN TD Q DAH DOWNLOAD gambre trus untuk mendapatin url nya gmn??untuk dipaste di url itu

    BalasHapus
  3. Kamu bisa mendapatkan url faviconmu dengan hosting di http://imageshack.us/?no_multi=1
    Setelah kamu dapat URL nya paste di URL Faviconmu pada script warna di atas. Ud d tinggal lanjutin langkah berikutnya. Hehe... Paham ga gan?

    BalasHapus