หน้าแรก

 Help1

แจ้งข้อแนะนำ

นำ Google Calendar มาติดอยู่บน Website

Google Calendar เป็นบริการของ Google ที่ถูกนำไปใช้อย่างแพร่หลาย สำหรับใช้ในการจดบันทึก แจ้งเตือนนัดหมาย สามารถนำปฏิทินที่ผู้ใช้ต้องการมา Share กิจกรรม หรือ เหตุการณ์สำคัญที่เกิดขึ้นได้ เพื่อเป็นการแบ่งปัน หรือเพื่อวัตถุประสงค์ต่างๆ ของผู้สร้างไซต์นั่นเอง


วิธีการนำ Google Calendar มาติดอยู่บน Website

ลำดับแรก : สร้าง code Calendar


1. Login เข้าบัญชี Gmail ของคุณ

2. จากนั้น สังเกตุ บริเวณมุมบนขวา ด้านหลังปุ่ม Search ให้คลิ๊กที่ (ดังเลข1)

3 แท็บไอคอนที่แสดงขึ้นมา

  • คลิ๊กที่ ไอคอน Calendar (เลข2)

Gmail บางท่านเมนูอาจเป็น ภาษาไทยหรืออังกฤษ ซึ่งไม่เหมือนกับในคู่มือ ไม่ต้องกังวล เพราะ ตำแหน่งเมนูจะเหมือนกัน

4. เลือกปฏิทินที่ต้องการนำไปติดที่ Website

  • กดที่ลูกศรลง (ดังตำแหน่ง เลข3)

5. และคลิ๊กที่ "แชร์ปฏิธินนี้" หรือ Share this Calendar (ดังตำแหน่ง เลข4)

6. กำหนดเข้าถึงปฏิธินนี้ และการแสดง (ดังตำแหน่ง เลข5)

7.  (ดังตำแหน่ง เลข6)

8. คลิ๊กที่เมนู "รายละเอียดปฏฺิธิน" หรือ Calendar Details (ดังตำแหน่ง เลข7)

9. จากนั้นเลื่อนลงมาด้านล่าง จนเห็นดังภาพ Embed This Calendar สังเกตุจะมี source code

  • แล้วคลิ๊กที่ "ปรับแต่งสี ขนาด และตัวเลือกอื่นๆ (ดังตำแหน่ง เลข8)  ไม่ควรนำ code ในกรอบไปใส่ทันที เพราะแสดงผลค่อนข้างใหญ่

10. ตั้งค่าปฏิธิน เช่น ชื่อปฏิธิน, ส่วนที่จะแสดง, ขนาดปฏิธิน, และอื่นๆ (ดังตำแหน่ง เลข9)

11. เมื่อตั้งค่าเรียบร้อยแล้ว ให้  (ดังตำแหน่ง เลข10)

12. หากดูตัวอย่าง ปฏิธิน ด้านล่างแล้วเรียบร้อยดี

  • จึง copy html code ทั้งหมดในช่องด้านบน (ดังตำแหน่ง เลข11)

 


ลำดับสอง : นำ code มาใส่ใน website


1. เข้าไปยังหน้าแก้ไข ที่ต้องการจะแสดงแสดงปฏิธิน

2. คลิ๊กเมาส์ ไปยังตำแหน่งที่จะแสดงปฏิธิน (ดังตำแหน่ง เลข12)

3. พอ mouse pointer กระพริบ จึงคลิ๊กที่ไอคอนเพิ่ม/แก้ไข Script  (ดังตำแหน่ง เลข13)

4. หน้าต่าง "เพิ่ม/แก้ไข Script"

  • วาง code calendar ที่ copy มา ลงไป

5. เสร็จแล้ว

6. เมื่อกลับมายังหน้าแก้ไข จะพบกรอบ iFrame calendar ดังภาพ

7. เรียบร้อยแล้วทำการ 

แล้วดูผลการพัฒนาจากหน้าเว็บไซต์

 
 

เมนูที่เกี่ยวข้อง


คู่มือการใช้งาน

คู่มือโปรแกรมสำเร็จรูป
วิธีสร้างระบบสมาชิก
ฟอร์มสำเร็จรูป

 

ของแต่งเว็บไซต์

บทความทั่วไป

การโปรโมทเว็บไซต์

ทริปแนะนำ

THTWEB MANUAL คู่มือการใช้งานเว็บไซต์