Blogger: ติดตั้ง Facebook Comment ที่คอมเมนท์ทั้งหมดรวมเป็นชุดเดียวกัน


Facebook Comment ที่คอมเมนท์ทั้งหมดรวมเป็นชุดเดียวกัน จะเป็นกล่องคอมเมนแบบที่ไม่ค่อยถูกใช้กับบล็อกซักเท่าไรนักแต่มักจะใช้กับหน้าเว็บมากกว่า จะมีลักษณะคือ ความคิดเห็นจากทุกโพสต์หรือทุกหน้าจะใช้กล่องคอมเมนท์อันเดียวกัน

อย่างไรก็ตามที่คอมเมนท์แบบนี้มีข้อดีคือ ความคิดเห็นทั้งหมดจะมีเป้าหมายอยู่ที่ URL เพียงอันเดียวที่คุณใส่ลงไปดังนั้นถ้าหากระบุให้ชี้ไปที่โดเมนเนมที่เป็นเจ้าของเอง เมื่อต่อไปย้ายออกจากบล็อกไปที่อื่นก็ยังสามารถคอมเมนท์ใส่กล่องคอมเมนท์ใบเดิมได้ และอีกประการหนึ่งคืออาจเหมาะสำหรับบล็อกที่มีผู้แสดงความคิดเห็นน้อยเพราะพอเอาทั้งหมดมารวมกันมันก็คงดูเยอะดี

แต่มีข้อเสียคือ เมื่อลองอ่านความคิดเห็นที่แสดงอยู่ในแต่ละหน้าอาจพบว่ามันไม่เกี่ยวข้องกับเนื้อหาที่แสดงอยู่ซักเท่าไหร่

ซึ่งมีวิธีสร้างได้ดังนี้

ขั้นตอนที่ 1. เข้าสู่บล็อกของคุณจากนั้นไปที่
'แม่แบบ > แก้ไข HTML > ดำเนินการ > ขยายเทมเพลตวิดเจ็ต'


ขั้นตอนที่ 2. กดปุ่ม 'Ctrl + F' บนคีย์บอร์ดแล้วสั่งค้นหาคำว่า
<a name='comments'/>
จะพบว่าเจอโค้ดแบบเดียวกันอยู่ 2 แห่ง

โดยให้สังเกตดูโค้ดหนึ่งในสองแห่งที่หาเจอนั้นจะมีบรรทัดถัดมาถูกเขียนเอาไว้ว่า
<b:if cond='data:post.allowComments'>
ซึ่งโค้ดบรรทัดนี้ก็คือเป้าหมายการแก้ไขโค้ดของเราในขั้นตอนถัดไป


ขั้นตอนที่ 3. ให้แทนที่โค้ดเป้าหมายซึ่งมีเงื่อนไขตรงตามที่กล่าวมาแล้วในขั้นตอนที่ 2
ซึ่งถูกเขียนเอาไว้ว่า
<b:if cond='data:post.allowComments'>

ด้วยโค้ดกล่องคอมเมนท์ด้านล่างนี้
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/th_TH/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="http://maxlayout.com" data-num-posts="10" data-width="470"></div>

</b:if>
<b:if cond='data:post.allowComments'>


ขั้นตอนที่ 4. จากนั้นกดปุ่ม 'บันทึกเทมเพลต' แล้วลองเปิดบล็อกเพื่อดูผลลัพธ์

อธิบายเพิ่มเติม
ถ้าทำตามขั้นตอนที่กล่าวมาครบถ้วนก็จะพบว่า มีกล่องคอมเมนท์เฟซบุ๊คโผล่ออกมาอยู่คู่กันกับกล่องคอมเมนท์บล็อกเกอร์ โดยถ้าหากต้องการให้เห็นแค่เฉพาะคอมเมนท์เฟซบุ๊คอย่างเดียวก็สามารถทำได้โดยสั่งซ่อนคอมเมนท์บล็อกเกอร์ตามบทความในลิงก์นี้ครับ
http://tip.maxlayout.com/2012/10/blogger-enable-or-disable-comment.html

Post Status




0 ความคิดเห็น:

แสดงความคิดเห็น