Sunday, August 7, 2011

Cara Mengganti Favicon pada WordPress

Sebelumnya saya pernah membahas tentang cara mengganti Favicon untuk Blogspot. Nah kali ini saya akan berbagi cara Mengganti Favicon pada WordPress.

Bagi teman-teman yang saat ini belum tau apa itu favicon, lihat gambar diatas. Favicon adalah gambar yang kecil itu. Tiap pemilik website ingin memiliki Favicon yang unik dan berbeda.

Bagaimanakah cara  membuat favicon? Ayoo kita ikuti langkah-langkah berikut ini:

1. Langkah pertama design dulu gambar yang ingin dijadikan favicon. Bisa menggunakan program Photoshop atau yang lainnya. Pastikan bentuknya kotak alias panjang dan lebarnya sama.
2. Kemudian berkunjunglah ke website-website yang menyediakan jasa favicon generator gratis. Misalnya: chami.com
3. Jika gambar sudah terbentuk maka selanjutnya adalah Download Favicon Package. Kemudian upload ke root folder dengan menggunakan ftp ataupun file manager.

Cara mengaktifkan favicon-nya dijelaskan pada file readme yang disertakan bersama favicon package. Namun berikut ini saya akan copy paste caranya:

*Buka dan edit file header.php yang biasanya terletak pada folder template/themes yang kita gunakan. Selanjutnya ikuti instruksi dalam bahasa inggris seperti dibawah ini.

Installing FavIcon from Pics Download Package

Installing the favicon with animation.

    Upload favicon.ico and animated_favicon1.gif to the root of your web folder.
    Add the following HTML code to your web page, in between <head> and </head> tags:

    <link rel=”shortcut icon” href=”favicon.ico” >
    <link rel=”icon” type=”image/gif” href=”animated_favicon1.gif” >

Installing the favicon without animation

    Upload favicon.ico to the root of your web folder.
    Add the following HTML code to your web page, in between <head> and </head> tags:

    <link rel=”shortcut icon” href=”favicon.ico” >

Save file header.php lalu refresh websitenya (load ulang).

Note: Jika suatu saat nanti ingin mengganti gambar favicon, cukup dengan me-replace favicon yang lama dengan yang baru.
Semoga bermanfaat..!

0 comments:

Post a Comment

Powered by Blogger.