adding website address bar icon or favicon
การทำ icon บน address bar ของ web หรือที่เรียกกันว่า favicon
ส่วนวิธีทำก็ง่ายแสนง่าย
ให้เราหารูปภาพที่เป็น .ico ขนาดภาพสัก 16x16 px หรือ 32x32 px ก็ได้ครับ
เมื่อได้ภาพเรียบร้อยแล้วก็ อัพเข้า server
แล้วก็เพิ่ม tag ตัวนี้เข้าไปในหน้าเว็บ
<link rel="shortcut icon" href="ชื่อไอคอน.ico">
ให้ tag นี้อยู่ภายใต้ tag <head>...</head> นะครับ
ตัวอย่าง
จากตัวอย่างไฟล์รูปภาพของผมมีชื่อว่า favicons.ico ซึ่งอัพไว้นอกสุด ที่เดียวกับไฟล์เว็บเลยครับ
ใส่ part ของรูปภาพให้ถูกต้องด้วยนะครับ
รูปตัวอย่าง
บทความนี้ก็มีเพียงเท่านี้ครับสวัสดีครับ
ส่วนวิธีทำก็ง่ายแสนง่าย
ให้เราหารูปภาพที่เป็น .ico ขนาดภาพสัก 16x16 px หรือ 32x32 px ก็ได้ครับ
เมื่อได้ภาพเรียบร้อยแล้วก็ อัพเข้า server
แล้วก็เพิ่ม tag ตัวนี้เข้าไปในหน้าเว็บ
<link rel="shortcut icon" href="ชื่อไอคอน.ico">
ให้ tag นี้อยู่ภายใต้ tag <head>...</head> นะครับ
ตัวอย่าง
<html>
<head>
<link rel="shortcut icon" href="favicons.ico">
</head>
<body>
step-juice:: adding website address bar icon or favicon
</body>
</html>
จากตัวอย่างไฟล์รูปภาพของผมมีชื่อว่า favicons.ico ซึ่งอัพไว้นอกสุด ที่เดียวกับไฟล์เว็บเลยครับ
ใส่ part ของรูปภาพให้ถูกต้องด้วยนะครับ
รูปตัวอย่าง
บทความนี้ก็มีเพียงเท่านี้ครับสวัสดีครับ
0 ความคิดเห็น