บทความนี้จะมาสอนสร้างกล่องถูกใจหน้าแฟนเพจของ 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.เมื่อเลือกโค้ดทั้งหมดมาแล้วคลิกที่ ตกลง
ตัวอย่างกล่องถูกใจ
ทำตามทุกขั้นตอนแล้ว พอกด ดูบลอค มันเป็นสีขาวๆๆๆ
ตอบกลับลบช่วยทีคับ
rpn
คุณใส่ URL เพจใช่ไหมคะ
ตอบกลับลบแล้วมันได้แสดงตัวอย่างกล่องถูกใจรึเปล่าคะ
กดเปลี่ยนรูปแบบที่แสดง ด้านขวา ตรงที่เราใส่ URL เพจเรานะคัฟ
ตอบกลับลบเราลงไลค์บล็อคในของเด็กดีไม่ได้เลยอ่า ลงแล้วมันๆม่ขึ้น T^T
ตอบกลับลบมันเป็นแบบไหนคะ
ตอบกลับลบพอ เอาลงแล้ว มันไม่ขึ้นอะไรเลยน่ะค่ะ
ตอบกลับลบ(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/th_TH/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
เอาแบบนี้ลงไปใน HTML ของเด็กดีแล้วมันไม่ขึ้นเลยค่ะ
เมื่อคลิก Get Code ก็จะมีหน้าต่างโค้ดปรากฏขึ้นมา คุณก็คลิกรับโค้ดแบบ IFRAME ค่ะ
ตอบกลับลบขอบคุณค้า
ตอบกลับลบด้วยความยินดีค่ะ :)
ตอบกลับลบพี่ค่ะสร้างถูกใจจะต้องเสียเงินป่าว
ตอบกลับลบไม่เสียค่ะ
ตอบกลับลบยังไงหรอคะ?
ตอบกลับลบคลิกที่ IFRAME หรือยังคะ
ตอบกลับลบเลือก get code แบบ Iframe แล้ว ไม่เห็นบล็อกเลย มีแต่ code ที่ก็อบมาวาง ช่วยด้วยค่ะ
ตอบกลับลบตอนวางใน Gadget คลิกเลือก html หรือยังคะ
ลบขอบคุณครับ
ตอบกลับลบยินดีค่ะ
ลบทำไมของผมพอคลิก get code แล้วมันขึ้นมาให้เลือกแค่สองแบบครับ ไม่เห็นมีให้เลือก iframe เลยครับ
ตอบกลับลบที่นี้พอเอาไปวางในhtml java script มันไม่ขึ้นอะไรเลยครับ ทำงัยดีครับ ช่วยแนะนำหน่อยครับ ขอบคุณครับ
จะมีโค้ด 2 ช่องให้เราใช่ไหมค่ะ ( ช่องบน และ ช่องล่าง )
ลบคัดลอกทั้ง 2 ช่องมาใส่ใน Gadget HTML ได้เลยค่ะ