Page 87 - การโปรแกรมเว็บ
P. 87
เอพไี อบนเว็บ 12-75
ภาพที่ 12.61 แสดงเนอื้ หาวิธกี ารนำ� ปมุ่ ของเฟซบุก๊ ไปใช้งาน จากนัน้ เลอื่ นลงมาสู่หวั ข้อปลกั๊ อนิ ที่
ทางเฟซบุ๊กเตรียมไว้ให้ (Plugin Configurator) ดังภาพที่ 12.62 สามารถท�ำการเลือกขนาดของปุ่ม
ข้อความทต่ี ้องการให้แสดงบนปุ่ม พรอ้ มแสดงตัวอย่างจากคา่ ที่ไดท้ ำ� การเลอื ก
ภาพท่ี 12.62 หัวข้อปลั๊กอินท่ีทางเฟซบุ๊กเตรียมไว้ให้
ภาพที่ 12.62 แสดงหวั ขอ้ ปลกั๊ อนิ ทท่ี างเฟซบกุ๊ เตรยี มไวใ้ ห้ โดยทำ� การระบขุ นาดของปมุ่ เปน็ ขนาด
ใหญ่ (large) เลอื กขอ้ ความบนปุม่ เป็นลอ็ กอินเข้าสูร่ ะบบดว้ ย (login_with) คลกิ ถูกท่ชี ่องแสดงป่มุ ออก
จากระบบ (Enable Logout Button) เพื่อใหแ้ สดงปุ่มออกจากระบบในหนา้ เพจเม่ือทำ� การล็อกอินสำ� เร็จ
แลว้ และคลกิ ถกู ทช่ี อ่ งแสดงชอ่ื และรปู ภาพ (Include name and profile picture when user is signed
into Facebook) เพอื่ ใหแ้ สดงรปู ภาพโปรไฟลแ์ ละชอ่ื พรอ้ มกบั ปมุ่ ลอ็ กอนิ เมอื่ ทำ� การกำ� หนดคา่ ทตี่ อ้ งการ
เรยี บร้อยแล้วใหค้ ลกิ ปุ่ม Get Code เพ่อื เขา้ ถงึ โคด้ ทีต่ ้องน�ำไปใช้งานต่อ ดังภาพที่ 12.63
