Cara Membuat Favicon Sendiri

Biar Blog mu lebih berkesan ganti logo Favicon dengan kreasi mu..
Tapi udah pada tau belum apa itu Favicon??

Favicon (Favorite 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 bawaan dari blogger.


Kalo masih ada yang kurang jelas ni contohnya Favicon bawaan Blogger :

nah uda jelaskan?
ada di samping alamat URL kita.


Pertanyaan nya, Apakah Favicon itu bisa di ganti dengan sesuka kreasi kita?
Jawabannya BISA!!


Mau tau caranya, Ikutin langkah-langkah berikut :


1. Buatlah Gambar yang akan di jadikan Favicon anda.
Contoh :
Di sini saya memakai gambar sebagai berikut :

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, lalu masukan gambar anda.


4. Klik pada tombol Generate Favicon.


5. Setelah proses selesai, klik pada Click Here to Download your favicon dan save lah pada komputer anda.


6. Langkah selanjutnya adalah anda harus meng upload Favicon yang tadi ke tempat hosting gambar.
Contoh :
Disini saya memakai layanan situs Hosting http://fileave.com
Jika anda ingin memakai layanan tersebut Daftarkan dahulu akun anda.


7. Okeh sekarang saya anggap anda sudah mempunyai alamat URL dari Favicon anda.
Contoh alamat URL Favicon saya :


http://joyo.fileave.com/favicon.ico

8. Anda harus mengubah alamat URL favicon anda menjadi seperti ini :

<link rel="shortcut icon" href="http://joyo.fileave.com/favicon.ico"/>

9. Langkah selanjutnya adalah silahkan login ke blogger anda.

10. Klik "rancangan" ==> "Edit HTML"

11. Jangan lupa centang dahulu Expand Widgetnya, lalu silahkan anda cari code berikut :

</head>

Untuk memudahkan anda mencari kita gunakan fasilitas FIND dengan menekan CTRL+F, lalu tuliskan code tersebut.

12. Setelah ketemu, Simpan kode favicon yang tadi persis di atas kode </head>

13. Klik tombol "Save Template", selesai !

Dan lihat hasilnya, anda sudah mempunya Favicon anda sendiri..

NB : 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.

Indahnya Berbagi..!!

Posted in: blogging