แทรกกล่องแสดงความคิดเห็นของ Facebook ในBlogger 2015

facebook พัฒนาไปเรื่อยๆ  ไหนจะเปลี่ยนโน่นนั่นนี่  จนหลายคนชักบ่น มันเริ่มใช้งานยากขึ้นทุกวัน  แต่คนไทยก็ยังนิยมใช้กันจนถึงปัจจุบันนี้    เป็น Social Network ที่คนไทยนิยมมากที่สุดก็ว่าได้  วันนี้มาชวนเอากล่องแสดงความคิดเห็นใน Facebook เอามาแปะใน blogspot ของเรากันนะคะ  เพื่อเป็นอีกแนวทางในการสื่อสารกับผู้อ่านละกัน

 

หากใครต้องการแสดงเพียงกล่องแสดงความคิดเห็นของ facebook ใน blogspot ก็ต้องซ่อนกล่องแสดงความคิดเห็นของ blog  หากต้องการแสดงกล่องแสดงความคิดเห็นทั้ง facebook และ blogger ก็ไม่ต้องซ๋อนนะคะ   วิธีการซ๋อนกล่องแสดงความคิดเห็นของ blogger มีวิธี ดังนี้ค่ะ

 

 

ล็อกอินเข้า Blogger  เข้าไปที่หน้า dashbord หลังจากนั้น ไปที่เมนู การตั้งค่า >โพสต์และความคิดเห็น >ตำแหน่งความคิดเห็น >ซ่อน  ต่อจากนั้นเลือกบันทึก  เท่านี้กล่องแสดงความคิดเห็นของบล็อกเกอร์ก็จะถูกซ่อน  จะแสดงเพียงกล่องแสดงความคิดเห็นของ facebook  เท่านั้น

เอาหล่ะต่อไปมาถึงขั้นตอนการเพิ่มกล่องแสดงความคิดเห็นของ facebook ใน 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"'>                  &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 ในเวบบล็อกของคุณเรียบร้อยแล้วค่ะ