การสร้างเว็บไซต์ด้วยบล็อกเกอร์: 16.การใส่ LikeBox

วิธีสร้าง Like Box ติดหน้าเว็บไซต์ ในส่วนของบล็อกเกอร์

วันนี้นักเรียนจะมาเรียนรู้วิธีสร้าง Like Box ติดหน้าเว็บไซต์กัน เพราะตอนนี้ทุกเว็บมี Like box ติดหน้าเว็บไซต์กันมาก เพื่อบ่งบอกถึงคุณภาพของเว็บว่ามีคนนิยมชื่นชอบเพ็จของนักเรียนเท่าไร เรามาเริ่มกันเลย

สำหรับผู้ที่มี Fan page แล้ว ให้ทำตามขั้นตอนด้านล่างได้เลย แต่ถ้ายังไม่มีให้ทำการสมัครFan page ก่อน ที่ https://www.facebook.com/pages/pages/เรียนเว็บไซต์-ด้วย-Blogger/425956640892371

1.ทำการ Copy URL ของ Fan page เก็บไว้

2. ให้นักเรียน เข้ามาหน้าของ developers.facebook.com/docs/plugins/ เพื่อจะมาสร้าง Likebox ที่จะเอาไปใช้ใน เว็บไซต์

URL to Like คือ ช่องใส่ URL เพจที่นักเรียนต้องการสร้าง Likebox

Width คือ กำหนดความกว้าง

Layout คือ รูปแบบที่จะให้แสดง

Action Type คือ แสดงข่าวสารบนหน้าเพจ หรือไม่

Show Friends' Faces คือ ให้แสดงหน้าสมาชิกที่ไลค์ หรือไม่

Include Share Button คือ แสดงปุ่ม แชร์ เพจ

เมื่อนักเรียนตั้งค่าเสร็จเรียบร้อย ให้ คลิ๊ก “GetCode”

3.เมื่อนักเรียน คลิ๊ก “GetCode” ก็จะปรากฏหน้าต่าง Code ดังภาพตัวอย่างทางด้านล่าง

4.เมื่อนักเรียนคัดลอก Code มาแล้ว ให้นักเรียนนำมาใส่ในส่วนของบล็อก ตามตัวอย่างภาพ ให้นักเรียนเลือกที่ “รูปแบบ” จากนั้น เลือก “เพิ่ม Gedgat”

5.ต่อให้นักเรียนเลือกเพิ่ม Gadget เป็นแบบ HTML/จาวาสคริปล์

6.จากนั้นให้นักเรียน ตั้งชื่อ Gadget ที่นักเรียนต้องการ จากนั้นก็ วาง Code ที่นักเรียนคัดลอกมา วางในส่วนของ “เนื้อหา” ตามตัวอย่างภาพด้านล่าง วางเสร็จแล้วก็ คลิ๊ก “บันทึก”