เพิ่ม Facebook Comment ใน Blogger

ถึงแม้จะใช้งาน facebook มาเนิ่นนาน แต่ก็ไม่เคยนำปลั๊กอิน facebook comment มาติดใน blogger ซะที มีเหตุผลส่วนตัวเล็กน้อย มาวันนี้คิดว่าคงถึงเวลาในการนำ facebook comment มาติดในเวบบล็อกของตนได้แล้ว เพื่อเหตุผลในการพัฒนาตนเองอีกทางหนึ่ง หลังค้นหาวิธีการแทรก facebook comment ใน blog ของตนเรียบร้อย จึงนำความรู้ที่ได้มาร่วมแชร์ค่ะ

1. สร้างโค้ดในการนำ facebook comment มาติดในเวบบล็อก ได้ที่ Facebook Comments แล้วเพิ่มเติม โค้ดดังนี้

URL to comment on : ใส่ url ของ blogger ของคุณ

width :ตัวเลขความกว้างของ กลองคอมเมนท์ ที่จะวางแทรกใน blogger

Number of Posts : จำนวน คอมเมนท์ที่จะให้แสดงในกล่อง comment นั้น

Color scheme : รูปแบบสีขอกล่องคอมเมนท์

เมื่อปรับแต่งค่าเรียบร้อยให้คลิ๊กที่ Get Code

2. ต่อจากนั้นให้คัดลอก HTML5 โด้ดไปแปลงเป็น html ก่อนวางใน blogger โดยให้ไปแปลงโค้ดได้ที่ Add the code given

3.โดยวางโค้ด Html5 ที่ได้ไปวางลงในกล่องแปลงโค้ด แล้วคลิ๊ก Convert ต่อจากนั้นคัดลอกโค้ดที่ได้เอามาใช้งาน

4. ขั้นตอนต่อไปล็อกอินเข้ามาใน blogger มาที่ Dashboard >แม่แบบ >แก้ไข HTML

5. คลิ๊ก crtl+f เพื่อค้นหาโค้ด </body>

6.เมื่อค้นเจอแล้ว ให้คัดลอกโค้ดจากขั้นตอนที่ 3 วางไว้ด้านบนของโค้ด </body> ต่อจากนั้นบันทึกเทมเพลต

7.ต่อจากนั้น ค้นหา โค้ดต่อไปนี้ <b:include data='post' name='post'/>

8. แล้วคัดลอกโค้ดด้านล่างนี้ วางต่อจากโค้ดในข้อ 7

<b:if cond='data:blog.pageType == "item"'>
                 <div
                     class="fb-comments"
                     data-href="<data:post.url/>"
                     data-width="590"
                     data-num-posts="100">
                 </div>
            </b:if>

9.ต่อจากนั้นกดบันทึกเทมเพลตเพื่อบันทึก

10. เพื่อดูการแสดงผล คลิ๊กไปที่ดูบล็อก เพียงเท่านี้ก็จะมีกล่อง facebook comment ในเวบบล็อกของคุณเรียบร้อยแล้วค่ะ