วิธีทำ Facebook comment box on Blogger

[wave100]

แปลมาจาก http://www.bloggermint.com/2010/05/how-to-add-facebook-comment-box-on-blogger-blogs/

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

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



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



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



5.หาแท็ก <data:post.body/>



6.วางโค้ดนี้ไว้ข้างหลังแท็ก <data:post.body/>

โค้ด เลือก ขยาย

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




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





8. save



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



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



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



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

12.เรื่องความกว้างยังเป็นปัญหาอยู่นะครับกล่องคอมเม้นต์มันจะกว้างจนล้น
อันนี้ยังหาวิธีแก้ไม่เป็น เลยไปแก้ความกว้างที่ Template ของ Blog แทน
ใครแก้ได้ก็บอกกันบ้างนะครับ

13.เข้าไปดูตัวอย่างได้ที่ http://blokipedia.blogspot.com/ มีแซวบอร์ดนี้ด้วย อย่าโกรธกันน้า......

[thuncpe200]

ว้าวววววววววววววววววววววววว


เอาไปประยุคใช้ได้หลายๆ เลย

[Hackublog]

ถ้าใช้โค้ด <fb:comments/> เหมือนในตัวอย่างข้างบนคงจะปรับความกว้างไม่ได้แน่นอน

ถ้าต้องการกำหนดค่าบางอย่างเพิ่มเติมให้ทำแบบนี้ครับ

ให้ใช้โค้ดด้านล่างนี้แทน

โค้ด เลือก ขยาย

<fb:comments numposts="10" width="450"></fb:comments>

numposts="10" หมายถึงจำนวนโพสต่อหนึ่งหน้า
width="450" คือความกว้าง 450px

ถ้าใครสร้าง page เอาไว้ก็ใส่ id ของหน้าเข้าไปได้ด้วย เช่น

โค้ด เลือก ขยาย

<fb:comments xid="ใส่ id ของหน้าตรงนี้" numposts="10" width="450"></fb:comments>


สนใจติดตั้ง Plugins ตัวอื่น ๆ ลองศึกษาที่นี่ครับ
http://www.hackublog.com/2010/05/get-facebook-social-plugins-to-blogger.html

[wave100]

ขอบคุณจ้ะ

มา+ให้ 16>17

[pinoccio]

ขอบคุณกับความรู้ดีๆที่มีให้กันครับ

[idee]

กำลังศึกษา FB อยู่ครับ กระทู้ที่ผมตั้งก็รอคนตอบอยู่ อะ
+1 ทั้ง 2 ท่านนะครับ

[pinoccio]

ลองทำดูแล้วไม่ได้เลยครับ ทำตามทุกขั้นตอนแล้วนะครับ 

[wizmagna]

ขอบคุณครับ

[onlinenow]

เยียมไปเลย 

[aplsoft]

ขอบคุณครับ สำหรับความรู้ดี ๆ มีมาเรื่อย ๆ 

[~SolariS~]

โอ้ ขอบคุณมากๆเลยครับ