สาวก go2know อาจจะสังเกตเห็นมาจาก web ต่าง ๆ ว่าในช่อง Address ข้างบนนั้น มีรูปเล็กๆอยู่ข้างหน้าด้วย เช่น มีรูปดอกไม้อยู่ข้างหน้า แล้วพอเวลากด add to favorite ข้างหน้าชื่อของเวบก็จะมี รูปดอกไม้นี้อยู่เหมือนกัน ทำให้เด่นขึ้นมาจากเวบอื่นๆ
ไอคอนตัวนี้ จะเรียกว่า Favicon
(อ่านว่า เฟฟ-ไอ-คอน ไม่ใช่ ฟาวิคอน น่ะ - -")
ที่ย่อมาจาก Favourite icon นั้นเอง
วิธีสร้าง
ใช้ photoshop หรือโปรแกรมตามถนัด สร้างไฟล์ 16*16 px เป็น .jpg ขึ้นมาก่อนค่ะ หรือถ้าอยากได้ความละเอียดสูงหน่อย สร้างเป็น 32*32 ก็ได้นะ เสร็จแล้ว เราต้องใช้ตัวช่วยค่ะ! คลิกปุ่มข้างล่างเลย
เข้าไปแล้ว เราก็ต้องแปลงไฟล์ภาพจาก .jpg ให้เป็น .ico นะคะ แล้วก็ save ไฟล์ เก็บไว้ในเครื่อง จากนั้นก็ต้องอัพโหลดไฟล์ที่เราสร้างมาพร้อมทั้งอัพโหลดไฟล์ index ด้วยนะคะ แต่ก่อนอัพโหลดก็จะต้องพิมพ์ code html ตามตัวอย่างวิธีใส่ด้านล่างนี้ซะก่อน. . ยุ่งยาก อ่ะจิ อิอิ อดทนอีกนิด
วิธีใส่
ง่ายมาก เราก็ต้องอัพไฟล์ .ico ของเราขึ้นไปก่อน จากนั้นก็พิมพ์ code ไปใส่ไว้ใต้ <head> ใน html
<link rel="shortcut icon" href="http://www.ชื่อเว็บ/favicon.ico" />
or
<link rel="icon" href="http://www.ชื่อเว็บ/favicon.ico" />
อุ๊บบบ แวะมาเก็บความรู้ตอนตีหนึ่งกว่าๆ นี่แหล่ะค่ะ เยี่ยมไปเลย ทำเวปไว้หลายที่ กำลังอยากได้แบบนี้อยู่พอดีค่ะ ขอบคุณนะคะ อิอิ ^__^
อุ้ย!! ตกใจ อิอิ ...ไม่ทันตั้งตัว มาเร็วมากคะ ปานสึนามิ
บทความยังไม่เรียบร้อยนักนะคะ แต่ยังไงก็ต้องขอบคุณ จินตนา อิ่มรักษา นะคะ ที่ให้เกียรติเข้าชมเป็นท่านแรก ...หวังว่าคงมีประโยชน์สุด ๆ ในการทำให้ สัญลักษณ์หน้าชื่อเว็บของเราโดดเด่นขึ้นมานะคะ
สวัสดีครับ
ผมเองก็เพิ่งเขียนเรื่องการใส่ favicon ให้กับล๊อกไว้ใน Learners.in.th ด้วยเหมือนกันครับ เขียนเสร็จ search หาว่าเคยมีใครเขียนหรือยัง(ที่จริงควรหาก่อนเขียนเน๊อะ) ก็มาเจอของพี่นี่แหละครับ เลยแวะมาคอนเม้นท์สักหน่อย
blog ผมอยู่ที่ http://learners.in.th/blog/mrgill น่ะครับ ว่างๆ ก็แวะเวียนไปบ้างน่ะครับ
มาเยี่ยมครูยุ ช้าไปรึป่าว ก็คนมันไม่ค่อยมีเวลาว่าง ว่างๆก็มาให้กำลังใจน้อง เขียนบล็อกเยอะจัง เข้าไปดูบล็อกของวินโดว์แล้วล่ะ
เขียนได้แล้ว แต่ต้องเอาขึ้น Services ก่อน
แล้วเปิดเรียกจาก เว็บโดนตรง www.ชื่อเว็บเรา.com
รูปถึงจะปรากฎ ^^
ขอบคุณมากครับ สำหรับวิธีเขียน