Tutorial Melayu » favicon http://www.tutorialmelayu.com Sun, 06 Nov 2011 12:38:46 +0000 en hourly 1 http://wordpress.org/?v=3.3 Favicon http://www.tutorialmelayu.com/umum/favicon http://www.tutorialmelayu.com/umum/favicon#comments Wed, 28 Jan 2009 20:20:03 +0000 mdpai http://www.tutorialmelayu.com/?p=8 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;

<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.

<link rel="icon" type="image/jpg" href="/images/myicon.jpg" />

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

<!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!

]]> http://www.tutorialmelayu.com/umum/favicon/feed 9