การเปลี่ยน Favicon (Favicon Blogger Hack)

Favicon (Favorites Icon) หรืออาจจะเรียกกันว่า website icon, shortcut icon, url icon, หรือ bookmark icon ซึ่งจะมีขนาด 16x16 pixel ซึ่งจะแสดงอยู่ในตำแหน่งเดียวกันกับ Address Bar ดังภาพ


การสร้างรูป Favicon สามารถสร้างได้ 4 รูปแบบด้วยกัน คือ ICO, PNG, GIF และ JPEG ส่วนใหญ่แล้วเราจะใช้รูปแบบ ICO มากกว่า สำหรับการใช้งานในแต่ละรูปแบบมีดังนี้

HTML:

• <link rel='icon' type='image/vnd.microsoft.icon' href='http://example.com/image.ico'>
• <link rel='icon' type='image/png' href='http://example.com/image.png'>
• <link rel='icon' type='image/gif' href='http://example.com/image.gif'>

XHTML:

• <link rel='icon' type='image/vnd.microsoft.icon' href='/somepath/image.ico'>
• <link rel='icon' type='image/png' href='/somepath/image.png'>
• <link rel='icon' type='image/gif' href='/somepath/image.gif'>

Internet Explorer จะมีรูปแบบที่แตกต่างกันเล็กน้อย

• <link rel='shortcut icon' type='image/x-icon' href='/somewhere/myicon.png'>

สำหรับในส่วนที่ผมทำขึ้นมาจะเป็นรูปแบบ ICO อาจจะดูแตกต่างจากรูปแบบข้างบน แต่ความหมายเหมือนกันครับ หรือจะใช้รูปแบบที่ผมทำขึ้นมาก็ดีหน่อยเพราะผมทำมาใช้งานจริง รูปแบบข้างบนผมก็ไม่เคยลอง

<link href='http://www.........../favicon.ico' rel='shortcut icon' type='image/x-icon'/>

ตำแหน่งในการวางการแก้ไข Favicon จะอยู่ถัดมาจาก pageTitle ให้วางลงไปที่ตำแหน่งนี้ได้เลยครับ