เพิ่มกล่อง facebook comment ในเวบบล็อก

Written By Aucharaporn Theemcle on วันอาทิตย์ที่ 22 พฤษภาคม พ.ศ. 2554 | 01:50

หายหน้าไปนานอีกละ   ไม่ได้หายไปกับเสียงเปิดหรือระเบิดจากประเทศเขมรหรอกค่ะ  ยังแวะเวียนมาตอบ comment บ่อย ๆ เพียงแต่ไม่ได้เขียนบทความเท่านั้นเอง  เดือนที่แล้วแนะนำเพื่อน ๆ ติดปุ่ม facebook like ในเวบบล็อก  มาวันนี้ลองแนะนำ facebook comment หน่อยดีกว่า  เพราะเห็นว่าเดี๋ยวนี้คนไทยนิยม facebook เป็นอันดับต้น ๆ  ใคร ๆ ก็นิยม ใช้ facebook ในการติดต่อสื่อสารกับกลุ่มเพื่อน หรือธุรกิจ  เพราะฉะนั้นเมื่อเหล่าบรรดาสมาชิก facebook ผ่านเข้าเวบบล็อก ก็จะทำให้สะดวกในการเข้ามาแสดงความคิดเห็น  เปิดช่องทางการสื่อสารในชุมชนโลกออนไลน์ได้อีกวิธีหนึ่งค่ะ

ขั้นตอนแรก ให้เพื่อน ๆ เข้าไปสร้าง application ที่  Create an app - Facebook developers 

เพิ่มกล่อง facebook comment ในเวบบล็อก ใส่ชื่อบล็อก ใน site name   ใส่ site url  และ locate เปลี่ยนเป็นภาษาไทย ดังรูปด้านบน

ใส่กล่อง facebook comment ในเวบบล็อก

ต่อจากนั้นจะมีรหัสอักษรสุ่มให้เติม  เติมครบแล้วคลิ๊ก submit

 เติมกล่อง comment facebook ในบล็อก

เมื่อเสร็จแล้วจะมีค่า id ให้  เสร็จการสร้าง application แล้วค่ะ

ต่อจากนั้น ขั้นตอนที่ 2 ไปใช้บริการ facebook developer   เพื่อสร้างโค้ดไปวางในเวบบล็อกต่อไปค่ะ

facebook comment ใน เวบบล็อก

ในช่อง url to comment on ให้ใส่ url ของเวบบล็อกที่ต้องการติดกล่อง facebook comment

ในช่อง  Number of posts  อยากจะโชว์จำนวนการ comment เท่าใด

ในช่อง width  ใส่ความกว้างของกล่อง comment ค่ะ

color  scheme  ปรับแต่งการแสดงสีพื้นของกล่อง comment 

หากยังไม่ได้ล็อกอิน facebook คลิ๊กเลือก comment using แล้วเลือก facebook ก่อนนะคะ

facebook comment ใน เวบบล็อก

แล้วใน่ use name และ password ของ facebook เข้าใช้งาน comment 

facebook comment ใน เวบบล็อก

ขั้นตอนที่ 3  สร้าง โค้ด ด้วยการคลิ๊ก Get code 

 facebook comment ใน เวบบล็อก

จะปรากฏ code ดังรุปด้านบน  นำโค้ดดังกล่าวไปวางในเวบบล้อกของเราค่ะ

ขั้นตอนที่ 4 นำ โค้ดมาวางใน gadget html/javascript ตามตำแหน่งที่ต้องการวาง

facebook comment ใน เวบบล็อก

เลือกบันทึกผล  แล้วลองคลิ๊กดูการแสดงค่าค่ะ 

หากต้องการให้กล่อง facebook comment แสดงค่าแทนระบบ comment ของ blogger ให้เพื่อน ๆ

facebook comment ใน เวบบล็อก เข้าไปตั้งค่าการแสดงความคิดเห็นที่ เมนู > การตั้งค่า >ข้อคิดเห็น เลือก ซ่อน ความคิดเห็น  แค่นี้ก็เรียบร้อยแล้้วค่ะ    ลองเข้าไปดู ผลที่ facebook กันหน่อย

facebook comment ใน เวบบล็อก

ผลการแสดงความคิดเห็นจะไปปรากฏที่หน้า profile ของ facebook แล้วค่ะ

การเพิ่ม facebook comment ในเวบ

24 comments:

surachai กล่าวว่า...

ดีครับ ขอไปลองทำดูหน่อยนะครับ

Sun_pharma กล่าวว่า...

ไม่ได้อ่ะครับ คุณ MEESUBANDMEESUK

:)]

meesubandmeesuk กล่าวว่า...

คุณ Sun_pharma คะ ติดตรงไหนน๊อ บอกด้วยนะคะ ตอนที่ใส่ url ใน facebook delveloper ติดปัญหาหรือเปล่า ยังไงบอกด้วยนะคะ จะได้ทราบปัญหา เผื่อเพื่อน ๆ ท่านอื่นด้วยค่ะ

Sun_pharma กล่าวว่า...

พอใส่ โค๊ดไปที่ Html แล้วกด "บันทึก" แล้วมันนิ่งเลย - -"

meesubandmeesuk กล่าวว่า...

