ブックマークボタンを改造・追加

「あなたと合体(ブックマーク)したい」(by創聖のアクエリオン)

というわけでそんな人のためにブックマークボタンを改造してみた。

（※この方法は現在バグ発生中につきお勧めしません）

before

after

例のごとく「Bloggerカスタマイズ情報ブログ」を参考にしました。
http://customize-your-blogger.blogspot.com/
http://customize-your-blogger.blogspot.com/2010/06/how-to-create-bookmark-buttons.html

以下はその改造手順

１．デザイン→ページ要素→ブログの投稿の｢編集｣→[共有] ボタンを表示するを有効化

２．デザイン→ＨＴＭＬの編集→ウィジェットのテンプレートを展開を有効化

]]></b:skin>

の直前に以下を添付

/* Share Buttons
---------------------------------------------- */
.post-share-buttons {width:290px;}
.share-button2 {
  display:block;
  width:21px;
  height:22px;
  float:left;
  background:url("http://2.bp.blogspot.com/_TNNQpsSXiP8/TBu4A0z9UPI/AAAAAAAAGQc/4xkaS0IAmDQ/s1600/share_buttons2.png") no-repeat left !important;
  overflow:hidden;
  margin-left:-1px;
}
.sb-hatena {background-position:0 0 !important;}
a:hover.sb-hatena {background-position:0 -22px !important;}
a:active.sb-hatena {background-position:0 -44px !important;}
.sb-yahoo {background-position:-21px 0 !important;}
a:hover.sb-yahoo {background-position:-21px -22px !important;}
a:active.sb-yahoo {background-position:-21px -44px !important;}
.sb-livedoor {background-position:-42px 0 !important;}
a:hover.sb-livedoor {background-position:-42px -22px !important;}
a:active.sb-livedoor {background-position:-42px -44px !important;}
.sb-nifty {background-position:-63px 0 !important;}
a:hover.sb-nifty {background-position:-63px -22px !important;}
a:active.sb-nifty {background-position:-63px -44px !important;}
.sb-google {background-position:-84px 0 !important;}
a:hover.sb-google {background-position:-84px -22px !important;}
a:active.sb-google {background-position:-84px -44px !important;}
.sb-stumbleupon {background-position:-105px 0 !important;}
a:hover.sb-stumbleupon {background-position:-105px -22px !important;}
a:active.sb-stumbleupon {background-position:-105px -44px !important;}
.sb-delicious {background-position:-126px 0 !important;}
a:hover.sb-delicious {background-position:-126px -22px !important;}
a:active.sb-delicious {background-position:-126px -44px !important;}
.sb-digg {background-position:-147px 0 !important;}
a:hover.sb-digg {background-position:-147px -22px !important;}
a:active.sb-digg {background-position:-147px -44px !important;}
.sb-reddit {background-position:-168px 0 !important; width:22px;}
a:hover.sb-reddit {background-position:-168px -22px !important;}
a:active.sb-reddit {background-position:-168px -44px !important;}

３．コードの中から

<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>

を見つけてその直後に以下を添付

<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
<a class='share-button2 sb-hatena' expr:href='&quot;http://b.hatena.ne.jp/append?&quot; + data:post.url' target='_blank' title='はてなブックマークに登録する'>
        <span class='share-button-link-text'>はてなブックマークに登録する</span></a>
      <a class='share-button2 sb-yahoo' expr:href='&quot;http://bookmarks.yahoo.co.jp/action/bookmark?t=&quot; + data:post.title + &quot;&amp;u=&quot; + data:post.url' target='_blank' title='Yahoo! ブックマークに登録する'>
        <span class='share-button-link-text'>Yahoo! ブックマークに登録する</span></a>
      <a class='share-button2 sb-livedoor' expr:href='&quot;http://clip.livedoor.com/redirect?link=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title +  &quot;&amp;jump=myclip&quot;' target='_blank' title='livedoor クリップに登録する'>
        <span class='share-button-link-text'>livedoor クリップに登録する</span></a>
      <a class='share-button2 sb-nifty' expr:href='&quot;http://clip.nifty.com/create?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='@nifty クリップに登録する'>
        <span class='share-button-link-text'>@nifty クリップに登録する</span></a>
      <a class='share-button2 sb-google' expr:href='&quot;http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Google ブックマークに登録する'>
        <span class='share-button-link-text'>Google ブックマークに登録する</span></a>
      <a class='share-button2 sb-stumbleupon' expr:href='&quot;http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='stumbleupon に登録する'>
        <span class='share-button-link-text'>stumbleupon に登録する</span></a>
      <a class='share-button2 sb-delicious' expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='del.icio.us に登録する'>
        <span class='share-button-link-text'>del.icio.us に登録する</span></a>
      <a class='share-button2 sb-digg' expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='digg に登録する'>
        <span class='share-button-link-text'>digg に登録する</span></a>
      <a class='share-button2 sb-reddit' expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='reddit に登録する'>
        <span class='share-button-link-text'>reddit に登録する</span></a>