Apa itu favicon?

favicon, seperti yang disebutkan oleh wikipedia, adalah icon yang diasosiasikan dengan website website atau webpage. sering juga dikenal sebagai website icon atau shortcut icon. favicon muncul ditampilkan di URL bar dan halaman tab browser.

Favicon

Favicon

lalu, gunanya favicon ini apa?

selain mempercantik desain blog anda, tentu saja blog anda akan terlihat lebih profesional dan meyakinkan. :)

Definisinya sederhana kok, sekarang kita sedikit kupas penggunaannya. :)

Pada awalnya, jenis file dari favicon adalah file image berekstensi favicon.ico dengan ukuran standarnya 16 x 16 piksel. namun seiring berjalannya waktu, kini file .gif dan .png juga disupport oleh browser – browser modern. tag pemanggil favicon disimpan di dalam tag <head>, menggunakan tag <link rel=”shortcut icon” type=”image/x-icon” href=”lokasi_file/favicon.ico”>

strukturnya jadi seperti ini :

<head>
<title></title>
<link rel=”shortcut icon” type=”image/x-icon” href=”lokasi_file/favicon.ico”>
</head>

oke, sekarang, implementasinya dalam blog saya bagaimana?

untuk pengguna wordpress, anda bisa menggunakan plugin MaxBlogPress Favicon oleh maxblogpress. Plugin ini akan menggenerate kode tag dan menempatkannya di dalam tag <html> anda. dilengkapi juga dengan kumpulan favicon gratis yang siap anda pakai.

Namun untuk anda yang enggan pengguna wordpress yang menggunakan plugin karena anda rasa memperlambat kinerja blog anda mari kita customize secara manual. :)

( untuk blog yang berada di wordpress.com dan blogger.com, tidak bisa di customize, karena keduanya tidak mengizinkan pengguna untuk mengedit file <head> nya )

  • siapkan file yang anda inginkan menjadi favicon. ukurannya 16 x 16 piksel, dengan nama file favicon.ico
  • kalau ingin mudah, anda bisa download di http://favicon.co.uk/galery.php
  • upload file favicon.ico ke direktori themes yang hendak anda customize
  • buka dashboard wp-admin > edit themes, lalu pilih file header
  • diantara tag <head> dan </head>, selipkan script ini:

<link rel=”shortcut icon” type=”image/x-icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico”>

  • update file, lalu view site
  • hola! blog wordpress anda sudah memiliki favicon! :)

Dapatkan update harian bloggingly GRATIS di RSS Reader anda! Subscribe sekarang RSS FEED BLOGGINGLY !

Apa itu RSS? Kenali RSS di halaman ini