1 Februari 2012

Cara Membuat Favicon

Favicon, singkatan dari "favourite icon", merupakan ikon kecil berupa gambar yang berada di samping kiri alamat suatu blog atau website. Seperti bisa dilihat di blog Sentra Blogger ini, nampak gambar ikon kecil berupa gambar $ di sebelah kiri alamat blog http://sentrablogger.blogspot.com.

Untuk membuat favicon seperti ini, sebenarnya cukup mudah. Berikut langkah-langkah yang perlu dilakukan :
1. Tentukan terlebih dahulu gambar yang akan dijadikan favicon blog Anda.
2. Masuk ke situs yang menyediakan fasilitas pembuatan favicon. Bisa cari di Google dengan kata kunci seperti "favicon maker", "favicon generator", dan sebagainya. Situs yang biasa saya pakai karena caranya yang cukup sederhana adalah di favicon.cc.
3. Setelah masuk ke favicon.cc, pilih menu "Import Image", lalu "Browse" file gambar yang tersimpan di komputer Anda yang akan dijadikan favicon.


4. Pilih "Shrink to square icon", lalu klik "Upload".
5. Proses pembuatan favicon diproses. Setelah jadi, pilih menu "Download Favicon" yang ada di bagian "Preview" yang ada di bawah gambar.
6. Simpan gambar favicon tersebut di komputer Anda. Gambar favicon tersebut akan berekstensi .ico.
7. Setelah itu kita perlu menyimpan gambar favicon itu ke media simpan di internet. Di sini saya memakai Google Sites untuk menyimpan gambar favicon. Jadi Anda perlu menambahkan fitur Google Sites ke Akun Google Anda.
8. Di Google Sites, pilih "Attach a file", kemudian "Browse" di mana favicon tersebut disimpan sebelumnya.
9. Setelah itu, masuk ke bagian "Edit HTML" blog Anda. Di bawah kode <head>, tambahkan kode berikut <link href='http://sites.google.com/site/namasiteanda/Home/namagambar.ico?attredirects=0' rel='shotcut icon'/>
Alamat link di atas merupakan alamat link di mana gambar favicon tersebut tersimpan di Google Site Anda.
10. Klik "Save Template", kemudian coba "View Blog". Gambar favicon akan muncul jika tidak ada kesalahan.

Selamat mencoba.
Tulis Komentar
Comment Policy: Silakan berkomentar yang relevan dan mohon tidak menyertakan link aktif!