คุณ Sun_pharma คะดิฉันน่าจะพลาดที่นี่ค่ะ Create an app - Facebook developers เข้าไปสร้าง application ใส่ชื่อบล็อก ใส่ url แล้วเปลี่ยนสถานที่เป็นประเทศไทย จะมีตัวอักษรเป็นรหัสสุ่ม ให้เราป้อน หรือสร้างเสร็จจะมี id ให้ หลังจากนั้นให้คุณ Sun_pharma ไปที่ facebook developer แล้วสร้าง code นำไปวางในเวบบล็อกนะคะ :p ยังไงคงต้องรบกวนคุณ Sun_pharma ลองแก้ไขดู ที่ดิฉันไม่ได้เขียนขั้นตอนนี้เพราะเห็นว่าบางเวบบล็อกของตนไม่จำเป็นต้องสร้าง ลืมไปว่ามันอยู่ใน profile เดียวกัน

Bullfrog กล่าวว่า...

สวัสดีค่ะ รบกวนพี่ช่วยดูหน้าเวปให้หน่อยค่ะ http://alittlebeautifulbullfrog.blogspot.com/

ทางคอลัมด้านซ้ายมันห่างๆไม่ทราบว่าจะแก้ได้อย่างไรคะ

ขอบคุณค่ะ

meesubandmeesuk กล่าวว่า...

คุณ Bullfrog การปรับแต่งความกว้างของ template ลอง login เข้าบล็อกเกอร์ ไปที่ การออกแบบ>เครื่องมือออกแบบแม่แบบ>ปรับความกว้าง ลองดูนะคะ คิดว่า template ที่คุณใช้น่าจะปรับเปลี่ยนได้ หากใช้เครื่องมือนี้ไม่ได้ค่อยแก้ไข code เอานะคะ ยังไงลองดูก่อนนะ

A Little Beautiful Bullfrog กล่าวว่า...

ลองปรับดูแล้ว แต่ก็ยังแก้ไม่ได้อ่ะค่ะ ทำไงดีคะ

meesubandmeesuk กล่าวว่า...

คุณ A Little Beautiful Bulfrog คะ ทดลองใช้ firebug เป็นตัวช่วยในการแก้ไข code ดูนะคะ รายละเอียดจากบทความนี้ค่ะ ปรับแต่ง templates เวบบล็อก ด้วยการแก้ไข code html

A Little Beautiful Bullfrog กล่าวว่า...

ขอบคุณค่ะ

meesubandmeesuk กล่าวว่า...

คุณ A Little Beautiful Bullfrog ทดลองปรับแต่งดูนะคะ หากกล้วว่า template อันเดิมจะเพี้ยน ก็ใช้วิธีการดาวน์โหลดแม่แบบฉบับเต็มเก็บไว้ที่เครื่องเราก่อนค่ะ

StitchHero กล่าวว่า...

ขอบคุณจ้าไว้จะลองทำดู

Natar Nikarus กล่าวว่า...

คือ facebook เปลี่ยนไปครับ เข้าไปถึงงงครับ

Aucharaporn Theemcle กล่าวว่า...

เปลี่ยนไปไม่มากค่ะ ยังคงมีคำสั่งเดิมอยู่ ไป create new app ที่ http://developers.facebook.com/setup/ แล้วไปเอา code มาติดบล็อกที่ http://developers.facebook.com/docs/reference/plugins/comments/ ลองดูนะคะ

Richs Happy2pays กล่าวว่า...

ไม่ได้อ่ะ

Aucharaporn Theemcle กล่าวว่า...

คิดว่าคงมีปัญหาในการสร้าง Code บทความนี้เขียนมานานแล้ว ตอนนี้ facebook ก็เปลียนไปแล้ว ดิฉันจึงค้นวีดีโอเพื่อช่วยในการสร้าง Code มาอธิบายเพิ่มนะคะ Richs Happy2pays ลองศึกษาเพิ่มเติมดูค่ะ

ฟังเพลงออนไลน์ กล่าวว่า...

ขอบคุณครับ

jack กล่าวว่า...

thank you

Ae Partinee กล่าวว่า...

รบกวนสอบถามด้วยน่ะค่ะ
พอดีเทมเพลตที่ใช้อยู่เป็นเทมเพลตสำเร็จรูป พอวางโค๊ด แล้วมันไปอยู่ทางขวา พอจะแนะนำได้ไหมค่ะว่าจะแก้ตรงไหนดี
http://ladysocietyinthai.blogspot.com/

Aucharaporn Theemcle กล่าวว่า...

ลองใส่ code ให้วางจัดกลางคือ ค่ะ ที่ต้องเขียน code แบบนี้เพราะกล่อง comment มันใส่ code ไม่ได้ ทดลองดูนะคะ

Aucharaporn Theemcle กล่าวว่า...

อ้าว...กล่องคอมเมนท์ไม่อ่าน โค้ดลองดูรูปนี้ค่ะ https://dl.dropbox.com/u/23747861/blog.JPG

Wanchana Khit-an กล่าวว่า...

ขอบคุณครับผม ลองดูแล้วพอทำได้ครับ เข้ามาเยี่ยมชมและให้คำแนะนำใน Blog ของผมบ้างนะครับ มีสอง blog FreeFun and FreeThink แล้วก็ เทคนิคสร้างเกม สร้างสรรค์

Ae Partinee กล่าวว่า...

ตอนนี้แก้ปัญหาเรียบร้อยแล้ว ขอบคุณมากๆเลยน่ะค่ะ ^^

connerrus dorate กล่าวว่า...

ขอบคุณครับตอนนี้ได้แล้ว^_^
http://connerrusblog.blogspot.com/

แสดงความคิดเห็น