SKNETCENTER

id line: Mr.Somkiat
อีเมล์ : 
info@sknetcenter.tht.in

 

MainMenu

สำหรับสมาชิก

สมาชิกล็อกอิน
รหัสผ่าน

ตัวอย่างลูกค้าที่ใช้บริการของเรา

ServiceMenu



Customer Support

สอบถามข้อมูลเพิ่มเติม แจ้งชำระเงิน เปิดเว็บไซต์ ต่ออายุเว็บ
อีเมล์ : info@sknetcenter.tht.in


ปรึกษาปัญหาเกี่ยวกับการใช้งานเว็บไซต์
โทร. 089-887-8972
จันทร์-ศุกร์ 09.00 - 16.00 น.
E-mail: service@support.tht.in
ตลอด 24 ชม.

ข้อมูลน่ารู้

Weblink

 

 สถิติวันนี้ 320 คน
 สถิติเมื่อวาน 567 คน
 สถิติเดือนนี้
สถิติปีนี้
สถิติทั้งหมด
6635 คน
48114 คน
1601539 คน
เริ่มเมื่อ 2007-11-01

 
ใส่ Facebook ในเว็บไซต์ แบบ Iframe


จากที่มีสมาชิก THTWEB สอบถามกันเข้ามา เรื่องจะให้ข้อมูลใน facebook หรือ twitter มันเชื่อมกับเว็บไซต์เราได้ยังไร เช่น ผมแจ้งข่าวใน facebook แล้วให้มันมาแสดงในหน้าเว็บเรา เป็นต้น ทางทีมงานเห็นว่า เพื่อความสะดวกกับสมาชิกท่านอื่นๆ ในการติดตั้ง Facebook หรือ Twitter ลงที่หน้าเว็บนั้น มีวิธีการลงอย่างไร มาดูครับ

โดยจะแบ่งออกเป็น 2 ขั้นตอน ด้วยกัน

  • ขั้นที่ 1 : สร้าง code ใน facebook หรือ twitter
  • ขั้นที่ 2 : นำ code ที่ได้จาก facebook หรือ twitter มาวางบนเว็บไซต์


ขั้นที่1 : เตรียมสร้าง code ใน Facebook developers ( แบบ IFRAME )


1. เปิดเว็บ facebook developers หรือคลิ๊กเมาส์ที่นี่ครับ http://developers.facebook.com/docs/plugins/ เพื่อเข้าไปสร้าง code

2. ในหน้าหลักของ facebook developers จะแบ่งออกเป็น 2 ส่วน

  • ด้านซ้าย (กรอบแดง) : Plugins
  • ด้านขวา : Social Plugins

ทั้ง 2 ส่วนนี้ เหมือนกันครับ คลิ๊กเลือก จากด้านไหนก็ได้ ตามหัวข้อที่ต้องการ

3. ตัวอย่างในภาพ เป็น Like Box

เลข 1

คุณสมบัติ

เลข 2

Facebook Page URL Url ของหน้า Facebook คุณ

ตัวอย่าง
การแสดงผล
หลังจากตั้งค่า

Width กำหนดความกว้าง
Height กำหนดความสูง
Color Scheme โทนสี มีให้เลือก สว่าง และ เข้ม
Show Faces ตัวเลือกแสดงภาพ face
Border Color สีกรอบ เช่น #000000 (สีดำ)
Stream จะแสดงการโพสล่าสุดจากหน้า wall หรือไม่
Header จะแสดงส่วนหัวของ Facebook ที่ด้านบนหรือไม่

Plugins แต่ละประเภท จะมีคุณสมบัติให้ตั้งค่า ใกล้เคียงกัน

4. เมื่อได้รูปแบบ ตามที่ต้องการแล้ว ให้คลิ๊กที่ปุ่ม

ตัวอย่าง Like Box

5. คลิ๊กเลือกประเภท code แบบ IFRAME (เลข4) (แสดงผลในหน้าแก้ไข และปรับแต่งง่าย)

6. จากนั้น copy code ที่อยู่ในกล่องให้หมด (เลข5)

7. เสร็จแล้วกดปุ่ม ออกมา เป็นอันเสร็จในขั้นที่ 1


ขั้นที่2 : นำ code จาก Facebook มาใส่ในเว็บไซต์


1. เข้าไปหน้าแก้ไข หรือจัดการ

  • หากอยู่ในระบบ webmaster และเปิดหน้าเว็บที่ต้องการจะใส่ Plugins ให้คลิ๊กที่ไอคอนแก้ไขหน้านี้ (บริเวณบนซ้าย ของส่วนเนื้อหาหน้านั้น)
  • หรือถ้าอยู่ในระบบการจัดการด้านใน ให้คลิ๊กที่ เมนูบาร์ 5. จัดการไฟล์5.1 ไฟล์เนื้อหา จากนั้นคลิ๊กที่ไอคอนedit detail หน้าไฟล์ที่ต้องการจะแก้ไข

2. กำหนดตำแหน่งที่จะแสดง Plugins โดยคลิ๊กเมาส์ที่จุดนั้น (เลข6)

  • หากไม่มีตำแหน่งที่เหมาะสม : ให้แทรกแถวใหม่ หรือจะเพิ่มตาราง ก็ได้เช่นกัน ตามแต่สะดวก

3. จากนั้นจึงไปคลิ๊กที่ ไอคอนเพิ่ม/แก้ไข Script (เลข7)

4. หลังเข้ามาในหน้า เพิ่ม/แก้ไข Script

  • คลิ๊กขวา + paste เพื่อวาง code ที่ copy มาจาก facebook ลงไป

5. เสร็จแล้ว คลิ๊กที่ปุ่ม ออกมา

6. กลับมายังหน้าแก้ไข

จะเห็นการแสดงผล ของ Plugins เลย

7. สุดท้ายถ้าไม่แก้ไขอะไร ก็กดปุ่ม เป็นอันเสร็จ

  
 


 
 

 

Term & conditions | Privacy Policy
THTWEB. Copyright @ 2007 by เว็บสำเร็จรูป All rights Reserved.
ทะเบียนพาณิชย์อิเล็กทรอนิกส์เลขที่ 3100602207596