๒๗ .[HowTo ★] มาทำ Favicon เคลื่อนไหว กันเถอะ.!
posted on 29 Aug 2009 21:49 by namiiz-yhjj
+ นานๆ ทีบล๊อกนี้จะมีสาระกับเค้าบ้าง ฮ่าๆ ~
จากการดิ้นรนอยากให้หน้าชื่อบล๊อกมันไฮโซ เราจึงเสาะแสวงหาวิธีการสร้างมันขึ้น
และเพื่อให้มันไฮโซยิ่งขึ้น มันก็ต้องเคลื่อนไหวด้วยสิ! จริงมั้ยฮร๊ะะ ะ ~
ปล. ไอ้เจ้า Favicon นี้จะแสดงเฉพาะใน Firefox นะฮร๊า า ~
(ลอง IE7 มันไม่ขึ้น ลอง Opera มันไม่เคลื่อนไหวจ้ะ)
Favicon คือ ??? ★
คุณคงเคยเห็นกันมาบ้างแล้วใช่ไหม ? แต่คุณรู้หรือไม่ ว่ารูปไอคอนเล็กที่ๆอยู่ตรง addressbar เขาเรียกว่าอะไร?
มีไว้ทำอะไร? สิ่งนี้เขาเรียกกันว่า favicon หรือ favorite icon โดยข้อดีของเจ้า Favicon ก็คือ
+ ช่วยให้คนที่เข้ามาเยี่ยมชมเว็บของเรา จดจำเว็บได้มากยิ่งขึ้น
+ เวลาเรากด Bookmarks หรือ บันทึกหน้านั้นไว้เป็น รายการโปรด ของเราก็จะเห็นไอคอนนั้นได้เด่นชัด
+ ช่วยให้เว็บเราดูไฮโซยิ่งขึ้น พอมี Favicon จะทำให้เว็บเราดูงามอย่างผิดหูผิดตา (- -')
(เครดิตความหมาย ; bbc.th.edu thank!)
program และ เว็บที่ต้องใช้ ★
1. โปรแกรม photoshop จะ CS2 CS3 CS4 ได้ทั้งน๊าน น .
2. เว็บแปลงจากรูป .GIF เป็น .ICO http://iconj.com/generator.php
3 เว็บฝากรูป http://www.1pixelhost.com/
วิธีการสร้าง Favicon ★
1. เปิดโปรแกรม Photoshop ขึ้นมา สร้างเจ้า Favicon โดยให้มีขนาด 16*16
(อาจทำเป็น 100*100 แล้วค่อยย่อเพื่อความสะดวกสบายก็ได้ฮ่ะ)
ต้องการให้ไฮโซ ก็จัดการทำให้มันเคลื่อนไหวซะ!
2. นำรูป GIF ที่เราสร้างไปฝากไฟล์ใน http://iconj.com/generator.php
แล้วเราก็จะได้ไฟล์ .ICO ให้เซฟเก็บไว้ก่อน
3. เข้าไปที่ http://www.1pixelhost.com/
โดยฝากไฟล์ 2 ไฟล์นะคะ คือไฟล์ .GIF และ .ICO
copy URL (ที่คลุมดำไว้)
4. นำ URL ที่ได้มาใส่ในโค้ด
5.เข้าไปที่ Manage > Theme > Widgets > Custom Code
ใส่โค้ดลงไป กด OK แล้ว save โลดด ด ~
(จขบ. เอาโค้ดนี้ไว้ข้างล่าง profile ฮร่ะ)
6. เปิดบล๊อกของเราขึ้นมา ชื่นชมความงามได้เลยจ้ะะ ะ
(คอม จขบ. บางครั้งมันก็ไม่เคลื่อนไหว แต่ถามเพื่อนแล้วมันเคลื่อนไหว เง้ออ อ)
* มีปัญหาสงสัยสอบถามได้จ้ะ

#1 By Nan-yaaa on 2009-08-29 22:22