Entri Populer

Senin, 09 Agustus 2010

cara buat favicon (favorite Icon)

Bagi kamu yang masih bingung apa sih Favicon itu? Favicon (favourite icon) adalah icon kecil yang berada di samping alamat blog atau website kamu. Apabila kamu membuat blog di Blogger.com alias blogspot, maka favicon yang berada di samping alamat URL kamu adalah berupa favicon blogger.

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

   1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon, contoh seperti gambar di bawah ini :

      favicon ku

      
   2. Setelah itu kamu harus mengubah gambar tersebut kedalam bentuk gambar icon. Untuk hal tersebut, kamu bisa menggunakan tool Favicon Generator, silahkan kunjungi situs http://www.favicongenerator.com

   3. Klik pada 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 kamu.

   8. Langkah selanjutnya adalah kamu harus meng upload Favicon yang tadi ke tempat hosting gamabar, contoh adalah ke Yahoo! Geocities. Belum tahu bagaimana cara meng upload gambar ke Yahoo! Geocities? heuheuheu... sok atuh di baca dulu postingan kang rohman yang ini!

   9. Sekarang saya asumsikan bahwa kamu sudah mempunyai alamat URL dari favicon kamu. sebagai contoh, saya mempunyai sebuah alamat URL seperti ini :

      http://www.geocities.com/amn_tea/favicon.ico

  10. kamu harus mengubah alamat URL favicon kamu menjadi seperti ini :

      <link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>


  11. Langkah selanjutnya adalah silahkan login ke blogger dengan ID kamu.

  12. Klik pada Tata Letak.

  13. Klik Edit HTML.

  14. Silahkan cari kode </head> (posisinya hampir paling atas, jadi jangan jauh-jauh nyari ke bawah dhenk).

  15. Simpan kode favicon yang tadi persis di atas kode </head> . Contoh :
  16.


      <link rel="shortcut icon" href="http://www.geocities.com/amn_tea/favicon.ico"/>


  17. Klik tombol Simpan Template.

  18. Selesai. Sekarang kamu sudah mempunyai favicon di alamat URL blog kamu.




Bagi kamu yang masih menggunakan browser IE6, favicon kamu tidak akan langsung terlihat, coba di bookmark dulu alamatnya. Berbeda jika kamu menggunakan browser firefox, opera dan yang lainnya, favicon kamu sudah langsung dapat di nikmati.

Tidak ada komentar:

Posting Komentar