มาทำเว็บเราให้มี Icon เว็บกันดีกว่า

มาทำเว็บเราให้มี Icon เว็บกันดีกว่า

เป็นวิธีทำให้เว็บ มีรูปแสดง เป็น icon ที่หน้าชื่อ เหมือนอย่างที่เว็บเราก็มีนั่นเอง

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

โปรแกรม สร้าง icon web

ขั้นแรก เราก็ต้องจัดการเตรียมไอคอนที่จะเอามาใช้กับเว็บเราก่อน ดังนี้

import รูปภาพ เพื่อทำเป็น icon

เลือกรูปที่จะทำ icon ได้แล้ว

ตั้งค่าให้เป็น 16*16

save จากรูปเพื่อให้เป็น icon

ตั้งชื่อให้เป็น faviconตั้งชื่อว่า favicon ครับ และให้เราทำการเซฟใส่ในแฟ้มเดียวกับที่เก็บหน้าindex ของเว็บเรานะครับ

เรียบ ร้อยแล้วครับ เราก็ได้ไฟล์ iconเว็บเรามาแล้ว ต่อมาให้เราเอาโค้ดไปใส่ในเว็บเราครับ โดยที่เราจะต้องเอาไปใส่ในระหว่าง Tag <head> นะครับ ประมาณนี้

  1. <html>
  2. <head>
  3. <title>.....</title>
  4. <link rel='SHORTCUT ICON' href='http://www.meewebfree.com/favicon.ico' />
  5. .....
  6. </head>
  7. <body>
  8. ......
  9. </body>
  10. </html>

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

แค่นี้เองครับเสร็จแล้ว

และสำหรับใครที่ใช้ php Fusion เราสามารถไปแก้ไขได้ในไฟล์ subheader.php นะครับ จะมีส่วนหัวของ Tag html อยู่ครับ

ไม่มีอะไรยากสำหรับที่นี่นะครับ หุๆๆๆ

[PRINT VERSION] เขียน: 2006-11-19 07:00:00 แก้ไข : 2006-11-19 07:00:00 อ่าน : 9307
tag : icon web, web icon, icon ของเว็บ,สร้าง icon web, สร้าง web icon

Comment

Comment
BeYourCyber - 18/11/2006 23:00:00 -
ร่วมพูดคุยในหัวข้อของบทความ มาทำเว็บเราให้มี Icon เว็บกันดีกว่า
<p>เป็นวิธีทำให้เว็บ มีรูปแสดง เป็น icon ที่หน้าชื่อ เหมือนอย่างที่เว็บเราก็มีนั่นเอง</p>