ขั้นตอนที่ 1. เริ่มต้นจากเตรียมภาพไอคอนแบบ favicon ด้วยโปรแกรมจัดการภาพต่างๆ โดยในตัวอย่างนี้ใช้ Photoshop สร้างขึ้นมา ซึ่งขนาดภาพที่ต้องใช้คือ 16x16 Pixels แล้วเลือกบันทึกเป็นไฟล์แบบ .gif หรือ .png ก็ได้ (ที่ไม่แนะนำให้ใช้ไฟล์ภาพแบบ .ico ก็เพราะหาที่ฝากรูปค่อนข้างยาก)
ขั้นตอนที่ 2. อัพโหลดภาพไอคอนนั้นไปฝากไว้ที่ Picasa web Album หรือผู้ให้บริการรับฝากรูปอื่นๆ
ขั้นตอนที่ 3. ไปที่บล็อกของคุณเลือกที่ รูปแบบ > แก้ไข HTML > ขยายแม่แบบเครื่องมือ
ขั้นตอนที่ 4. กด Ctrl + F บนคีย์บอร์ดเพื่อเปิดใช้ฟังก์ชันการค้นหาแล้วพิมพ์ลงไปว่า
</head>
ขั้นตอนที่ 6. เมื่อพบแล้วให้แทนที่ </head> ด้วยโค้ดด้านล่างนี้
<link href="your-favicon-url" rel="icon" type="image/x-icon"></link>
<link href="your-favicon-url" rel="shortcut icon"></link>
</head>
โดยอย่าลืมเปลี่ยนคำว่า your-favicon-url ในโค้ดข้างบนให้กลายเป็นที่ตั้ง URL ของภาพที่ได้ฝากไว้
ขั้นตอนที่ 8. เลือกที่ บันทึกแม่แบบ ก็เสร็จแล้วครับ
Credit: http://www.deluxetemplates.net/1999/02/how-to-show-your-favicon-ico-in-blogger.html
2 ความคิดเห็น:
ผมลองทำแล้วมันไม่ขึ้นอ่ะครับ
บล็อกแห่งนี้ก็กำลังใช้ favicon ด้วยวิธีเดียวกันนี่แหละครับ ซึ่งถ้าเข้าชมด้วยด้วย Chrome และ Firefox ก็จะมองเห็นได้ตามปกติ แต่ว่าอาจจะไม่เห็นไอคอน favicon ตามวิธีนี้เมื่อเปิดเว็บด้วย Internet Explorer ครับ
แสดงความคิดเห็น
หมายเหตุ: มีเพียงสมาชิกของบล็อกนี้เท่านั้นที่สามารถแสดงความคิดเห็น