Simple - Cara Mudah Membuat Favicon

1. Apa itu favicon?
- "Favourite Icon" adalah icon kecil yang berada di samping alamat blog atau website.
lihat gambar dibawah :





2. Apa Bisa diganti?
- Bisa !!

3. Cara mengganti nya?
* yang pernah saya coba ada 2 cara dan tentunya dan yang paling utama kawan sudah punya gambar sendiri untuk di jadikan icon.
selanjutnya
Ikuti saya ;)

Untuk cara yang pertama :

a. Upload gambar kita ke Image hosting misal di picasaweb atau di photobucket bisa juga di ripway.com


b. Setelah sukses meng-upload copy paste direct link gambar tersebut didalam kode dibawah ini (ubah direc link yang berwarna merah dengan direct link milik kawan



<link href='http://ganti direct link ini.jpg' rel='shortcut icon' type='image/x-icon'/>



c. Paste kode tersebut tepat di atas </head> dihalaman edit HTML blog kawan untuk mencari </head> gunakan Ctrl F atau F3 contoh penempatan :

<link href='http://ganti direct link ini.jpg' rel='shortcut icon' type='image/x-icon'/>

</head>


d. Save Template atau Preview jika kawan masih ragu.



e. Selesai.


Untuk cara yang Kedua :

• Ubah gambar yang kita buat menjadi type.icon
  
• Kawan bisa merubah gambar di situs online di favicongenerator
  
• Cara uploadnya Browse.. gambar kawan di komputer-->Generate Favicon --->tunggu sampai sukses/Complete! -->selanjutnya download tulisan yang bercetak tebal seperti contoh ---> Complete! ==> Click Here to Download Your Favicon!
• Save dikomputer kawan
  

• Upload kembali gambar yang sudah di download tadi ke tempat web hosting image atau web hosting yang kawan punya. saya sering menggunakan jasa web hosting gratisan dari ripway.com (kalu kawan belum punya web hosting silahkan kawan bisa register di ripway.com disini kawan bisa hosting apa saja semisal : gambar, vidio , file zip, flash dll )
• Anggap kawan sudah berhasil uplod dan mempunyai direct link
• Ubah tulisan yang berwarna merah dengan direct link yang kawan punya ( sama seperti cara pertama diatas ) copy dan paste kode tersebut persis di atas kode </head> dihalaman kode HTML blog kawan
  

<link href='http://direclink yang kawan punya.' rel='shortcut icon' type='image/x-icon'/>

• Preview atau save jika sudah berhasil
  

*Tambahan untuk yang belum faham (share experiences) mengenai save image di photoshop barang kali masih ada yang bertanya-tanya, ini juga bisa berguna untuk pembuatan header dan tentunya Favicon lihat gambar :
Gambar dibawah ini sudah di hapus background putihnya




<=== gambar di save dengan tipe .PNG(background putih ilang)








<== gambar di save dengan tipe .jpg atau BMP(background putih tetap ada walaupun sudah di hapus) *favicon juga bisa berformat .gif semoga bermanfaat ;)

rajagaluh undercover