That's ME

 สวัสดีค้าบผม หลังจากหายหน้าหายตาไปสักพัก
วันนี้ก็เป็นฤกษ์งามยามดีคับ เพราะปิดเรียนใหญ่ เอิ้กๆ

วันนี้ผมนำเทคนิคการปรับแต่งบล็อกเพื่อสร้างเอกลักษณ์ประจำตัวคับ
นั่นคือการใส่ favicon ประจำบล็อกของตัวเอง

ใครที่ไม่รู้จัก favicon อ่านต่อได้คับ ส่วนใครรู้แล้วก็ข้ามได้เลย

favicon ก็คือรูปเล็กๆที่เป็นสัญลักษณ์ประจำเว็บแต่ละเว็บคับ
ก็เหมือนเป็น mascot ของเว็บนั่นแหละคับ สำหรับคนที่ใช้ firefox และ
ie7 จะมองเห็นครับ ส่วน ie6 จะไม่เห็น favicon  ดูตัวอย่างนะคับ

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

 

วิธีทำ------------

ก่อนอื่นให้เราทำการสร้าง favicon ที่เราต้องการก่อนนะคับ
โดยใช้โปรแกรม photoshop ก็ได้คับผม  favicon นั้นจะมีขนาด
42*42px แต่มันเล็กกระจึ่งเดียว ดังนั้นพอทำจริงๆให้ทำใหญ่ๆนะคับ
เช่น 100*100px เมื่อทำเสร็จแล้วค่อยย่อภาพเอา

หลังจากที่เราทำเสร็จแล้ว ก็ทำการแปลงไฟล์เป็น .ico คับ
แวะไปที่เว็บนี้ได้เลย เค้ามีบริการแปลงออนไลน์ฟรีคับผม

http://www.coolutils.com/Online-Image-Converter.php

จากนั้นเราจะได้ไฟล์ .ico มาแล้วใช่ไหมคับ น่าเสียดายที่ exteen
ไม่อนุญาตให้อัพโหลดไฟล์ตระกูลนี้ ดังนั้นเราต้องพึ่งที่อื่น เอิ้กๆ
ผมแนะนำเว็บนี้คับผม

-  http://www.hostanyimage.com

- http://www.1pixelhost.com

- http://iconj.com/generator.php

เป็นเว็บฝากรูปคับ รองรับ .ico ด้วย เมื่อเราอัพไปแล้วจะได้ลิงค์
มา ให้เอาลิงค์คล้ายๆแบบนี้คับ

http://www.hostanyimage.com/files/860phnwvyaux3qk2p2h9.ico

เอาละทีนี้เราก็พร้อมจะสร้างเอกลักษณ์ประจำบล็อกเรากันแล้ว!!

ให้ทุกท่านไปที่ Manage ของเว็บ exteen นะครับ เลือก Theme>Widgets

แล้วทำการเพิ่ม custom code เข้าไปให้อยู่ด้านบนสุดเลยนะครับ ดูตัวอย่าง

เหมือนในภาพคับ

แล้วเพิ่มโค้ดนี้ไว้บนสุดครับ

 
<link href='http://YOUR_PATH/favicon.ico' rel='shortcut icon'/>
<link href='http://YOUR_PATH/favicon.ico' rel='icon' type='image/ico'/>

ตรง http://YOUR_PATH/favicon.ico ก็แก้เป็นตำแหน่งไฟล์ของ .ico ของเพื่อนๆนะคับ
อย่างของผมก็เป็น

http://www.hostanyimage.com/files/860phnwvyaux3qk2p2h9.ico

 

หน้าตาในกล่องแก้ไขโค้ดก็จะเป็นประมาณนี้

 

ใส่ไปแล้วก็กด save คับ แล้วก็อย่าลืม save theme ด้วยนะครับ

ทีนี้ก็ลองเปิดบล็อกตัวเอง เช็คดูคับว่ favicon ขึ้นหรือเปล่า
บางครั้งอาจจะต้องกด F5 เพื่อรีเฟรชบล็อกด้วยนะครับ

 

 ขึ้นแล้ว!!(ของผมทำเป็นตัว H) ทีนี้เราก็จะมี favicon ประจำตัวเองแล้วคับ
ซึ่งเมื่อเพื่อนๆท่านอื่นแวะมาอ่านบล็อกเราก็จะเห็น favicon นี้

ใครสนใจลองปรับเปลี่ยน ก็ลองดูได้นะคับ หากมีข้อสงสัย ก็ถามได้คับผม
ยินดีตอบค้าบ

 ---แก้ไขเพิ่มเติม ---

ปล. ขอบคุณความคิดที่ 62 คับ
สำหรับใครที่ไม่ใช้รูป .ico ลองเอาภาพ .gif ก็ได้คับ