โพสต์9 ต.ค. 2558 11:59โดยโสภณัส แซ่ฝ้า [ อัปเดต 9 ต.ค. 2558 11:59 ]
สวัสดีครับทุกท่าน วันนี้เป็นบทความที่สอนง่ายๆ ไม่ยุ่งยากมากนักเกี่ยวกับการใส่ Favicon บน Google Site ของเรา หรือ icon ที่หน้าแท็บชื่อเว็บของเรา บางคนอาจจะงง ว่า Favicon เนี้ยมันอยู่ยังไง ไปดูรูปกันเลยค่าบ
สิ่งที่จะต้องเตรียม
|
สิ่งที่จะต้องเตรียม
1.รูปภาพสำหรับทำเป็น icon ของเรา (ขนาดไม่ใหญ่เกินไป)
หากใหญ่เกินไปให้นำไปย่อในโปรแกรม Photoshop ก่อน ทำไมต้องย่อ? เพราะเนื่องจากรูปภาพที่เรานำมาใช้นั้นเราจะต้องเอาไปแปลงเป็นรูปภาพขนาด icon อีกครั้งหนึ่งสำหรับใส่บน Google Site ของเรา เพราะฉะนั้นรูปภาพไม่ต้องมีขนาดใหญ่ก็ได้ครับ ส่วนใครที่มีเวลาว่างก็สามารถนั่งออกแบบ icon ของตัวเองเป็นเอกลักษณ์ส่วนตัว โดยใช้โปรแกรม Photoshop หรือโปรแกรมอื่นๆ ตามสะดวกก็ได้ค่าบ
2.เข้าสู่ระบบ Google Site ของเราตั้งไว้เลย
มาเริ่มทำกันเล้ยย
2.เมื่อเข้าไปยังเว็บไซต์ด้านบนเป็นที่เรียบร้อยแล้ว ต่อไปเราจะทำการอัพโหลดรูปภาพที่เราเตรียมไว้ทำ favicon กันค่าบ โดยขั้นตอนนี้ให้เรามองหาปุ่ม "เลือกไฟล์" และทำการกดเลยครับ จากนั้นก็ไปเลือกรูปภาพที่เราต้องการจะนำมาทำ favicon เมื่อเลือกเสร็จแล้วก็กดปุ่ม Open ให้เรียบร้อยนะครับ จากนั้นก็กดปุ่ม Create Favicon อีกครั้งนึง แล้วก็รอให้เว็บไซต์ทำการแปลงรูปภาพอันน่ารักของเราเป็น favicon ครับ
3.เมื่อเว็บไซต์แปลงรูปภาพของเราเป็น icon เสร็จเรียบร้อยแล้ว ให้เรามองหาคำว่า "Download the generated favicon" หากใครมองหาไม่เจอ ดูรูปด้านล่างได้เลยครับ มองอย่างเดียวไม่พอ อย่าลืมกดด้วยล่ะ ^-^
4.หลักจากกดแล้วเว็บไซต์จะส่งไฟล์ลงมาที่เครื่องเราไฟล์หนึ่งครับ เป็นไฟล์นามสกุล .rar รอจนดาวน์โหลดให้เสร็จสิ้นคร๊าบบ
5.เมื่อโหลดเสร็จแล้วให้เราไปยังโฟลเดอร์ดาวน์โหลดไฟล์ของเราเลย มองหาไฟล์ที่เราพึ่งดาวน์โหลดมาเมื่อซักครู่ (อาจจะหายากหน่อยนะครับ เพราะชื่อไฟล์มันเป็นภาษาอังกฤษ ผสมกับตัวเลย และไม่มีความหมายด้วย ป๊าาดด)
6.ทำการแตกไฟล์ด้วยโปรแกรม winrar หรือ โปรแกรมที่ท่านมีในเครื่องและสามารถแตกไฟล์ได้ สำหรับขึ้นตอนการแตกไฟล์ก็ไม่ยุ่งยากครับ ให้เราไปคลิกที่ไฟล์ที่เราพึ่งดาวน์โหลดมา คลิกธรรมดานะครับ ไม่ดับเบิ้ลคลิก จากนั้นคลิกขวาเลือก "Extract files.." จากนั้นกด "OK" อีกครั้งหนึ่งค่าบ สำหรับใครที่ไม่มีโปรแกรม winrar ดาวน์โหลดได้ที่นี่ค่าบ คลิก
7.เมื่อแตกไฟล์เสร็จเป็นที่เรียบร้อยแล้วเราก็จะได้โฟลเดอร์ที่มีชื่อเหมือนกับไฟล์นามสกุล .zip ที่เราพึ่งจัดการแตกไฟล์มาครับให้เราเข้าไปในโฟลเดอร์นั้นเลย หลังจากเข้ามาในโฟลเดอร์นั้นแล้วให้เรามองหาไฟล์ที่มีชื่อว่า "favicon" ให้มองทำไมนะเหรอ มองเพื่อให้ทุกท่านจำไว้ครับ เพราะอีกสักครู่ไฟล์ที่ชื่อ "favicon" ตัวนี้แหละจะไปเป็น icon หรือ favicon เว็บไซต์ของเรา
8.กลับมาที่ Google Site ของเรา มองในส่วนของด้านบน ขวามือครับ ให้เราเลือกปุ่มที่เป็นรูปเฟืองจากนั้นกดเลยครับ และเลือกในส่วนของ "จัดการไซต์" ครับ
9.เมื่อเข้ามาในส่วนของ "จัดการไซต์" เป็นที่เรียบร้อยแล้วให้เรามองหาคำว่า "ไฟล์แนบ" หรือถ้าของใครเป็นภาษาปะกิด เอ้ยย อังกฤษ ก็เลือกที่คำว่า "Attachments" ค่าบ ซึ่งจะอยู่ส่วนซ้ายมือของเว็บครับ
10.เมื่อเข้ามายังในส่วนของ "ไฟล์แนบ" แล้วให้เรากดปุ่ม อัพโหลด หรือ ภาษาอังกฤษก็ปุ่ม "Upload" นั่นแหละค่าบจากนั้นไปเลือกไฟล์ที่ชื่อ "favicon" ทีผมได้ให้ทุกท่านจำชื่อไว้ตั้งแต่ตอนต้นนั้นแหละค่าบ เมื่ออัพโหลดเสร็จเรียบร้อยแล้วให้ลองกดปุ่ม ctrl+f5 ดูครับ (กดปุ่ม ctrl ค้างไว้ อย่าพึ่งปล่อย แล้วกดปุ่ม f5 ตามครับ) เมื่อกดแล้วให้ลองสังเกตที่แทบชื่อเว็บของเราดูค่าบ เราก็จะได้ favicon สมใจอยากแล้วละ เฮืออกก
ใครที่ทำไม่ได้
1.หากเราเลือกรูปเพื่อแปลงเป็น favicon ไม่ได้อาจจะเพราะไฟล์มีขนาดใหญ่เกินไป กลับไปลดขนาดของไฟล์ลงก่อนนะค่าบ
2.หากใครทำตามทุกอย่างจนเสร็จแล้ว favicon ไม่ขึ้น อาจจะเป็นปัญหาที่ browser ของท่านไม่รองรับ หรือมีปัญหา ลองเปลี่ยน browser มาใช้เป็นของ google chome ดูครับ แล้วท่านจะใช้บริการเว็บไซต์ในเครือของ Google ได้สะดวกขึ้น
ข้อมูลจาก
https://sites.google.com/site/maxjackmin/khlang-bthkhwam/favicon-googlesite
