สร้างกล่องถูกใจ Facebook ลงในบล็อก

       บทความนี้จะมาสอนสร้างกล่องถูกใจหน้าแฟนเพจของ Facebook การสร้างกล่องถูกใจมีส่วนช่วยในการโปรโมทบล็อกได้ด้วยค่ะ เช่น เมื่อเราโพส URL บทความของเราลงไปก็จะช่วยให้ผู้อ่านตามหาเราได้ง่ายขึ้น และเมื่อมีการถูกใจก็จะแสดงในหน้าความเคลื่อนไหวของผู้ที่ถูกใจด้วยค่ะ แถมเรายังสามารถปรับแต่งกล่องถูกใจได้ด้วยนะค่ะ มาดูวิธีการสร้างกล่องถูกใจกันเลยดีกว่าค่ะ (ถ้ายังไม่มีหน้าแฟนเพจสามารถไปดูวิธีการสร้างง่ายๆได้จากบทความ Create Fan Page)

สร้างกล่องถูกใจ Facebook ลงในบล็อก

ไปที่หน้าแฟนเพจของคุณเลือก URL ทั้งหมด (ไม่ต้องไปสนใจกรอบสีแดงนะคะ)

ต่อมาให้คุณเข้าไปที่เว็บ https://developers.facebook.com/docs/plugins คลิกที่ Like Box ในกรอบที่ 1

1. นำ URL แฟนเพจที่ได้มาใส่ลงไป

2.ปรับขนาดความกว้างและความสูงของกล่องถูกใจ

3.โทนสีของกล่องถูกใจมีให้เลือกอยู่ 2 โทนสี light และ Dark

4.ต้องการให้แสดงรูปคนที่มาถูกใจหรือไม่ ถ้าต้องการติ๊กถูกไว้ถ้าไม่ต้องการก็ติ๊กออกค่ะ

5.สีของเส้นกรอบ เช่น #FFFFFF สามารถดูโค้ดสีได้ที่ โค้ดสี

6.ต้องการให้แสดงความเคลื่อนไหวในหน้าแฟนเพจหรือไม่ถ้าไม่ต้องการก็ไม่ต้องติ๊กถูกค่ะ

7.แสดงส่วนหัว ถ้าไม่ต้องการก็ไม่ต้องติ๊กถูกค่ะ

8.เมื่อตั้งค่าส่วนต่างๆเสร็จเรียบร้อยแล้วคลิก Get Code

9.เลือก IFRAME 

10.คัดลอกโค้ดในกรอบมาค่ะ

11.เมื่อเลือกโค้ดทั้งหมดมาแล้วคลิกที่ ตกลง

จากนั้นให้นำโค้ดที่ได้มาใส่ใน Gadget HTML/จาวาสคริปต์ วิธีการใส่โค้ดในบล็อก

ตัวอย่างกล่องถูกใจ