Favicon adalah hal kecil dalam sebuah website namun sangat baik untuk mempercantik halaman web. Cara pembuatannya sangat mudah. Pertama-tama buatlah gambar dengan ukuran 100×100 pixel. Membuat gambar dapat menggunakan CorelDraw atau Paint bawaan Windows. Saya belum mencoba menggunakan Photoshop, GIMP, atau program lainnya.

Setelah gambar selesai didesain, eksporlah dengan format bmp. Setelah diekspor, rename/ganti ekstensi file dari bmp menjadi ico. Misalnya file diekspor dengan nama favicon.bmp, ganti menjadi favicon.ico.

Langkah berikut adalah mengunggah (mengupload) file favico tadi, kalau di WordPress caranya sebagai berikut:

(1) Login ke Blog WordPress.

(2) Klik “Add New” yang terletak di bawah tulisan media. Untuk lebih jelasnya lihat gambar berikut:

(3) Selanjutnya klik browse atau select file.

(4) Setelah terupload, buatlah catatan link url dari file tadi. Ini adalah link url favico Anda.

Selanjutnya adalah modifikasi script theme yang digunakan, kita akan menuliskan script untuk menambahkan favicon pada website. Masuk ke theme editor, caranya pada halaman admin, di bawah appearance, klik tulisan editor. Setelah berada di halaman theme editor, klik Header (header.php) yang berada di sebelah kanan.

Sebelum kode </head> tuliskan kode berikut: <link href=”http://url-file-ico.ico” rel=”shortcut icon”/> Jangan lupa untuk mengganti url-file-ico.ico dengan link url favico Anda.

Klik update file untuk menyimpan perubahan pada header.php, sekarang silahkan akses web/blog Anda.

Catatan: Pada browser tertentu, misalnya IE6, favicon ini tidak langsung terlihat, sehingga jangan langsung beranggapan bahwa Anda gagal membuat favicon.

Artikel Lainnya:

1. Menambahkan GUI Xampp Control Panel Pada Ubuntu
2. Membuat Hyperlink Pada Halaman Website
3. Menampilkan Gambar Pada Halaman Website
4. Membuat Comment WordPress Menjadi Dofollow
5. Cara Mudah dan Instan Membuat Favicon

One Response to “Bagaimana Membuat dan Menambahkan Favicon Pada Halaman Web”