部落格内Facebook Comment Box for TEXTCUBE

不久前做了少少改变，在部落格放了facebook comment box。

说起来还有点麻烦，因为要到Facebook Developer那先去create 一个 Apps先才可以。

1.去到 https://developers.facebook.com/apps create apps。
用户插入图片
2.任意为你新增的这个app取个名，至少7个字母，不能有号码（下图错了，因为6个字母而已）
webhosting可以不用。
填妥了就按continue好了。
用户插入图片
3. 填写Security Check。 对了，要申请这个apps，一定要用手机鉴定fb帐号先。
手机和fb 连线后，记得选择“不要显示电话号码”的选项哦！
用户插入图片
4.简单的输入 一些基本资料 （我乱填的@@ )
不过最重要的是，把那个 APP ID给抄下来！！！！！！
用户插入图片
================================================================
接下来的步骤是输入代码的时刻了：
1）去到部落格后台 ，选择 Edit Skin
2）在Skin.Html 的部分，<html>过后先输入几样东西。
  a)  JS SDK.  
<div style=”padding:10px; background-color:#FFDAED”>  
<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/en_GB/all.js#xfbml=1&appId=345573468812321”;
  fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
</div>

b)在<head>过后输入以下META ：

<meta property=”og:type”                 content=”article”>

<meta property=”og:title”                 content=” :: “>

<meta property=”og:image”                content=”http://xxx.jpg换成你要显示的照片“>

<meta property=”fb:app_id”               content=”     你的APPID号码“>

 

c)在 过后，输入以下代码。

 <div class=”fb-comments” data-href=”你的网址/” data-num-posts=”4″ data-width=”445″></div><p><a hfef= ‘http://kimhaur.com/656’>GET Facebook comments box ?</a></p>

Sample：<div class=”fb-comments” data-href=”http://ifublog.com” data-num-posts=”4″ data-width=”445″></div><p><a href= ‘http://kimhaur.com/656’>GET Facebook comments box ?</a></p>

3.可以测试了  =）

Blogspot版，可直接参考：

http://www.allblogtools.com/tricks-and-hacks/exclusive-integrate-facebook-comments-box-for-blogger-in-very-easy-and-simple-steps-full-guide/

(1518)

一般留言 (1)

  1. 四月

    你的说法和那男孩一样 cute。不过我一直笑场就够久了，答不出那样～ lol.

    Reply

發表留言

*