Sunday 28 October 2012

วิธีทำ Facebook comment box on Blogger


แปลมาจาก http://www.bloggermint.com/201...-comment-box-on-blogger-blogs/

1.เข้าไปที่ http://developers.facebook.com/setup/ ก่อนเลย

2.กรอกข้อมูล

Facebook comment box on Blogger

3.ก็จะได้ตัวเลข ID มา 2 ชุด ใช้ชุดที่อยู่ในสี่เหลี่ยมนะ

Facebook comment box on Blogger

4.คราวนี้ก็ไปที่ Blogger ทำตามลำดับในรูปเลย

Facebook comment box on Blogger

5.หาแท็ก

Facebook comment box on Blogger


6.วางโค้ดนี้ไว้ข้างหลังแท็ก

<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <div id='fb-root'/>
  <script>
  window.fbAsyncInit = function() {
  FB.init({appId: 'APPID', status: true, cookie: true,
  xfbml: true});
  };
  (function() {
  var e = document.createElement('script'); e.async = true;
  e.src = document.location.protocol   
  '//connect.facebook.net/en_US/all.js';
  e.async = true;
  document.getElementById('fb-root').appendChild(e);
  }());
  </script>
  <fb:comments/>
  </b:if>

Facebook comment box on Blogger

7.แก้ตรง APPID เอาตัวเลขจากข้อ 2.มาใส่แทน

Facebook comment box on Blogger

Facebook comment box on Blogger

8. save

วิธีทำ Facebook comment box on Blogger

9.ดูผลงานกัน

Facebook comment box on Blogger


10.จะเห็นว่ามันมีกล่องคอมเม้นต์ซ้อนกันอยู่ 2 อัน คือของ Facebook กะของ Blogger
ถ้าจะเอาของ Facebook ก็เข้าไปปิดของ Blogger ซะ

Facebook comment box on Blogger

11.ต๊ะแหน่วววววววว

Facebook comment box on Blogger


เรียบร้อยง่ายๆใช่มั้ยล่ะ

No comments: