Blogger: ใส่ภาพ favicon ของเราลงในบล็อก


ขั้นตอนที่ 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

Post Status




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

Sut Songs กล่าวว่า...

ผมลองทำแล้วมันไม่ขึ้นอ่ะครับ

Max กล่าวว่า...

บล็อกแห่งนี้ก็กำลังใช้ favicon ด้วยวิธีเดียวกันนี่แหละครับ ซึ่งถ้าเข้าชมด้วยด้วย Chrome และ Firefox ก็จะมองเห็นได้ตามปกติ แต่ว่าอาจจะไม่เห็นไอคอน favicon ตามวิธีนี้เมื่อเปิดเว็บด้วย Internet Explorer ครับ

แสดงความคิดเห็น