分類:软件介绍&电脑教学
部落格内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 Skin2)在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/





![[教学]如何在部落格增加Facebook like的功能 [教学]如何在部落格增加Facebook like的功能](http://kimc.com.my/blog/wp-content/themes/ahe/inc/script/imgsrc.php?src=http://kimc.com.my/blog/wp-content/uploads/1/1071454788.jpg&w=730&h=450)
