ถึงแม้จะใช้งาน 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"'> |
9.ต่อจากนั้นกดบันทึกเทมเพลตเพื่อบันทึก
10. เพื่อดูการแสดงผล คลิ๊กไปที่ดูบล็อก เพียงเท่านี้ก็จะมีกล่อง facebook comment ในเวบบล็อกของคุณเรียบร้อยแล้วค่ะ
11.หากคุณต้องการซ่อม comment ของ blogger ก็เพียงเข้าไปที่เมนู การตั้งค่า >โพสต์และความคิดเห็น >ตำแหน่งความคิดเห็น >ซ่อน ต่อจากนั้นเลือกบันทึก
เพียงเท่านี้กล่องแสดงความคิดเห็นของบล็อกเกอร์ก็จะถูกซ่อน จะแสดงเพียงกล่อง facebook comment เท่านั้น
3 ความคิดเห็น
Write ความคิดเห็นGood
ReplyWeb convert html5 เป็น html มันเสีย คราวนี้จะ convert ยังไงครับ ติดขั้นตอนนี้
Replyขอบคุณค่ะ เป็นบทความที่มีประโยชน์ดี อยากให้มีวิธีการเพิ่ม reaction button น่ารักๆลง blogger ด้วยจังค่ะ
ReplyEmoticonEmoticon