แนะนำการทำเว็บสำเร็จรูป - ตกแต่งเว็บไซต์ด้วยโค้ดนาฬิกาและปฏิทิน

สำหรับสมาชิก ReadyPlanet ที่ต้องการเพิ่มลูกเล่นบนหน้าเว็บไซต์สำเร็จรูป เพื่อทำให้เว็บไซต์ของท่านดูน่าสนใจและสวยงามยิ่งขึ้น คอลัมน์ ReadyPlanet HowTo วันนี้ มีเทคนิคในการตกแต่งเว็บไซต์ด้วยโค้ดนาฬิกาและปฏิทินในพื้นที่แบนเนอร์ด้านข้างมาแนะนำค่ะ โดยมีขั้นตอนการทำที่ไม่ยาก มาติดตามกันเลยค่ะ

1. ท่านสามารถค้นหา โค้ดนาฬิกา และ โค้ดปฏิทิน ที่ www.google.com โดยพิมพ์คำค้นหา เช่น "โค้ดนาฬิกา" หรือ "Code นาฬิกา" เป็นต้น จากนั้นเลือกรูปแบบที่ต้องการเว็บไซต์ที่ให้บริการโค้ดนาฬิกาและโค้ดปฏิทิน และ Copy Code HTML ที่ปรากฎ ซึ่งส่วนใหญ่จะมีโค้ด HTML อยู่ด้านข้างหรือใต้รูปแบบนาฬิกาและปฏิทินที่แสดงผลเป็นตัวอย่าง

2. วิธีการแสดงผลโค้ดนาฬิกาและโค้ดปฏิทินในระบบเว็บไซต์สำเร็จรูป ReadyPlanet เบื้องต้นให้ Log in เข้าส่วนสมาชิก ที่เมนู "จัดการเว็บไซต์" คลิกเลือก "พื้นที่แบนเนอร์"

3. เข้าสูหน้าจัดการพื้นที่แบนเนอร์ คลิก (เพิ่ม)

4. เข้าสู่หน้าเพิ่มแบนเนอร์ใหม่

- คลิก เลือกรูปแบบของแบนเนอร์ เป็น ใช้ HTML Code
- วาง โค้ดนาฬิกาหรือโค้ดปฏิทินที่ Copy มาลงในช่อง HTML Code
- คลิก ตกลง

ตัวอย่างการแสดงผลปฏิทินและนาฬิกาบนหน้าเว็บไซต์

ข้อแนะนำเพิ่มเติม :

- ขนาดความกว้าง (Width) ของการแสดงผลปฏิทินและนาฬิกา ไม่ควรกว้างเกิน  200 Pixels หากความกว้างเกินกว่านี้ จะทำให้หน้าเว็บไซต์ขยายกว้างและการแสดงผลเพี้ยนไป ทำให้เว็บไซต์ไม่สมส่วนได้ค่ะ

- สามารถนำโค้ดไปตกแต่งในส่วนอื่น ๆ ของเว็บไซต์ได้ เช่น รายละเอียดบทนำ เนื้อหาของบทความ เนื้อหาของเมนูหลักหรือเมนูย่อย เป็นต้น โดยก่อนวางโค้ดนาฬิกาหรือปฏิทิน ให้คลิกเครื่องมือ (Source) 1 ครั้ง จากนั้นทำการวางโค้ดและคลิกบันทึก ก็จะแสดงผลนาฬิกาหรือปฏิทินในส่วนนั้นๆได้ค่ะ

     อย่างไรก็ตาม ReadyPlanet ไม่แนะนำให้นำ code จากเว็บไซต์ต่าง ๆ ที่เสถียรภาพของเว็บไซต์ไม่ดี หรือมี server อยู่ต่างประเทศ เนื่องจากการเปิดหน้าเว็บไซต์ของท่่าน จะขึ้นกับความเร็ว และเสถียรภาพของระบบของเว็บไซต์ที่ท่านนำ code มาติดตั้งด้วย เช่น หาก server ของ code ที่นำมาติดล่ม หรือโหลดช้า จะทำให้เว็บของท่านเปิดไม่ได้หรือโหลดช้าด้วย
หากพบปัญหาเกิดขึ้น วิธีการแก้ไขคือ เข้าไปลบ code ต่าง ๆ เหล่่านี้ออก เว็บไซต์ของท่านก็จะทำงานได้ตามปกติ

     แม้ว่าทางทีมงาน ReadyPlanet จะไม่สามารถ Support โปรแกรมตกแต่งเว็บไซต์อื่น ๆ หรือโปรแกรมตกแต่งรูปภาพต่าง ๆ ให้ท่านได้โดยตรง แต่ท่านสามารถดูรายละเอียด เทคนิคการตกแต่งเว็บไซต์เพิ่มเติมได้ที่ ReadyPlanet HowTo ค่ะ