Facebook Like Box on Google site


คงจะไม่มีใครไม่รู้จัก Facebook และในเว็บไซต์หลายๆเว็บก็จะมีที่ให้ผู้คนที่แวะเวียนเข้ามาได้คลิก Like เว็บไซต์ของตนเองด้วย วันนี้มีขั้นตอนการสร้าง Facebook like box ในเว็บไซต์ที่สร้างด้วย google site ซึ่งตัวผู้เขียนเองได้ค้นพบจากวิธีการทำในเว็บของต่างประเทศ (http://www.h3ather.com/adding-facebook-like-box-to-google-sites) โดยมีวิธีการทำได้ไม่ยากนัก (ทุกคนที่สร้างต้องมี fanpage ของ facebook และ site ของ google อยู่แล้ว)  โดยขั้นตอนในการสร้างมีดังนี้

1.ไปที่เว็บไซต์ https://developers.facebook.com/docs/reference/plugins/like-box/

2.copy url ของ fanpage ที่เราได้สร้างไว้ แล้ววางในช่อง Facebook Page URL  ดังตัวอย่าง

FB

 

 

 

 

 

 

 

 

3.จากนั้นคลิกปุ่ม Get Code เพื่อนำโค้ดไปติดไว้ในเว็บไซต์ จะได้ดังรูป

FB1

 

 

 

 

 

 

 

 

4.เปิดโปรแกรม NotePad  แล้วพิมพ์ข้อความตามด้านล่าง

<?xml version=”1.0″ encoding=”UTF-8″ ?>
<Module>
<ModulePrefs
scrolling=”true”
height=”385″
width=”250″
/>
<Content type=”html”>
<![CDATA[

………………….

…………………

(copy ตามข้อ 1 และ ข้อ 2 ดังรูปด้านล่าง)

]]>

</Content>
</Module>

ดังรูป

FB2

 

 

 

 

 

 

 

(ข้อ1 และข้อ 2  นำมาจาก code program ที่หลังจากคลิก get code แล้ว)

จากนั้นบันทึกไฟล์ NotePad   ชื่อ(เป็นภาษาอังกฤษ).xml

5.เมื่อเราได้ไฟล์    *.xml   แล้ว ทีนี้เราก็มาเปิดใช้งาน Facebook like box ใน google site ของเราได้เลย โดยเริ่มจาก

6.ไปที่ปุ่้ม “เพิ่มเติม”  แล้วเลือกไปที่ “จัดการไซต์”  แล้วไปที่ “ไฟล์แนบ” ดังรูป

FB4

 

 

 

 

 

 

 

7.จากนั้นคลิกที่ปุ่ม “อัพโหลด” แล้วเลือกไฟล์ที่ต้องการ เช่นดังรูปตัวอย่าง

FB5

 

 

 

 

 

8.เมื่ออัพโหลดเสร็จแล้ว คลิกขวา เลือก “คัดลอกที่ตั้งลิงค์”

9.จากนั้นคลิก “กลับสู่ไซต์”

10.จากนั้นคลิก “แก้ไขหน้าเว็บ”

FB3

 

 

 

 

11.จากนั้นไปที่ “แทรก” แล้วไปที่ “แกดเจ็ตเพิ่มเติม…”

FB6

 

 

 

 

 

 

 

 

 

 

 

 

 

 

12.จากนั้นคลิกเลือก “เพิ่ม Gadget โดยใช้ URL”  จากนั้น คลิกที่ช่อง ป้อน URL แล้วคลิก วาง (paste) แล้วคลิก “เพิ่ม” จะได้ดังรูป

FB8

 

 

 

 

 

 

 

 

 

13.คลิก “ตกลง” จะได้ดังรูป

FB9

 

 

 

 

 

 

 

 

 

 

 

14.คลิกปุ่ม “บันทึก”  แล้วก็จะได้ Facebook like bok  บนเว็บ google site แล้ว

FB10

Advertisements

6 thoughts on “Facebook Like Box on Google site

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s