Blogspotにソーシャルブックマークへのボタンを設置してみる．

私自身はソーシャルブックマークをこれまで使ってないのですが記事を見かけたのでやってみた．

参考にしたのはこちら：

Put Social BookMark on Blogger (Digg, Delicious, Stumble Upon)

blogger betaにはてなのこのエントリーをブックマークに追加ボタンをつける。

参考コードを混ぜ合わせたコード：

  <span class='hogehoge'>
   <a class='hatena' expr:href='&quot;http://b.hatena.ne.jp/append?&quot; + data:post.url'><img align='absmiddle' alt='このエントリーをブックマークに追加' height='12' src='http://b.hatena.ne.jp/images/append.gif' style='border: none;' title='このエントリーをブックマークに追加' width='16'/></a>
   <a class='digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;bodytext=&amp;topic=&quot;' target='_blank' title='Digg this'><img align='absmiddle' alt='Digg this' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_digg.gif' style='border: none;' title='Digg this' width='16'/></a>
   <a class='delicious' expr:href='&quot;http://del.icio.us/post?v=4&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add to del.icio.us'><img align='absmiddle' alt='Add to del.icio.us' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_delicious.gif' style='border: none;' title='Add to del.icio.us' width='16'/></a>
   <a class='stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble It!'><img align='absmiddle' alt='Stumble It!' height='16' src='http://fluidsolution.lifewg.googlepages.com/jackbook_stumbleupon.gif' style='border: none;' title='Stumble It!' width='16'/></a>
  </span> 

追加：

レイアウト/HTMLの編集/テンプレートを編集のテキストエリアで編集．

この際，テキストエリア右上の ウィジットのテンプレートを展開にチェックを入れておく．

私は'<p class='post-footer-line post-footer-line-2>'タグが閉じた後ろに入れてみた．

実際登録できるのだろうか…後で試す．

---

追記(2008/10/07):

Diggにできたっぽい．（似たのがないか確認．とかエラいステップ数が必要だとという印象.)

deliciousにできたっぽい．（Diggと異なり, 単純Bookmarkなのでサックリって感じ．）

あと２つはまぁできるだろう…ということで．

追記(2008/10/07 2):
Going My Way: ブログのエントリーへのコメントを Twitter に投稿できるボタンを参考にTwitterへコメントするボタンもつけてみた．

<a class='twitter' expr:href='&quot;http://twitter.com/home?status=@p_g_%20(&quot; + data:post.url + &quot;)&quot;' target='_blank' title='Twitter 経由でコメントする'><img align='absmiddle' alt='Twitter 経由でコメントする' height='16' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUfQ7OqUhdTafUw8qZjAgtlI9bFUYJ84n_3ZZOs5UOdIRqgVz8YA1wWjiC3clgCzT8ZPxFhU94l-Szcl2BUMpIOKu0VLgVXuGmK1MYyKMIXd8EGZx6C1wGBKksvbtVKk3aFooqMLceuWw/s200/favicon.png' style='border: none;' width='16'/></a>