ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptวิธีทำ Facebook comment box on Blogger
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: วิธีทำ Facebook comment box on Blogger  (อ่าน 5817 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
wave100
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 108
ออฟไลน์ ออฟไลน์

กระทู้: 1,534



ดูรายละเอียด เว็บไซต์
« เมื่อ: 26 พฤษภาคม 2010, 04:15:51 »

แปลมาจาก http://www.bloggermint.com/201...-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
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 703
ออฟไลน์ ออฟไลน์

กระทู้: 1,487



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 26 พฤษภาคม 2010, 07:01:17 »

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


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

บันทึกการเข้า

เกรียด g panda !
app android
SEO 800 bath !! seo ราคาถูก    submit ถูกอีกละ !! submit ถูกเว่อ
รับแลกลิงค์  ติดแล้ว pm ส่งโค้ดมาได้เลย  แลกลิงค์
อย่าได้ตาม amazon เลย ที่เห็นนั้นอะเป็นแค่ตัวหลอกว่าใช้ tag อันนั้น แต่ตัวหลักๆ จริงๆ จะบอกทำไม ^O^
ใครเล่นคลับแซ้บ  บ้างของinvateหน่อยมีcolo
แลก wpmu 1 ID  กันสำหรับคนที่มี wpmu เป็นของตัวเองเพื่อสร้าง network
Hackublog
สมุนแก๊งเสียว
*

พลังน้ำใจ: 458
ออฟไลน์ ออฟไลน์

กระทู้: 628



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 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/...social-plugins-to-blogger.html
บันทึกการเข้า

ท่องเที่ยวไทยส่งเสริมเศรษฐกิจไทย สนใจข้อมูลสถานที่ท่องเที่ยวแวะไปชมบล็อก สถานที่ท่องเที่ยว บล็อกนี้เขียนจากประสบการณ์ท่องเที่ยวจริง นอกจากนี้คุณสามารถ comments ได้อย่างอิสระเพื่อผลทาง SEO ได้อีกด้วย

{รัก|โลภ|โกรธ|หลง} << Spin ในวิถีชีวิตมนุษย์ คนเรามันก็วนเวียนอยู่แค่นี้

ผลกรรมมันมีจริงนะครับ คุณไปทำใครเขาไว้ กิจการของคุณมันก็ไม่เจริญหรอก! คอยดูกันต่อไปสิครับ ช่วยมีวุฒิภาวะนิดครับ
wave100
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 108
ออฟไลน์ ออฟไลน์

กระทู้: 1,534



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 28 พฤษภาคม 2010, 01:15:21 »

ขอบคุณจ้ะ

มา+ให้ 16>17
บันทึกการเข้า

pinoccio
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 25
ออฟไลน์ ออฟไลน์

กระทู้: 1,036



ดูรายละเอียด
« ตอบ #4 เมื่อ: 28 พฤษภาคม 2010, 01:58:21 »

ขอบคุณกับความรู้ดีๆที่มีให้กันครับ wanwan017
บันทึกการเข้า
idee
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 86
ออฟไลน์ ออฟไลน์

กระทู้: 1,862



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 28 พฤษภาคม 2010, 02:14:40 »

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

ประมูลเรียลไทม์ ประมูลตีแตก พิสูจน์ระบบประมูลรูปแบบใหม่ ทันสมัย ด้วยแรงบันดาลใจจากไทยเสียวที่สำคัญใช้งานฟรี!

โปรโมทสินค้า    สินค้าส่งออก    ระบบประมูล

อ้างถึง
pinoccio
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 25
ออฟไลน์ ออฟไลน์

กระทู้: 1,036



ดูรายละเอียด
« ตอบ #6 เมื่อ: 28 พฤษภาคม 2010, 11:11:54 »

ลองทำดูแล้วไม่ได้เลยครับ ทำตามทุกขั้นตอนแล้วนะครับ  Cry
บันทึกการเข้า
wizmagna
สมุนแก๊งเสียว
*

พลังน้ำใจ: 35
ออฟไลน์ ออฟไลน์

กระทู้: 698



ดูรายละเอียด เว็บไซต์
« ตอบ #7 เมื่อ: 28 พฤษภาคม 2010, 11:16:28 »

ขอบคุณครับ
บันทึกการเข้า

onlinenow
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 78
ออฟไลน์ ออฟไลน์

กระทู้: 1,548



ดูรายละเอียด
« ตอบ #8 เมื่อ: 28 พฤษภาคม 2010, 11:41:55 »

เยียมไปเลย  wanwan017 wanwan017
บันทึกการเข้า

aplsoft
คนรักเสียว
*

พลังน้ำใจ: 8
ออฟไลน์ ออฟไลน์

กระทู้: 133



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 28 พฤษภาคม 2010, 13:49:10 »

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

บันทึกการเข้า

~SolariS~
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 76
ออฟไลน์ ออฟไลน์

กระทู้: 1,149



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 28 พฤษภาคม 2010, 13:50:19 »

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

หน้า: [1]   ขึ้นบน
พิมพ์