Favicon

Wednesday, January 28th, 2009

fav

Icon kecil di tepi URL sesuatu website selalunya dipandang remeh oleh sesetengah pihak, tapi sebenarnya ia juga memainkan faktor yang agak penting. Favicon inilah yang sebenarnya membolehkan pengunjung website anda mengingati anda dengan lebih mudah. Lihat contoh Google, ia menggunakan simbol G sebagai faviconnya. Ia menjadi seakan trademark kepada website tersebut.

Untuk memasukkan favicon anda sendiri, ikut cara di bawah;

?View Code PHP
<link rel="icon" type="image/png" href="/images/myicon.png" />

Untuk contoh di atas, saya menyimpan favicon saya di dalam folder images. Untuk favicon, kita tidak terhad kepada format ico sahaja, format jpg dan png juga boleh digunakan. Contoh untuk format jpg.

?View Code PHP
<link rel="icon" type="image/jpg" href="/images/myicon.jpg" />

Masukkan kod ini di dalam ruangan page HTML anda. Lihat contoh di bawah

?View Code PHP
<!DOCTYPE html 
      PUBLIC "-//W3C//DTD HTML 4.01//EN"
      "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en-US">
<head profile="http://www.w3.org/2005/10/profile">
<link rel="icon" type="image/png" href="http://example.com/myicon.png">
</head>
<body>
....
</body>
</html>

Selamat mencuba!

Selamat mencuba! Jika anda mempunyai soalan mengenai tutorial ini, sila kemukakan di ruangan di bawah. Untuk soalan lain yang berkaitan dengan aturcara web atau jika anda mempunyai pandangan/idea untuk tutorial baru, e-mail saya di wanmohdfairuz@mckk9903.com atau kemukakan pandangan/soalan anda di dalam forum tutorialmelayu di http://www.tutorialmelayu.com/forum.
Daftar percuma di sini.

tagged under: .

ABOUT THIS AUTHOR


mdpai
Masters in Electronics, Embedded System Engineering, Polytech'Nice Sophia, France
  1. klong
    February 18, 2009 at 1:15 am
    Reply

    apa-apa imej pn blh ker..ada size tertentu x?

  2. mdpai
    February 18, 2009 at 11:03 am
    Reply

    kalau boleh, pastikan saiz image tu kecil.. untuk blog ini, saya gunakan image yg bersaiz 42px x 45px

  3. Lutsinar
    March 9, 2009 at 6:24 pm
    Reply

    Saya menggunakan Wordpress theme Ayumi dibuat oleh Nurudin Jauhari, Ikon tu dah ada. kat mana saya nak edit.

  4. mdpai
    March 14, 2009 at 7:01 am
    Reply

    dalam header.php, try cari code untuk favicon ni..maybe code tu lebih kurang mcm ni.

    ?View Code PHP
    1

    <link rel="icon" type="image/png" href="<?php bloginfo('template_url') ?>/images/favicon.png">
  5. catzer
    April 12, 2009 at 8:41 pm
    Reply

    aku bese pakai plugin maxblogpress favicon, sbb malas nak coding2 maklumlah aku ni rajin tukar2 theme wordpress.

  6. catzer
    April 12, 2009 at 8:42 pm
    Reply

    aku biasa pakai plugin maxblogpress favicon sbb aku rajin no tukar2 theme..

  7. Amin007
    May 10, 2009 at 8:56 am
    Reply

    waa, satu idea menarik
    aku pun dah aplikasikan pada website aku hehehe

  8. istanakristal
    July 30, 2009 at 5:44 am
    Reply

    boleh guna png dan jpg je? kalau bmp ngan gif?

    • mdpai
      July 31, 2009 at 6:29 pm

      boleh try tgk jadi ke tak =)

Leave a Reply

Related Posts