為你的 Blogger 加入書籤按鈕

現在有許多好用的外掛程式可以幫您的 Blogger 加上多個書籤按鈕，尤其像是 AddThis、ShareThis，更是集合各種社交書籤，且功能更為完整。可惜的是這些好用的外掛程式普遍都沒有支援國內的書籤網站（例如 Hemidemi、My Share 等），有感於此，於是自己才著手寫了這個支援國內書籤按鈕的外掛程式，而且只需要幾個簡單的步驟及少量的 DHTML 程式碼即可完成安裝。

接下來將以 Blogger 新的網頁範本格式（XML）來說明安裝步驟：

1. 進入 Blogger 的管理介面，在[版面配置]點選[修改HTML]，並勾選[展開小裝置範本]。

2. 在 <b:skin> 區段中加入以下 CSS 代碼：

.social-button { 
        border: 0;
        padding: 1px;
        width: 16px;
        height: 16px;
        opacity: .5; 
        -moz-opacity: .5; 
        filter: alpha(opacity=50);
}
.social-button:hover { 
        opacity: 1; 
        -moz-opacity: 1; 
        filter: alpha(opacity=100);
}

3. 找到如下的標籤代碼：

<p><data:post.body/></p>

並在其後加入以下程式碼：

<!-- Bookmark Button BEGIN -->
<div align='right'>
    <script type='text/javascript'>
    _bookmarkTitle = &#39;<data:post.title/>&#39;;
    _bookmarkUrl = &#39;<data:post.url/>&#39;;
    </script>
    <script src='http://renjin.liu.googlepages.com/social_widget.js' type='text/javascript'/>
</div>
<!-- Bookmark Button END -->

4. 儲存範本、測試。



 Download Source Code

為你的 Blogger 加入書籤按鈕