บทความนี้จะมาสอนสร้างกล่องถูกใจหน้าแฟนเพจของ 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 ได้เลยค่ะ