ReadyPlanet.com
dot

dot
เลือกเวอร์ชั่น Text Editor
Editor Manual
แนะนำวิธีทำเว็บไซต์เบื้องต้น
Function Update
dot
dot
เว็บไซต์รูปแบบ Responsive web design
จัดการเมนูหลัก
เมนูโค้ดและสคริปต์ภายใต้ <head>
ประวัติการใช้งานระบบ
ตัวนับผู้ชมเว็บ
Google Service/Sitemap
จัดการอีเมลสมัครรับข่าวสาร
dot
dot
ระบบผู้ช่วย
ระบบ Chat
dot
dot
การตั้งอีเมล Pop Mail
dot
dot
bulletจัดการเว็บไซต์
bulletระบบพื้นฐาน
bulletระบบเสริม
bulletบริการสมาชิก
bulletเทคนิคอื่นๆ
bulletText Editor
dot
dot
bulletจัดการแบบฟอร์มติดต่อกลับ


วิธีสร้างไฟล์ภาพ Favorite Icon เพื่อแสดงผลในช่อง Address Bar

เมื่อคลิกเข้าชมเว็บไซต์ต่าง ๆ หลาย ๆ ท่านคงจะเคยสังเกตเห็น Icon เล็ก ๆ ที่มักปรากฎอยู่ในช่อง Address Bar หน้า Url ของเว็บไซต์ต่างๆ หรือบนแท็บหน้า Title Tag อาจเป็นรูปโลโก้ขององค์กร ร้านค้า หรือรูปภาพตามเทศกาล

ซึ่งเราเรียกสัญลักษณ์นี้ว่า Favorite Icon นั่นเองค่ะ ช่วยในการสร้างความเป็นเอกลักษณ์ของธุรกิจหรือแบรนด์ ทำให้ลูกค้าหรือกลุ่มเป้าหมายจดจำธุรกิจของเราได้อีกช่องทางหนึ่งด้วย

 

ซึ่ง Favorite Icon ทีแสดงผลนั้น เป็นไฟล์ภาพที่มีนามสกุลแตกต่างกับภาพปกติที่ใช้ตกแต่งในเว็บไซต์เล็กน้อยค่ะ เพราะจะต้องเป็นไฟล์นามสกุล .ico  ถึงตรงนี้ หลายท่านคงอยากทราบว่า จะสร้างไฟล์ภาพนี้ได้อย่างไร อย่ารอช้า! ไปติดตามวิธีการสร้างและนำใช้งานในเว็บไซต์สำเร็จรูประบบ VelaClassic กันเลยค่ะ 


1. แม้ว่าจะสามารถสร้างไฟล์ Favorite Icon ที่เป็นไฟล์ .ico ได้จากโปรแกรมแต่งภาพหลาย ๆ โปรแกรมนะคะ แต่เพื่อความสะดวกรวดเร็ว ท่านสมาชิกสามารถสร้างไฟล์ได้ง่าย ๆ บนช่องทางออนไลน์ได้เลย!

เพียงไปที่เว็บไซต์ Dynamic Drive  และเลือกเมนู FavIcon Generator  ที่หัวข้อ Image to create icon from ให้ดำเนินการดังนี้

     1.1. คลิกปุ่ม เลือกไฟล์

     1.2. ปรากฎหน้าต่างสำหรับเลือกไฟล์ภาพที่ต้องการ จากเครื่องคอมพิวเตอร์ของท่าน

     1.3. เลือกรูปภาพแล้วคลิก Open

     1.4. คลิกปุ่ม Create Icon

 

2. ระบบจะแสดงผลตัวอย่างรูป Favorite Icon ในช่อง Address เป็นตัวอย่าง จากนั้น ให้คลิกปุ่ม "Download FavIcon" จะปรากฎหน้าต่างให้เลือกโฟลเดอร์เพื่อบันทึกไฟล์ภาพ .ico ลงในเครื่องคอมพิวเตอร์ เมื่อเลือกโฟลเดอร์เรียบร้อยแล้วคลิก "Save"

 

3. สำหรับวิธีใส่ไฟล์ภาพ Favorite Icon ในเว็บไซต์สำเร็จรูป ReadyPlanet ระบบ VelaClassic เบื้องต้นให้ Log in เข้าส่วนแก้ไขเว็บไซต์ ภายใต้เมนู "จัดการเว็บไซต์" คลิกเลือก "ตั้งค่าพื้นฐานเว็บไซต์"

 

