ช่วงนี้ทำแต่ 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 จะทำได้ม้ายยยย เอ่อ...โลภจริงๆยัยคนนี้ได้ไอ้โน่นจะเอาไอ้นี่... -_-"



Comments (7)
19 กรกฎาคม 2552, 11:09
นหนาวก้อมี favicon แล้วนะจ๊ะ
20 กรกฎาคม 2552, 19:38
favicon favicon ของพี่ yams ดอกไม้ชมพูน่ารักเชียวว
29 กรกฎาคม 2552, 7:31
ขอบคุณมากครับ จะไปลองทำดูครับ
11 พฤศจิกายน 2552, 18:02
ขอบคุณมากค่ะ
12 มกราคม 2553, 13:16
ขอบคุณมากครับ หาอยู่พอดี ^^
21 มกราคม 2553, 12:53
เจ๋ง ครับ
ไม่รู้มาก่อนนะเนี่ย ว่าเค้าทำกันอย่างนี้
ขอบคุณมากๆ ครับ จะติดตามเรื่อยๆนะครับ
ว่างๆ ก็แวะไปเยี่ยมชมบล็อกผมบ้างนะ
24 มกราคม 2553, 21:42
ขอบคุณมากคะ เพิ่งจะมาลองๆทำคะ เลยยังไม่เป็นอะไรเลย เดี่ยวจะลองทำตามนะคะ
แสดงความคิดเห็น