Blogger後台新增社會書籤按鈕設計

今天看到Google Blogger新增了一個新的功能，就是社會書籤分享按鈕(Social Bookmark Share Button)的設計，讓您不用再使用其他的Hacks程式，在Blogger後台就可以直接加上社會書籤的功能，讓您的文章分享到更多網路工具上。


如何做呢?進入後台→設計→在網誌文章區，按下編輯，


就會跳出文章編輯區的設定，只要勾選"顯示分享按鈕"這一欄位即可完成。



而這部份的位置是可用滑鼠拖曳移動到你想放的位置上，


選擇好位置，按下儲存鍵即可完成，你就會發現你的文章版面上有了分享工具列(如下圖)。



如果你想在前面加上一些中文說明，提醒網友注意且使用，後台→設計→修改Html，勾選展開小裝置範本，找到這段程式碼，
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
然後在前面加上類似，"分享您的網誌："這些文字，
分享您的網誌：<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
就會出現下圖這樣，



但如果你的模板不是採用官方的模板，或是已經更改很多後台html的語法，這個工具列可能安裝後沒法看見，

通常是你的模板少了以下程式碼，這段程式碼是社會書籤出現的程式碼。
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>
只要將這段程式碼加到你想加的位置上即可，通常是在
<div class='post-footer-line post-footer-line-2'>
的前面或後面，或是post-footer-line-1或3，自己加上即可，每個模版都不盡相同。

如果還是找不到正確位置，就只能按下"將迷你組件範本回復為預設值"，應該就可以解決，但是你原先裝的Hacks是有可能不見的，所以修改前記得備份。

所以不用透過Hacks程式，你也可以輕鬆有個分享按鈕欄，如下圖，需要的朋友可以裝看看。


P.S.另外如果您想將圖片置換成其他圖片，目前綸太郎還在研究中，和以往置換的方式有些許不同，如果研究成功再跟大家分享。

參考來源：
Blogger Buzz: New Share Buttons