4. ในหน้า "ตั้งค่าพื้นฐานเว็บไซต์"  ให้คลิกแท็บ "รูปภาพ" จากนั้นคลิก "Browse" ที่หัวข้อ Favorite Icon แล้วเลือกรูปภาพไฟล์ Icon จากเครื่องคอมพิวเตอร์ และคลิก Open 

สุดท้ายคลิกปุ่ม "ตกลง" เพื่อบันทึกข้อมูล และรอการอัพเดตการแสดงผลของ Favorite Icon จากระบบค่ะ

 

ตำแหน่งการแสดงผล Favorite Icon บนหน้าเว็บไซต์จริง 


 

 

Jittima  Suebsook
www.ReadyPlanet.com




วิธีใส่ข้อมูลและตกแต่งเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้น

เตรียมข้อมูลทำเว็บไซต์อย่างไรดี
เริ่มต้นใส่ข้อมูลในระบบเว็บไซต์สำเร็จรูป
วิธีใส่รูปภาพในเนื้อหาของเว็บไซต์
วิธีอัพโหลดไฟล์เอกสารและสร้างลิงก์สำหรับดาวน์โหลด
วิธีสร้างลิงก์ให้กับข้อความและรูปภาพ
การเลือกรูปแบบเว็บไซต์ (Template) และจัดโครงสร้างหน้าแรก (Layout)
เทคนิคการจัดการเมนูหลักที่สวยและดี
จัดการข้อมูลเมนูย่อยด้านข้างอย่างไรดี?
เลือกใช้สีในหน้าเว็บไซต์อย่างไรให้เหมาะสม?
ข้อควรระวังในการทำเว็บไซต์และวิธีใส่ข้อมูลในเว็บไซต์ที่ถูกต้องปลอดภัย article
แนะนำการวาง Code Youtube ในเว็บไซต์
วิธีสร้างลิงก์ E-Mail
4 วิธี เคลียร์เนื้อหายาวๆ ในเว็บไซต์ ให้น่าอ่าน
ติดต่อง่าย เก็บได้ข้อมูลดังใจกับ "แบบฟอร์มอิสระติดต่อกลับ"
ไม่พลาดการติดต่อด้วย "แบบฟอร์มมาตรฐาน"
ย่อรูปภาพอย่างง่ายด้วยเครื่องมือ "กำหนดขนาดรูปภาพ"
สร้างลิงก์รูปภาพเล็กไปรูปภาพใหญ่ ด้วยเครื่องมือ Text Editor
สร้างรูปภาพเคลื่อนไหวแบบ Marquee
เทคนิคการสร้างลิงค์ ในหน้าเดียวกันด้วยคำสั่ง Anchor
เทคนิคการสร้างลิงก์เมนูและรูปภาพแบนเนอร์ ในพื้นที่ด้านล่างของเว็บไซต์
วิธีใส่คีย์เวิร์ดในเว็บไซต์เพื่อให้ Google จัดเว็บไซต์ในอันดับที่ดี
วิธีติดตั้ง Facebook Page Plugin (Like Box) ในเว็บไซต์
วิธีแสดงผลเครื่องเล่น VDO บนหน้าเว็บไซต์
5 องค์ประกอบของเว็บไซต์ที่ดี
5 สิ่งที่ต้องมี บนโฮมเพจเว็บไซต์
แนะนำโปรแกรมตกแต่งและใส่กรอบรูปภาพฟรี! ใช้ง่าย นำไปแต่งเว็บให้โดดเด่นได้เลย
ใช้ระบบ Chat บนหน้าเว็บไซต์ ช่วยถามตอบทุกข้อสงสัย พร้อมเพิ่มโอกาสปิดการขายได้มากกว่า
โชว์เส้นทาง สร้างแผนที่บนเว็บไซต์ง่ายๆ ใช้ Google Map
Google Verification (วิธียืนยันการเป็นเจ้าของเว็บไซต์กับทาง Google)
วิธีการสร้างและยืนยัน Sitemap ของเว็บไซต์กับ Google
วิธีติดตั้งโค้ด Google Analytics
วิธีติดตั้งเครืองมือแปลภาษา Google Translate บนหน้าเว็บไซต์
ไขข้อข้องใจ "การทำเว็บไซต์ภาษาที่สอง"
สร้างฐานลูกค้าออนไลน์อย่างง่ายแต่มั่นคง ด้วยระบบสมาชิก
เทคนิคสร้างลิงค์และปุ่มโทรบนเว็บไซต์ เพื่อการติดต่อที่ง่าย แค่คลิก แล้วโทร
วิธีเพิ่มลิงก์ Add LINE และปุ่ม LINE it! บนหน้าเว็บไซต์ ช่วยผู้ชมแชทง่าย แชร์ข้อมูลได้สะดวก