ทักทายเพื่อนๆทุกคนนะคะ วันนี้จะมาสอนวิธีทำให้Bloggerสามารถใช้ไอดีFacebookในการคอมเม้นท์ได้ เหมือนกับที่เราเคยเห็นบนเว็บต่างๆ ซึ่งคิดว่าน่าจะถูกใจหลายๆคนเพราะว่าทำให้สะดวกในการคอมเม้นท์มากขึ้นนั่นเอง ส่วนวิธีการนั้นก็ให้ทำตามขั้นตอนข้างล่างนี้เลยค่ะ
(1.)ไปที่ https://developers.facebook.com
(2.)ที่แท็บข้างบน เลือกหัวข้อDocs
(4.)ใส่ข้อมูลลงไปในแบบฟอร์ม ซึ่งจะประกอบไปด้วย
- URL to comment on อันนี้อยากให้บทความไหนในบล็อกเรามีFacebook Commentปรากฏขึ้นมา ก็ให้ใส่URLของหน้านั้นลงไป
- Width อันนี้คือความกว้างของกล่องComment ให้ใส่ตามความเหมาะสมของบล็อกเราเอง
- Number of Posts อันนี้คือจำนวนComment ว่าอยากให้แสดงทีละเท่าไหร่
- Color Scheme อันนี้คือสีพื้นหลัง มีให้เลือก2สีคือขาวและดำ
(5.)เมื่อใส่ครบแล้วให้กดปุ่มGet Codeข้างล่าง
(6.)หลังกดGet Codeแล้วเราจะได้Plugin Codeมา ซึ่งจะแบ่งออกเป็น2ส่วน ซึ่งอันที่อยู่ช่องข้างบนจะเป็นTemplate Code และในช่องข้างล่างจะเป็นPage Code
(7.)สำหรับTemplate Code เราจะใส่เพียงแค่ครั้งแรกครั้งเดียวเท่านั้นและมีผลกับบล็อกเราตลอดไป อันนี้ต้องใส่ไว้ในBody Tagของบล็อกเรา โดยให้เราเข้าไปที่ การออกแบบ > แม่แบบ > แก้ไข HTML
แล้วให้ใส่โค๊ดไว้ตรงไหนก็ได้ที่อยู่ระหว่าง<body>....</body> (ดูรูปด้านล่างประกอบ) ซึ่งหลังจากใส่แล้วก็ให้กดบันทึกTemplateแล้วปิดทิ้งได้เลย ส่วนสำหรับใครที่มีปัญหาเซฟTemplateแล้วขึ้นError (จริงๆน่าจะขึ้นทุกคนแหละค่ะเพราะมันเป็นกับBlogger) ให้ดูวิธีแก้ไขปัญหาที่ท้ายบทความได้เลยค่ะ
(8.)สำหรับPage Code เราจะต้องใส่ทุกครั้งเมื่อเราเขียนบทความอันใหม่ โดยเวลาใส่ให้สลับจากโหมดเขียนไปเป็นโหมดHTMLแล้วจึงใส่Page Codeโค๊ดลงไป โดยแนะนำให้ใส่ไว้ข้างล่างสุดเพื่อความสวยงาม (ครั้งต่อๆไป.. เวลานำPage Codeไปใส่ไว้ในบทความไหน ก็อย่าลืมแก้URLให้เป็นของบทความนั้นด้วยนะคะ ไม่งั้นจะไม่มีFacebook Commentปรากฏขึ้นมา)
เพียงเท่านี้บทความนั้นก็จะมีFacebook Commentปรากฏขึ้นมาแล้วค่ะ
***วิธีแก้ไข สำหรับผู้มีปัญหาเซฟTemplateไม่ได้เพราะขึ้นError***
สำหรับผู้ที่มีปัญหากดเซฟTemplateไม่ได้ เพราะระบบขึ้นErrorเตือนว่า "The reference to entity "version" must end with the ';' delimiter." วิธีแก้ไขนั้น ให้เราทำการเปลี่ยนบรรทัดที่6ของTemplate Code(ที่เราได้มาจากเฟสบุ๊ค)ซะใหม่ (ดูรูปประกอบ)
จากเดิม
js.src = "//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.0";
ให้เราเปลี่ยนมาเป็น
js.src = "//connect.facebook.net/th_TH/sdk.js#xfbml=1&version=v2.0";
(ตรงส่วนท้ายที่เป็น v2.0 ปัจจุบันคือ v2.3 แล้วนะคะ(แบบในรูปประกอบ) ซึ่งตรงนี้นั้นเป็นค่าที่ไม่ตายตัว..อยู่ที่ว่าขณะนั้นเฟสบุ๊ดอัพเดตไปถึงเวอร์ชั่นไหนแล้ว ดังนั้นหลักๆเลยแค่ให้เติมคำว่า amp; ลงไปคั่นกลางระหว่าง 1&กับversion=v2.0ก็พอแล้วค่ะ)
เพียงเท่านี้ก็หมดปัญหาแล้วค่ะ เป็นยังไงบ้างคะ..หลังจากเปลี่ยนมาใช้เฟสบุ๊คคอมเม้นท์แล้ว เพียงเท่านี้ก็ทำให้คนอื่นสามารถคอมเม้นท์ได้สะดวกขึ้นแล้ว
