มาใส่ favicon สวยๆให้ blogger กันเถอะ



พักนี้ทำแต่ wordpress จนแทบไม่ค่อยได้มีเวลามาสนใจ blogger สักเท่าไหร่เลย เมื่อก่อนแรกๆชอบอ่านบล็อกฝรั่งพวกประเภท blogger tips,blogger hack ทั้งหลาย แล้วก็เอามาลองทำกับบล็อก yams นี้สนุกสนาน แต่หลังจากทำแต่ wordpress ไปเป็นสิบๆบล็อกแล้ว ก็สนุกกับ wordpress อีกแล้ว เลยร่ำๆอยากจะย้ายบล็อกนี้ให้เปลี่ยนไปเป็น wordpress เพราะรู้สึกว่า wordpress ใส่ลูกเล่นอะไรได้เยอะกว่า แต่เมื่อมาคำนึงถึงความเสถียร และความปลอดภัย ก็เลยยังไม่ได้ย้าย

ช่วงนี้ทำแต่ wordpress ก็เลยเข้าแต่บล็อก wordpress ของคนไทยบ้างฝรั่งบ้าง เห็น wp เค้ามี favicon สวยๆกันหลายบล็อกเลย favicon บล็อกไหนโดนมากๆชอบมากๆ ก็จะกลับมากรี๊ดดด เสียอกเสียใจ ทำไมบล็อก yams ของเราที่เป็น blogger มันมีได้แต่ favicon รูปตัว B แบบนี้--->

แต่เอ๊ะ...สังเกตกันรึเปล่า ตอนนี้ favicon ของบล็อกเราไม่ได้เป็นเจ้ารูปตัว B blogger อีกต่อไปแล้ว แต่เปลี่ยนเป็นรูปดอกไม้สีชมพูหวานแหววน่าร้ากกกกก กรี๊ดดดด... ดีใจมากที่ทำได้ แล้วก็เลยแวะเอามาบอกกล่าวกันเพื่อสาวก blogger ทั้งหลาย ไม่ว่าจะใช้โดเมนตัวเองแบบเรา หรือใช้เป็น url แบบ blogspot ก็ตาม ก็สามารถเปลี่ยน favicon ให้เป็นรูปที่เราชอบได้ มาลงมือกันเลยดีกว่า.....

ก่อนอื่นก็ต้องหารูปที่เราอยากจะใช้เป็น favicon มาเสียก่อน จะใช้ photoshop หรือ paintbrush หรือโปรแกรมอะไรก็ได้ที่เพื่อนๆใช้สะดวกกัน ย่อรูปให้เป็นขนาด 16x16px หรือ 32x32px ก็ได้ค่ะ หรือถ้าใครขี้เกียจทำก็เข้าไปหา favicon สวยๆได้จากเว็บนี้ก็ได้ค่ะ http://www.iconj.com

เมื่อได้รูป favicon ที่ชื่นชอบและอยู่ในขนาดตามที่บอกไว้แล้ว ก็ให้ save เก็บไว้ในเครื่องเราโดยจะ save เป็นนามสกุล jpg gif png bmp หรือ ico ก็ได้ค่ะ หลังจากนั้นให้ upload ไฟล์รูปดังกล่าวโดยจะไป upload ที่เว็บ iconj.com เมื่อกี้ก็ได้ค่ะ ที่ upload อยู่ตรงด้านขวามือ ตรง select sharpen ให้เลือกเป็น sharpen+3นะคะ เมื่อ upload เรียบร้อยแล้วเราก็จะได้ url ของรูป favicon ของเราที่มีนามสกุลเป็น .ico ก็ให้เก็บ url ของไฟล์รูปภาพของเราเอาไว้ก่อนนะคะ

จากนั้นก็มาที่ Dashboard ของ blogger ของเราค่ะ ไปที่ Layout แล้วก็เลือก Edit html ค่ะ
จากนั้นก็หา tag title นะคะ ปกติ title จะอยู่ด้านบนๆและอยู่ในรูปแบบประมาณนี้ค่ะ

<title><data:blog.pageTitle/></title>


หาเจอกันแล้วใช่มั้ยคะ... จากนั้นให้ copy เอาโค้ดนี้ไปใส่ไว้บรรทัดด้านล่างของ title เลยค่ะ

<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


ตรง URL of your icon file ก็ให้เอา url ของรูป favicon ที่เรา upload เอาไว้เมื่อกี้นี้มาใส่ค่ะ ลอง preview ดูซิ เย้ๆๆๆ...คุณมี favicon สวยงามตามแบบฉบับของคุณเองกันแล้วใช่มั้ย อิอิ แล้วก็มากด save template กันได้เลยค่ะ

ต่อไปนี้ก็ไม่ต้องทนเบื่อกับ favicon รูปตัว B แบบเดิมๆของ blogger กันอีกต่อไป
ไหนลองเก็บเว็บตัวเองไว้ใน Bookmark ดูซิ ว้าว...เป็นรูปดอกไม้น่าร้ากกก ลาทีตัว B แบบเดิมๆ ชิ.. ^_^



ตรง title bar กับตรง tab ก็จะเป็นรูป favicon ของเราเองเช่นกัน สวยเด่นเป็นเอกลักษณ์ ไม่น้อยหน้าบล็อก wordpress แล้วจ้าา... ^_^



Tips: ถ้าไม่อยากให้รูปมีพื้นหลังสีขาว ตอน save รูปลงคอมก่อนที่จะเอาไป upload ให้ save เป็นนามสกุล png ค่ะ แต่ของเราอยากให้มีสีขาวๆแบบนี้เพราะจะได้เป็นกรอบให้ดอกไม้สีชมพู ^_^

ใส่ favicon ได้แล้ว แต่ไปเห็น wordpress เค้าโชว์บอทได้ด้วยอ่า กรี๊ดดด blogger จะทำได้ม้ายยยย เอ่อ...โลภจริงๆยัยคนนี้ได้ไอ้โน่นจะเอาไอ้นี่... -_-"