Favicon adalah sebuah icon kecil terletak di sebelah alamat atau url blog/website browser anda. Icon ini biasanya berfungsi sebagai tanda dari sebuah blog/website dan jenis icon tersebut ditentukan oleh para pemilik blog/website.
Jika sebuah blog dibuat di blogspot secara otomatis icon yang muncul adalah icon asli bawaan dari blogger yang bentuknya kurang lebih seperti di bawah ini:
Icon ini bisa diganti sesuka anda, mau gambar ataupun sekedar tulisan saja. Jika anda berminat untuk mengganti favicon blog anda silahkan simak tutorial ini sampai selesai.
Untuk membuat favicon ini yang harus anda lakukan adalah membuat sebuah gambar dulu yang akan dijadikan favicon, Setelah itu sobat harus mengubah gambar tersebut menjadi sebuah gambar icon. Jika bingung cara mengubahnya menjadi gambar icon, sobat bisa menggunakan layanan dari Favicon Generator dan untuk masalah ini silahkan sobat menuju situs http://www.favicongenerator.com
Setelah sobat berada pada halaman situs tersebut lalu klik tombol bertuliskan Browse....
Masukkan gambar yang tadi sobat buat.
Lalu klik tombol bertuliskan Generat Favicon.
Tunggu beberapa saat sampai proses selesai, setelah itu Click Here To Download Your Favicon dan simpan pada komputer sobat.
Langkah selanjutnya meng-upload gambar icon tersebut ketempat hosting gambar. Kalau biasanya para webmaster menyimpannya pada Yahoo! Geocities tapi di sini saya akan menggunakan tempat hosting gambar yang lain yaitu Tinypic.com atau Picasa Web Albums biar tidak terpatok pada satu tempat hosting saja.
Sekarang saya anggap sobat sudah mempunyai alamat url dari icon gambar sobat tadi
Sebagai contoh alamat url gambar yang saya simpan pada www.tinypic.com seperti ini:
http://i43.tinypic.com/11m3qmf.jpg
Agar icon gambar tersebut bisa muncul sebagai icon blog, sobat harus mengubah alamat urlnya menjadi seperti ini:
<link href='http://i43.tinypic.com/11m3qmf.jpg' rel='shortcut icon'/>Setelah itu meletakkannya pada template sobat, langkah-langkahnya sebagai berikut:
1. Login ke Blogger.com.
2. Klik menu Tata Letak.
3. Klik menu Edit Html.
4. Cari kode seperti ini
</Head> jika sudah ketemu, simpan code tadi di atas code </Head> atau bisa juga sobat simpan tepat di bawah code ]]></b:skin>Selesai
0 Komentar untuk "Cara membuat favicon"