Latest News

วันอังคารที่ 8 พฤษภาคม พ.ศ. 2555

สร้างกล่องถูกใจ Facebook ลงในบล็อก


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

จากนั้นให้นำโค้ดที่ได้มาใส่ใน Gadget HTML/จาวาสคริปต์ วิธีการใส่โค้ดในบล็อก

ตัวอย่างกล่องถูกใจ


19 ความคิดเห็น:

  1. ทำตามทุกขั้นตอนแล้ว พอกด ดูบลอค มันเป็นสีขาวๆๆๆ
    ช่วยทีคับ

    rpn

    ตอบลบ
  2. คุณใส่ URL เพจใช่ไหมคะ
    แล้วมันได้แสดงตัวอย่างกล่องถูกใจรึเปล่าคะ

    ตอบลบ
  3. กดเปลี่ยนรูปแบบที่แสดง ด้านขวา ตรงที่เราใส่ URL เพจเรานะคัฟ

    ตอบลบ
  4. เราลงไลค์บล็อคในของเด็กดีไม่ได้เลยอ่า ลงแล้วมันๆม่ขึ้น T^T

    ตอบลบ
  5. มันเป็นแบบไหนคะ

    ตอบลบ
  6. พอ เอาลงแล้ว มันไม่ขึ้นอะไรเลยน่ะค่ะ


    (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 ของเด็กดีแล้วมันไม่ขึ้นเลยค่ะ

    ตอบลบ
  7. เมื่อคลิก Get Code ก็จะมีหน้าต่างโค้ดปรากฏขึ้นมา คุณก็คลิกรับโค้ดแบบ IFRAME ค่ะ

    ตอบลบ
  8. ขอบคุณค้า

    ตอบลบ
  9. ด้วยความยินดีค่ะ :)

    ตอบลบ
  10. พี่ค่ะสร้างถูกใจจะต้องเสียเงินป่าว

    ตอบลบ
  11. ยังไงหรอคะ?

    ตอบลบ
  12. คลิกที่ IFRAME หรือยังคะ

    ตอบลบ
  13. เลือก get code แบบ Iframe แล้ว ไม่เห็นบล็อกเลย มีแต่ code ที่ก็อบมาวาง ช่วยด้วยค่ะ

    ตอบลบ
    คำตอบ
    1. ตอนวางใน Gadget คลิกเลือก html หรือยังคะ

      ลบ
  14. ทำไมของผมพอคลิก get code แล้วมันขึ้นมาให้เลือกแค่สองแบบครับ ไม่เห็นมีให้เลือก iframe เลยครับ
    ที่นี้พอเอาไปวางในhtml java script มันไม่ขึ้นอะไรเลยครับ ทำงัยดีครับ ช่วยแนะนำหน่อยครับ ขอบคุณครับ

    ตอบลบ
    คำตอบ
    1. จะมีโค้ด 2 ช่องให้เราใช่ไหมค่ะ ( ช่องบน และ ช่องล่าง )
      คัดลอกทั้ง 2 ช่องมาใส่ใน Gadget HTML ได้เลยค่ะ

      ลบ

หากบทความเกิดความผิดพลาดประการใดต้องขออภัยและช่วยชี้แนะด้วยนะคะ ^^

AnasThailand

Add us on Google+