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

bitsCAD · โพสต์ 2013-3-30 08:02:13

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

Firefox

Chrome

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

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

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

<link rel="icon" type="image/x-icon">
<link rel="shortcut icon" type="image/x-icon">

คัดลอกไปที่คลิปบอร์ด

เพียงเท่านี้เว็บไซต์ของคุณก็จะมีไอคอน (เก๋ๆ/ห่วยแตก แล้วแต่ฝีมืออีกที) ไว้ประดับบารมีกะเค้าแล้วล่ะครับ ขอให้สนุกกับการทำเว็บไซต์ครับ

load1part · โพสต์ 2013-5-18 21:22:07

แก้ไขครั้งสุดท้ายโดย load1part เมื่อ 2013-5-18 23:59

ผมได้ละ 55+ ขอบคุณมากครับ

บัญชี		จำสถานะนี้ไว้ในครั้งหน้า	ลืมรหัสผ่าน
รหัสผ่าน			สมัครสมาชิก

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

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง