在BLOGSPOT加入FB留言以及按讚功能

在BLOGSPOT安裝FB工具，以及分享按讚的工具列，很有趣，也不會很難(就算不想搞懂程式碼也是可以順利完成的)。

首先，我們要先在BLOSPOT安裝JavaScript SDK，請到此處申請。 裡面的「留言」就是能讓網友用FB帳號回應BLOG文章的功能；而『「讚」按鈕』，則是添加按讚以及分享的工具列。

選擇你想要的功能，輸入你的網址，就會出現程式碼。 程式碼分為上下兩個部分。上方是JavaScript SDK的程式碼，下方會根據你的功能產生不同的程式碼。

JavaScript SDK的部分只要安裝一次就可以，找到

</body>

在它後面貼上即可。

 以下是在下的JavaScript SDK程式碼(應該都是一樣的)。

<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/zh_TW/sdk.js#xfbml=1&version=v2.7";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

以下是按讚及分享統計的程式碼，請把它貼在div class='post-header-line-1之後(應該會找到兩個，請貼在第二個後面)。

<div class="fb-like" data-href="http://abayartist.blogspot.tw/" data-width="100" data-layout="standard" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>

再來要安裝「以FB帳號回應文章」的功能，先找到

<data:post.body/>

將以下程式碼貼在它後面。

<div class="fb-comment-embed" data-href="https://abayartist.blogspot.tw/" data-width="500" data-include-parent="false"></div>

以上的網址部分請自行修改。 特別說明：如果你想讓FB工具列只統計每篇文章的資料，請把

data-href="http://abayartist.blogspot.tw/"

改成

expr:href='data:post.url'

，這樣才會呈現出「特定單篇文章」的統計數或回應，否則將統一呈現「首頁」的資料。

最後還有一個小訣竅，用

<b:if cond='data:blog.url != data:blog.homepageUrl'>
</b:if>

把程式碼包起來，就不會再首頁顯示，必須點入文章之後才會顯示工具列，這樣會美觀很多喔！

附記，如果出現 XXXX must end with the ';' delimiter，請把錯誤的地方改成amp;，這樣就可以了。