Membuat Favicon

Favicon adalah kependekan dari favorites icon. Web browser menggunakannya di bar URL, pada tab, dan di tempat lain untuk membantu mengidentifikasi sebuah website secara visual.

Favicon biasanya merupakan sebuah gambar berukuran 16 x 16 piksel dan akan disimpan dengan nama favicon.ico di root direktori server. Anda dapat menggunakan favicon dengan WordPress blog di web server yang memungkinkan akses ke root direktori.

favicon abulamedia.com versi beta

favicon abulamedia.com versi beta

Membuat Favicon

Favicon dapat dengan mudah dibuat dengan menggunakan program grafis apapun yang memungkinkan menyimpan file dengan ekstensi .ico, seperti The GIMP.  Ada juga layanan online yang akan memungkinkan Anda untuk membuat favicon secara gratis.

Gambar harus jelas dan biasanya dirancang untuk menyesuaikan gambaran blog / atau konten blog. Sebuah tugas besar untuk sesuatu yang begitu kecil.

Mempersiapkan gambar yang akan disimpan sebagai favicon.ico:

  1. Dengan cropping atau menambah ruang di sekitar gambar, buat gambar persegi.
  2. Ubah ukuran gambar menjadi 16 x 16 piksel.
  3. Simpan file dengan nama favicon.ico.

Jika menggunakan layanan online untuk membuat favicon, seperti favicon.co.uk, ikuti petunjuk yang disediakan. Kemudian download file gambar favicon.ico ke komputer Anda.

Instalasi Favicon di WordPress

Jika sudah ada file favicon.ico dalam folder utama theme, hapus menggunakan FTP Clients.

  1. Dengan menggunakan FTP Client, upload file favicon.ico baru ke dalam folder utama theme saat ini.
  2. Upload salinan lain file favicon.ico ke direktori utama (mis. http://example.com/favicon.ico). Ini akan menampilkan favicon pada pelanggan ‘feedreaders Anda.

Agar favicon muncul di beberapa browser lama, perlu untuk mengedit halaman header.

  1. Masuk ke WordPress Administration Panel Anda.
  2. Klik pada Design (disebut Presentation versi WordPress 2.3.x dan di bawahnya, dan Appearance di WordPress 2.7 +).
  3. Klik pada Theme Editor.
  4. Pilih file bernama Header atau header.php untuk mengedit file.
  5. Cari baris kode yang diawali dengan <link rel="shortcut icon" dan yang diakhiri  /favicon.ico" />. Timpa itu, jika ada, atau jika tidak ditemukan, tambahkan kode berikut di bawah tag HTML <head>.
    <link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
  6. Simpan perubahan.

Untuk melihat segera favicon baru Anda, hapus WP-Cache dan cache browser. Anda mungkin perlu me-restart browser Anda agar dapat melihat favicon baru.

Sumber: WordPress.org

Tags: , ,

27 Responses to “Membuat Favicon”

  1. Good things. Began reading through your site today and I’m enjoying it!

  2. hank one in the helpful tips! I would not now have bought it with no allow! Can it be o . k to be able to blueprint things about this approach on my small blog plainly your website one-way link to that webblog?

  3. Wow, superb blog layout! How long have you been blogging for? you made blogging look easy. The overall look of your web site is fantastic, as well as the content!, no nonsense muscle building review, [url="http://vincedelmontemuscle.info"]no nonsense muscle building review[/url], http://vincedelmontemuscle.info no nonsense muscle building review, >:-))),

  4. Emotion is energy in motion. -Peter Mcwilliams

  5. I really book-marked your comments. You might be amazing!!

  6. Air max 2011 says:

    Thanks a ton for taking a few minutes to line this all out for people. This write-up ended up being quite helpful if you ask me.

  7. Megavideo says:

    Starting a site kind of like this one forced me to do some research and I found your post to be quite helpful. My site is centered around the idea of knowledge, fun and sharing. I wish you good luck with your website in the future and you can be sure I’ll be following it.

Leave a Reply