SEARCH    
 
   - A   + A
พบกับทิป และทริก(Tips and trick) สำหรับการออกแบบเซ็บไซต์ ด้วย for เว้บไซต์สำเร็จรูป-ninenic.com
www.tips.ninenic.com
HOME เกี่ยวกับเรา ติดต่อเรา
 

การใส่ Favorite Icon ให้กับเว็บไซต์ของท่าน ด้วยเว็บไซต์สำเร็จรูป-Ninenic


Favorite Icon หรือ “favicon” คือไอคอนที่อยู่ตรง url หน้า http:// เพื่อบ่งบอกความเป็นเว็บของคุณ ถ้ามีการบุ๊คมาร์คไว้ ไอคอนนี้ก็จะไปอยู่บนเมนู Bookmark หรือ Favorite ของคุณด้วยเสมอ

favicon ทำให้เว็บเราดูสวยขึ้นเล็กน้อย ทำให้ผู้เยี่ยมชมสามารถจดจำเว็บเราได้ จากภาพหรือสัญลักษณ์ และเวลากด Bookmarks หรือ บันทึกหน้าเว็บไซต์นั้นไว้เป็นรายการโปรด จะเห็นไอคอนนั้นได้เด่นชัด
 

วิธีการสร้าง icon.ico

กรณีที่มีรูปสำหรับ icon แล้ว
 
1.เตรียมรูปภาพที่จะทำ Icon ที่เป็นไฟล์ .png .gif หากต้องการให้พื้นโปร่ง หรือ ไฟล์ .jpg 
รูปภาพที่จะนำมาใช้ไม่ควรมีรายละเอียดเยอะมากนัก เพราะภาพจะถูกบีบ ขนาด 16x16 pixel เท่านั้น 
 
2. เมื่อได้รูปแล้วต้องเอารูปไปแปลงเป็นไฟล์สกุล .ico ซึ่งเราสามารถใช้โปรแกรมแปลงไฟล์ ตามเว็บที่ให้แปลงไฟล์ได้ โดยไปที่ favicon.cc 
2.1 เลือก Import Image จากนั้นกด Choose File เลืกรูปภาพที่เตรียมไว้ และกดอัพโหลด
2.2 จะปรากฎหน้าตัวอย่าง icon ที่ได้ขึ้นมา จากนั้นกด Download Favicon (ท่านสามารถเปลี่ยนชื่อไฟล์ภายหลังได้)


 

 กรณีสร้าง icon ใหม่
1. ไปที่ favicon.cc  จะมีเครื่องมือ สำหรับทำ icon สามารถสร้าง icon และดูตัวอย่างได้พร้อมๆกัน
2. เมื่อได้ icon ที่ต้องการ จากนั้นกด Download Favicon (ท่านสามารถเปลี่ยนชื่อไฟล์ภายหลังได้)
 
**ไฟล์ icon ที่จะนำไปใช้นั้นจะต้องเป็นไฟล์กราฟฟิคประเภท ico เท่านั้น

 

วิธีการนำ icon ใส่ใน Webedit ของเว็บไซต์สำเร็จรูป-Ninenic
 
1.ไปที่เมนู " Upload ไฟล์ข้อมูล "  จากนั้น upload รูป icon.ico ไว้ก่อน
 
2.ไปที่เมนู " Meta TAG " เลือก Advance สำหรับหน้า Home Language 1 จากนั้นนำโค้ดด้านล่างนี้ ไปวาง
 
 <link rel="icon" href="http://www.yourdomain.com/download/yourdomain_com/webhostthaiicon.ico" type="image/x-icon">
<link rel="shortcut icon"href="http://www.yourdomain.com/download/yourdomain_com/webhostthaiicon.ico" type="image/x-icon">
 
คำอธิบายเพิ่มเติม
yourdomain.com           : เปลี่ยนเป็นชื่อ Domain ของท่าน 
yourdomain_com          : ปลี่ยนเป็นชื่อ Domain ของท่าน  แต่เปลี่ยนจาก . (ดอท) เป็น _ (ขีดล่าง) แทน
webhostthaiicon.ico      : เปลี่ยนเป็นชื่อเดียวกับชื่อไฟล์ icon
 
ตัวอย่าง
 
<link rel="icon" href="http://www.tips.ninenic.com/download/tips_ninenic_com/icon.ico " type="image/x-icon">
<link rel="shortcut icon"href="http://www.tips.ninenic.com/download/tips_ninenic_com/icon.ico " type="image/x-icon">

 

 

ตัวอย่างหน้าจอการแสดงผลหลังจากใส่ icon เรียบร้อยแล้ว

 


www.tips.ninenic.com
HOME เกี่ยวกับเรา ติดต่อเรา
Web hosting | website builder |เว็บไซต์สำเร็จรูป by ninenic ©Copyright 2002-2024 All rights reserved.
บริษัท อีคอมสยาม ดอทคอม จำกัด
82/8 หมู่ 6 ถ.ประชาราษฎร์
ต.ตลาดขวัญ อ.เมือง จ.นนทบุรี 11000
Tel : 029682665 Fax: 029683400
Email : info@ecomsiam.com