[Blogger] 舊版型在官方 ShareButton 後面加入 +1 Button

Blogger 系統要加入 +1 Button 如果你不是使用 2010 年新版的可以使用範本設計工具的版型，那麼你需要加入一些小東西以及一些小修改即可使用。

一、勾選展開小裝置範本，記得備份你的版型先

二、找到 <b:includable id='shareButtons' var='post'> 和 </b:includable> 包的那一堆 code，其實 Google 官方已經幫你加了一個 DummyTag，那就是 +1 Button，會長得像這樣：

<b:if cond='data:top.showDummy'>
  <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</b:if>

三、雖然已經幫你加了那一個 Tag，但並沒有引入

<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>

你可以把上面那一行加到 </head> 之前的位置，我看了一下用 Blogger 新版版型的裡面，是放在另一個位置，且有 Blogger 內建的語法。

首先找到 <b:if cond='data:top.showStars'>….</b:if>，然後在 </b:if> 後面加入：

<b:if cond='data:top.showDummy'>
  <data:top.dummyBootstrap/>
</b:if>

然後你應該就會看到在官方的 Sharebutton 後面多了一個 +1 Button 了。

關於 Sharebutton 可參考之前寫的跟 Blogger Sharebutton 有關的文章：

• [Blogger] 改用 Offical Share Button 官方分享按鈕 (in Blogger Draft)
• [Blogger][Fix] Change Blogger ShareButton！一個步驟換掉你的 Blogger 官方分享按鈕！

Google +1 Button 的官方介紹網站和影片：http://www.google.com/intl/zh-TW/+1/button/

如果需要裝在其他網站或者你不想用官方 Sharebutton 旁邊那一個的話，你可以參考 Google 的文件選用適合大小的 +1 Button 及放在您想放的位置，文件在此：在您的網站中加入 +1 按鈕。

那就請你試按看看囉！