Cara Membuat Favicon

Halow sobat blogger...
Sebenarnya sih saya baru coba coba buat, otak atik blog sambil mencari cari informasi di berbagai web tutorial tentang favicon...ehh..dasar mujur alhamdulillah berhasil dehh...

Gak ada salah dong saya bagiin ilmu yang tak seberapa ini kepada teman - teman yahh..
Pasti ada yang bingung apa yah Favicon itu?? Favicon adalah favorit icon, yaitu 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.

Pertanyaannya adalah..APAKAH FAVICON BLOGGER BISA DIGANTI MENJADI FAVICON MILIK ANDA??...jawabannya BISA!!..berikut contoh blog/web yang sudah diganti Faviconnya :



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

1. Pertama buatlah sebuah gambar yang akan di jadikan sebagai favicon

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 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 anda.

8. Langkah selanjutnya adalah anda 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? Klik Disini

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

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

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

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

11. Kemudia silahkan login ke blogger dengan ID anda.

12. Klik pada Tata Letak.

13. Klik Edit HTML.

14. Silahkan cari kode <head>

15. Simpan kode favicon yang tadi di bawah kode <head>
Contoh :

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

16. Klik tombol Simpan Template.

17. Selesai.

Sekarang anda sudah mempunyai favicon di alamat URL blog anda.

0 komentar:

 
Template designed by KARTIKA COMPUTER

[tutup]