ข่าวประชาสัมพันธ์

มาร่วมเป็นกำลังใจให้เว็บด้วยการสมัครสมาชิกวีไอพี ~~ เลือกปีที่ท่านต้องการได้โดยไม่ต้องเรียงปี ~~ ปีละ 350 บาท สมัคร 2 ปีลดเหลือ 600 บาท ~~ มีไลน์กลุ่ม VIP จำนวนหลายร้อยท่าน เอาไว้ปรึกษางานซ่อม ~~ เข้าถึงข้อมูลด้านเทคนิค ข้อมูลเชิงลึกมากมาย.....


ผู้เขียน หัวข้อ: การใส่ Favorite Icon ให้กับเว็บไซต์ของท่าน  (อ่าน 1836 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออนไลน์ Auto Man

  • Administrator
  • หัวหน้าศูนย์ซ่อมสร้าง
  • *****
  • เจ้าของกระทู้
  • Joined: ก.ย. 2558
  • กระทู้: 37161
  • สมาชิกลำดับที่ : 1
  • เพศ: ชาย
  • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
    • เว็บชุมชนคนรักช่างยนต์
    • อีเมล์

การใส่ 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 เรียบร้อยแล้ว

ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง  สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

ออนไลน์ Auto Man

  • Administrator
  • หัวหน้าศูนย์ซ่อมสร้าง
  • *****
  • เจ้าของกระทู้
  • Joined: ก.ย. 2558
  • กระทู้: 37161
  • สมาชิกลำดับที่ : 1
  • เพศ: ชาย
  • มือผู้ให้ย่อมสูงกว่ามือผู้รับ
    • เว็บชุมชนคนรักช่างยนต์
    • อีเมล์
การใส่ Favorite Icon ให้กับเว็บไซต์ของท่าน
« ตอบกลับ #1 เมื่อ: 23 มีนาคม 2559, 17:25:38 »
  • ขึ้นบน
  • ลงล่าง
  • ขอบคุณสำหรับแหล่งที่มา
    มาจากที่นี่  http://www.tips.ninenic.com/index.php?tpid=0004

     :-X
    สวัสดีคุณ...ผู้เยี่ยมชม  กด ❤ ถูกใจโพสท์นี้ หรือยัง...
    ต้องการสมัครสมาชิก VIP สมัครได้ที่นี่...   หรือทาง Line ID: k.sonchai

    การใส่ Favorite Icon ให้กับเว็บไซต์ของท่าน
    « ตอบกลับ #1 เมื่อ: 23 มีนาคม 2559, 17:25:38 »