วันศุกร์ที่ 3 มิถุนายน พ.ศ. 2554

วิธีใส่ icon ให้เว็บเพื่อเพิ่มสง่าราศี

วันนี้เราจะมาทำให้เว็บไซต์ของเรามี ไอคอน/โลโก้/สัญลักษณ์/ตรา สุดแท้แต่จะเรียกกันดังตัวอย่างด้านล่าง

Firefox
 





Chrome

วิธีการก็ง่ายแสนง่ายเพียงเราจัดเตรียมไฟล์ .ico หรือ .png ขนาด 16x16 พิกเซล เก็บไว้ในโฟลเดอร์เดียวกับ Source Code ของเรา (โดยส่วนตัวผมทำเป็น .png ก่อนแล้วใช้โปรแกรม GIMP 2 แปลงเป็น .ico อีกทีเพราะโฟโต้ชอปเซฟรูปเป็น .ico ไม่ได้)

โหลดไฟล์ไอคอนตัวอย่างได้ ที่นี่

จากนั้นทำการใส่โค้ดด้านล่างนี้ลงไประหว่างแท็ก <head>...</head> โดยแก้คำว่า www.iscyber.com เป็นชื่อเว็บไซต์ของท่าน และแก้คำว่า iscyber.ico เป็นชื่อไฟล์ icon ที่ท่านเตรียมไว้

<link rel="icon" href="http://www.iscyber.com/iscyber.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://www.iscyber.com/iscyber.ico" type="image/x-icon">


3 ความคิดเห็น: