Membuat Favicon Pada Halaman Website

Favicon atau favorite icon adalah icon yang anda lihat pada suatu browser yang letaknya tepat di sebelah kiri alamat website anda, selain itu Favicon juga bisa anda lihat di dalam bookmark browser anda.





Salah satu kelebihan Favicon adalah memberikan suatu perbedaan icon tersendiri pada alamat URL Anda.

Ok, let's do this :

Siapkan gambar berbentuk file icon, file ini berextension *.ico, disarankan sesuai dengan tipe icon berikut ini :

•16x16 - 16 colors
•16x16 - 256 colors
•16x16 - RGBA/XP (optional)

Kemudian beri nama file dengan nama favicon.ico

Upload file tersebut ke root directory dengan cara Signup dengan ID Yahoo Anda, bila belum punya klik disini

Klik "Manage"
Klik "Easy Upload"
Klik "Browse" "Upload File"
Klik at "File Manager"
Klink kanan "View" link, "Copy shortcut",paste simpan sementara di "Notepad"

Ok, saya asumsikan sekarang Anda sudah mempunyai alamat URL dari favicon anda sendiri, sebagai contoh saya mempunyai sebuah alamat URL seperti ini :

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

Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

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

Ganti Link yang berwarna hijau dengan link gambar icon yang Anda buat
Langkah selanjutnya adalah silahkan login ke blogger dengan ID anda

Klik pada Tata Letak >> Edit html cari kode </head>

Simpan kode favicon yang tadi persis di atas kode </head>

Sebgai Contoh :

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

Klik tombol Simpan Template.

Selesai

Selamat Mencoba
If this works for you, great !

Posted in: Tutorial