เพิ่ม Facebook Comment ใน Blogger

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

image

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

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

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

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

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

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

image

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

image

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

image

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

image

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

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

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

image

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

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

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

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

image

11.หากคุณต้องการซ่อม comment ของ blogger ก็เพียงเข้าไปที่เมนู การตั้งค่า >โพสต์และความคิดเห็น >ตำแหน่งความคิดเห็น >ซ่อน  ต่อจากนั้นเลือกบันทึก 

เพียงเท่านี้กล่องแสดงความคิดเห็นของบล็อกเกอร์ก็จะถูกซ่อน  จะแสดงเพียงกล่อง facebook comment เท่านั้น

Previous
Next Post »

3 ความคิดเห็น

Write ความคิดเห็น
5 มิถุนายน 2559 00:41 delete

Web convert html5 เป็น html มันเสีย คราวนี้จะ convert ยังไงครับ ติดขั้นตอนนี้

Reply
avatar
doraham
AUTHOR
12 พฤศจิกายน 2559 01:17 delete

ขอบคุณค่ะ เป็นบทความที่มีประโยชน์ดี อยากให้มีวิธีการเพิ่ม reaction button น่ารักๆลง blogger ด้วยจังค่ะ

Reply
avatar