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

image

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 有關的文章:

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

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

那就請你試按看看囉!

留言

這個網誌中的熱門文章

[古典相機] 巧緻實用的簡單精神.Nikon FE.1978

[古典相機] M42 機皇.快門最速機身.Fujica ST801.1973

[中判相機] 開始 120 吧.Pentax 6x7.1969

[古典相機] 小型化 SLR 代表作,Olympus OM-1N.1979

在 Excel 裡轉換 Unixtime 格式