การเพิ่มกล่อง Facebook “Like box” ไปยัง website ของเรา – 1/2

คงดีไม่น้อย …หากนำ กล่อง “Like box” จาก Face book มาติดในเว็บของเราได้ จะทำใด้อย่างไรนั้นมาดูกันครับ

กล่อง “Like Box” มีหน้าตาและตำแหน่งดังในภาพ

เพื่อให้ผู้ชมสามารถ “กด like” ไปยังแฟนเพจของเราได้ แม้ไม่ต้องออกจากหน้าเว็บของเราครับ

fb-like box_0000

 

สิ่งที่ต้องเตรียม 2 อย่าง คือ

 

[ ] Url สำหรับ Facebook Fan page ของคุณ

ตัวอย่างของผมนที่นี้ คือ = https://www.facebook.com/pages/Motiveblogcom/208795992533447?fref=ts

[ ] มี Site [Web site / Blog ] ของคุณเอง (ในที่นี้ขอแบบเฉพาะที่สร้างจาก WordPress)

โดยมีขั้นตอน ดังต่อไปนี้ครับ ;

01. เข้าไปที่หน้า >>> https://developers.facebook.com/docs/plugins/like-box-for-pages หน้าที่แสดง จะเป็นดังภาพ

fb-like box_01

02. ปรับแต่งหน้าตา “Like Box” ตามต้องการ โดยติกเลือก จากใน 4 ช่องนี้

03. ดูผลที่จะได้ จากการทำในข้อ 02 ตามด้านล่างนี้

04. ให้ลบ Url ของ Facebook Fabpage ตัวอย่างที่ให้มา…ออกไปก่อน

05. นำ Url ของ Facebook Fabpage ของเรา …มาใส่ไว้แทน

fb-like box_05

06. การแสดงผลที่ได้จะเปลี่ยนไป เป็นดังรูปนี้

fb-like box_07

07. คลิก “Get code”

08. คลิกเลื่อกแท็บที่ชื่อ “IFRAME”

fb-like box_08

09. Copy ข้อความ[ในแถบสีน้ำเงิน]ส่วนนี้ไว้ อาจเก็บไว้ใน Text file หรือ Ms word ชั่วคราวก่อน

 

ขั้นตอนในส่วนที่เหลือ ให้คลิกตามลิงค์นี้ครับcolorchangearrowdown

>>>>>>>>>>>>>>>>>> คลิก >>>  การเพิ่ม “Like box” – 2/2

 

ขอบคุณสำหรับการติดตามครับ
วัชรพงษ์ ทวีสุข
Blogger | Author | IM
Blog: www.MotiveBLOG.com/index
FB FanPage: www.facebook.com/MotiveBLOG