ติดกล่อง Comment ของ Facebook ใน blogspot

ค้นหาวิธีการติดกล่อง Comment ของ facebook ใน blogspot มาครึ่งค่อนวัน หลายวิธีใช้ไม่ได้ เพราะ facebook ปรับแต่งค่าใหม่หมด  ดังนั้นจึงต้องหาวิธีล่าสุด ไปเจอวิธีที่ใช้ได้แน่นอนสำหรับปัจจุบันนี้  เอามาร่วมแชร์วิธีกันค่ะ  

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

 

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

ขั้นตอนที่ 2   สร้างโค้ดกล่อง comment ของ facebook มีวิธีดังนี้ค่ะ

1. เข้าไปที่  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  ต่อจากนั้นคัดลอกโค้ดที่ได้เอามาใช้งาน

ขั้นตอนที่ 3 เป็นการนำโค้ด comment ของ facebook มาติดใน blogspot

 

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

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

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

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

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

<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>

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

เพียงเท่านี้คุณก็จะได้กล่อง comment จาก facebook ในเวบบล็อก blogspot ของคุณเรียบร้อยแล้วค่ะ

Browse More Articles

Tweet

Written by meesubandmeesuk

We are Creative Blogger Theme Wavers which provides user friendly, effective and easy to use themes. Each support has free and providing HD support screen casting.