Sunday, 2 August 2015

วิธีนำกล่อง like page มาติดบน blog

เย่! ในที่สุดก็สามารถแก้ไขปัญหาได้........^^
ล่าสุดดูเหมือนว่า ทาง facebook ได้ปรับเปลี่ยนอะไรบางอย่าง
นั้นคือการนำหน้ากล่อง like page มาวางบน blog หรือ website
เพื่อเป็นช่องทางให้คนที่ต้องการติดตาม page ได้ like page ของเรานั้นเอง

และเมื่อเร็วๆนี้ เราได้ลองแก้ไขจาก กล่อง like page แบบเดิม 
ให้เป็นแบบใหม่ ที่มีปุ่ม share แต่ก็ทำไม่ได้ซักที
คือพอวาง code ที่ได้มาจาก facebook แล้วไม่มีอะไรขึ้นที่หน้า blog เลย

ก็เลยทำการค้นหาวิธีการนานม๊าก กว่าจะพบว่าทำอย่างไร
ซึ่งมันง่ายนิดเดียว......แต่กระทบจิตใจมาก จนต้องมานั่งเขียน blog นี้หละ
เผื่อจะเป็นประโยชน์กับผู้อื่นที่เจอปัญหาเดียวกัน ^^

อันดับแรก ไปที่ลิงค์นี้ก่อนนะ page plugin
https://developers.facebook.com/docs/plugins/page-plugin

พอเข้ามาที่หน้านี้แล้ว จะพบว่า มีช่องให้เราตั้งค่า กล่อง like page ของเรา
page เราชื่อ BelltaStudio ต้องการความกว้างกล่อง 250px
ความสูง 400px ต้องการ โชว์เพื่อนที่ร่วม like page และต้องการโชว์ post
ต่างๆใน page พอตั้งค่าทั้งหมดที่เราต้องการแล้ว ก็จะมีตัวอย่างให้เราดูก่อน
และไปต่อที่ขั้นตอนถัดไป



พอตั้งค่าเสร็จ จากนั้นจะมีปุ่ม Get Code ให้เรากด ให้กดที่ปุ่มนั้น



เมื่อกดที่ปุ่ม Get Code แล้ว จะมี code ขึ้นมา 2 ช่อง
สิ่งสำคัญมันอยู่ตรงนี้นี่เอง.....คือเราต้องใช้ทั้ง 2 ช่องเลยคะ!



ก็คือนำ code ทั้ง 2 ช่องมาวางใน Gadget ตัวที่ใส่ code HTML/จาวาสคริปต์
ได้ บน blogspot และเราก็ copy code มาวางต่อกันตามภาพด้านบนได้เลย



แค่นี้ก็เป็นอันเสร็จเรียบร้อย.... เรามีกล่อง like page บนหน้า blog ของเราแล้ว


ต้องขอบคุณ pakamasblog มากๆเลย เพราะมี 1 comment ที่พบปัญหาเดียวกัน
http://www.pakamasblog.com/2012/05/create-like-box-with-facebook-into.html




ผู้เขียน blog
Bellta ^^
https://www.facebook.com/pennapa.shotlersuk

Facebook page BelltaStudio
https://www.facebook.com/belltastudio

LinkWithin

Related Posts with Thumbnails