AbulaMedia.com » membuat favicon http://abulamedia.com Belajar ngeBlog dengan Hati untuk Berbagi Thu, 26 Jan 2012 19:12:42 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 http://abulamedia.com http://abulamedia.com/wp-content/uploads/2010/01/pavicon.ico AbulaMedia.com Membuat Favicon http://abulamedia.com/2009/12/10/membuat-favicon/ http://abulamedia.com/2009/12/10/membuat-favicon/#comments Wed, 09 Dec 2009 17:13:39 +0000 Abula http://abulamedia.com/?p=1109 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

]]> http://abulamedia.com/2009/12/10/membuat-favicon/feed/ 28