code ปฏิทิน HTML ด้วย Google calendar

code ปฏิทิน HTML ด้วย Google calendar บทความนี้สอนวิธีแสดงปฏิทินบนหน้าเว็บไซต์ด้วยบริการของ Google calendar ผ่านแท็ก iframe พร้อมแสดงผลลัพธ์ออกสู่หน้าจอ มีลำดับขั้นตอนดังนี้

ตัวอย่าง code ปฏิทิน HTML ด้วย Google calendar

1. เข้าเว็บไซต์ Google calendar ด้านล่าง และล็อกอินเข้าสู่ระบบให้เรียบร้อย

https://calendar.google.com/

2. คลิก icon เมนูการตั้งค่า บนขวาเลือกเมนูการตั้งค่า

3. คลิกชื่อปฏิทิน ที่อยู่ในหัวข้อ การตั้งค่าปฏิทินของฉัน จากนั้นเลื่อนลงมาตรงหัวข้อ ใช้งานร่วมกับปฏิทิน จากนั้น copy โค้ดสำหรับฝังที่เป็นแท็ก iframe และนำโค้ดดังกล่าวไปวางไว้ในเว็บไซต์ตรงตำแหน่งที่ต้องการติดตั้ง ปฏิทิน

<iframe src="https://calendar.google.com/calendar/embed?src=devdit.com&ctz=Asia%2FBangkok" style="border: 0" width="800" height="600" frameborder="0" scrolling="no"></iframe>