ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: wave100 ที่ 26 พฤษภาคม 2010, 04:15:51



หัวข้อ: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: wave100 ที่ 26 พฤษภาคม 2010, 04:15:51
แปลมาจาก http://www.bloggermint.com/2010/05/how-to-add-facebook-comment-box-on-blogger-blogs/

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

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

(http://lh3.ggpht.com/_zmoEeqomXD4/S_w75NGC_vI/AAAAAAAAEwE/zksEo14mp8U/ข้อ2.png)

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

(http://lh3.ggpht.com/_zmoEeqomXD4/S_w75ax9bJI/AAAAAAAAEwI/76tNR9O5OuA/ข้อ3.png)

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

(http://lh5.ggpht.com/_zmoEeqomXD4/S_w75jYSwtI/AAAAAAAAEwM/jQ4oZqc95Aw/s576/ข้อ4.png)

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

(http://lh5.ggpht.com/_zmoEeqomXD4/S_w75mD6-nI/AAAAAAAAEwQ/gsabtkOztio/ข้อ5.png)

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>

(http://lh3.ggpht.com/_zmoEeqomXD4/S_w9xvTE4cI/AAAAAAAAEw0/D-RpWpBno5Y/ข้อ6.png)

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

(http://lh5.ggpht.com/_zmoEeqomXD4/S_w8ri2uTlI/AAAAAAAAEwY/yiCgWK1Bi_g/ข้อ7-1.png)

(http://lh4.ggpht.com/_zmoEeqomXD4/S_w8rgRVmCI/AAAAAAAAEwc/U6eVdwEPgA8/ข้อ7-2.png)

8. save

(http://lh6.ggpht.com/_zmoEeqomXD4/S_w8r2YS_6I/AAAAAAAAEwg/X6C78m7gxsk/ข้อ8.png)

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

(http://lh3.ggpht.com/_zmoEeqomXD4/S_w8r_LDcUI/AAAAAAAAEwk/K9uuLSEvoWo/s512/ข้อ9.png)

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

(http://lh5.ggpht.com/_zmoEeqomXD4/S_w8sDHIXcI/AAAAAAAAEwo/Gn5AKhr5TwY/ข้อ10.png)

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

(http://lh4.ggpht.com/_zmoEeqomXD4/S_w9DDrTBeI/AAAAAAAAEws/imLFjlGTS24/s512/ข้อ11.png)

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

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

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


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: thuncpe200 ที่ 26 พฤษภาคม 2010, 07:01:17
ว้าวววววววววววววววววววววววว


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



หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: Hackublog ที่ 27 พฤษภาคม 2010, 17:53:38
ถ้าใช้โค้ด <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


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: wave100 ที่ 28 พฤษภาคม 2010, 01:15:21
ขอบคุณจ้ะ

มา+ให้ 16>17


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: pinoccio ที่ 28 พฤษภาคม 2010, 01:58:21
ขอบคุณกับความรู้ดีๆที่มีให้กันครับ :wanwan017:


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: idee ที่ 28 พฤษภาคม 2010, 02:14:40
กำลังศึกษา FB อยู่ครับ กระทู้ที่ผมตั้งก็รอคนตอบอยู่ อะ
+1 ทั้ง 2 ท่านนะครับ


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: pinoccio ที่ 28 พฤษภาคม 2010, 11:11:54
ลองทำดูแล้วไม่ได้เลยครับ ทำตามทุกขั้นตอนแล้วนะครับ  :'(


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: wizmagna ที่ 28 พฤษภาคม 2010, 11:16:28
ขอบคุณครับ


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: onlinenow ที่ 28 พฤษภาคม 2010, 11:41:55
เยียมไปเลย  :wanwan017: :wanwan017:


หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: aplsoft ที่ 28 พฤษภาคม 2010, 13:49:10
ขอบคุณครับ สำหรับความรู้ดี ๆ มีมาเรื่อย ๆ  :'(



หัวข้อ: Re: วิธีทำ Facebook comment box on Blogger
เริ่มหัวข้อโดย: ~SolariS~ ที่ 28 พฤษภาคม 2010, 13:50:19
โอ้ ขอบคุณมากๆเลยครับ   :wanwan017: