pasang favicon.ico | Konsultan IT dan jaringan Area Flores

pasang favicon.ico

Written on 5 January, 2009 – 4:52 pm | by dedyisn | 463 views

Bagi yang sudah biasa mengotak atik website atau blog, favicon.ico rasanya sudah tidak asing. Favicon.ico adalah pengganti icon standar pada website. Contohnya :

Kita dapat mengganti iconnya menjadi icon sesuka kita. Siapkan saja file gambar dan text yang ingin anda masukkan.

  1. Browse ke http://www.html-kit.com/favicon/ .
  2. Upload file foto/gambar disertai text sesuai dengan yang anda inginkan. berikan tanda centang pada Animate-favicon, kemudian Klik Generate favicon.ico
  3. Setelah download file favicon.ico yang sudah digenerate ( biasanya dalam format zip)
  4. Upload file favicon.ico dan animated?_favicon1.gif ke directory themes anda ( /wp-content/themes/mythemes/ ).
  5. Lakukan editing pada file Header atau header.php pada directory themes anda

Bagi website yang menggunakan wordpress, maka tambahkan baris berikut :

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


tepat dibawah script <head>

Contoh :

<head profile=”http://gmpg.org/xfn/11″>
<title><?php wp_title(”); if (function_exists(’is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(’is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(’name’); ?></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=<?php bloginfo(’charset’); ?>” />

Setelah ditambahkan script favicon.ico menjadi

<head profile=”http://gmpg.org/xfn/11″>
<link rel=”shortcut icon” href=”<?php bloginfo(’template_directory’); ?>/favicon.ico” />
<link rel=”icon” href=”<?php bloginfo(’template_directory’); ?>/animated_favicon1.gif” type=”image/gif” > <title><?php wp_title(”); if (function_exists(’is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(’is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(’name’); ?></title>
<meta http-equiv=”Content-Type” content=”text/html; charset=<?php bloginfo(’charset’); ?>” />

Setelah itu simpan file header.php yang telah anda edit tadi.Tutup browser anda lalu browsing kembali website anda. Seharusnya iconnya akan berubah. jika belum clear cache yang tersimpan di browser ( clear private data )
Mudah-mudahan bermanfaat.

Share and Enjoy:
  • del.icio.us
  • Technorati
  • Digg
  • Facebook
  • Google Bookmarks
  • MySpace
  • YahooMyWeb

Related Posts

  1. One Response to “pasang favicon.ico”

  2. tianNo Gravatar (2 comments.) on Feb 12, 2009

    Thanks buat sharingnya. Aku dah bisa loch….

    tian’s last blog post..Refleksi Empat Tahun di FloresComment posted using Mozilla Firefox Mozilla Firefox 3.0.5 on Windows Windows XP

    Reply

Post a Comment

:hihi: :hiks: :melet: :nangis: :ngakak: :puyeng: :sip: more »

CommentLuv Enabled

About Me

Here I'll share my knowledge, discovery and experience related to my hobby and work. Most articles on this site are related to tips , my practice result and offcourse about me too. If you want a review for your website or product, contact me via YM or email. For Consultant service in flores "Maumere, Larantuka, Ende, Ruteng, and Bajawa ", just contact me @ email : dedyisn@gmail.com More

Want to subscribe?

 Subscribe in a reader Or, subscribe via email:

Please Enter your email address:

I'm Member of :
Custom Search