Blogger網誌 新增Facebook、Buzz、Plurk、Twitter 按鈕

2010年5月15日 星期六 張貼者： 夢無痕
        上google了一整天，查詢了一整個上午終於找到如何在我的Blogger上新增 Facebook、Buzz、Plurk、Twitter 按鈕 ，尤其看了jimmyyen大大的網誌，也詢問了jimmyyen一些相關技術，jimmyyen相當熱心也提供了不少相關技術，在此再鄭重感謝一次。
        想要在自己的部落格添加 Facebook、Buzz、Plurk、Twitter 按鈕，只要將以下程式碼貼在Html裡即可（需展開小裝置範本需打勾），至於使用者想在部落格哪顯示此四個按鈕可自行設定，我個人是放置於各個網誌內文下如果要跟我一樣可以放置於此段語法的之下</data:post.body>。


按鈕語法如下：

<a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='external nofollow' target='_blank' title='分享至 Facebook'><img src='http://www.czmarry.tw/social_networking_iconpack/facebook_32.png'/></a>

<a expr:href='&quot;http://www.google.com/buzz/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' target='_blank' title='谷文至 Buzz!'><img src='http://lh5.ggpht.com/_iOYD41FxEhQ/S-JzVWSdClI/AAAAAAAAD3M/Pq0b0oXoJ30/s800/google_buzz-17.png'/></a>

<a expr:href='&quot;http://www.plurk.com/?qualifier=shares&amp;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='噗文至噗浪'><img src='http://www.czmarry.tw/social_networking_iconpack/plurk_32.png'/></a>

<a expr:href='&quot;http://twitter.com/?qualifier=shares&amp;status=&quot; + data:post.url + &quot; &quot; + &quot;(&quot; + data:post.title + &quot;)&quot;' target='_blank' title='推文至Twitter'><img src='http://www.czmarry.tw/social_networking_iconpack/twitter_32.png'/></a>

歡迎分享


標籤：
  1. BiApp
    2010年8月12日 晚上9:15

    您好!!請問可以在教教我??如果我要再新增別的推文鈕的話該怎麼準備跟動作呢??謝謝您

  2. 夢無痕
    2010年8月16日 晚上11:24

    不知你要的是哪一種
    社群網站的推文按鈕
    正常來說只要去看其他網站有放置你想要的推文按鈕
    檢視其HTML原始碼
    把它借用下來就好

  3. BiApp
    2010年8月17日 凌晨12:37

    請問有辦法只在文章內顯示???首頁不要出現嗎???
    可以修改朝右還是朝左嗎??
    謝謝您

  4. 夢無痕
    2010年8月19日 凌晨3:41

    可以辦得到的
    不過不同的網誌
    不同的主題
    要放置不同的位置
    以Blogger及這個主題來講
    如只要放置在內容只要把按鈕程式碼放在
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    類似此程式碼下面即可

    如只要放置在首頁只要把按鈕程式碼放在
    上速程式碼的結尾此段程式碼即可

    至於置中或者靠左靠右
    只要用此
    <center></center>
    <right></right>
    <left></left>
    把按鈕包覆起來即可

張貼留言

訂閱： 張貼留言 (Atom)