<p class="thumb"><img src="http://web-marketing.zako.org/images/2010/09/ShareSidebar.jpg" alt="ソーシャルメディア投稿ボタン" title="ShareSidebar" width="514" height="204" class="aligncenter size-full wp-image-16143" /></p>
<p>TwitterやFacebookをはじめ、DeliciousやGoogle Buzzなど、ソーシャルメディアには記事の評価をカウンタで視覚化してくれるものがたくさん存在しています。</p>
<p>そして最近では海外のブログメディアを中心に、投稿ボタンをサイドバーへ設置するのもよく見受けられます。ただ、そのボタンを１サービスずつブログに設置するのは少々手間がかかりますよね。</p>
<p>そこで今回は、そんなソーシャルメディアのシェアボタンをサイドバーへカンタンに設置できるサービスをご紹介します。</p><!--more-->
<h3 class='header-label'>サイドバーにソーシャルメディア投稿ボタンをまとめてつけられる「ShareSidebar」</h3>
<p>「<a href="http://sharesidebar.com/" target="_blank">ShareSidebar</a>」は、<strong>複数のソーシャルサービスのカウンタ付ボタンを、サイドバーへ一括で設置できる</strong>サービス。</p>
<p>ブラウザの左右どちらかの端に、ページスクロールしても、常時押せる状態にしておけるのがポイントです。</p>
<h4 class='tips'>対応するソーシャルメディア</h4>
<p>日本ではマイナーなサービスもありますが、対応するサービスは以下のとおりです。</p>
<ul><li>Twitter</li><li>Facebook</li><li>Google Buzz</li><li>Delicious</li><li>Digg</li><li>StumbleUpon</li><li>Reddit</li><li>Yahoo Buzz</li></ul>
<h4 class='tips'>タグの生成がカンタン</h4>
<p><img src="http://web-marketing.zako.org/images/2010/09/ShareSidebar1.png" alt="カウンタ付きボタン" title="ShareSidebar1" width="400" height="182" class="aligncenter size-full wp-image-16144" /><br />↑表示位置を左右から選び、表示させたいサービス名にチェック、そして必要情報を入力するだけでタグを生成します。</p>
<p><img src="http://web-marketing.zako.org/images/2010/09/ShareSidebar2.png" alt="埋め込みタグ" title="ShareSidebar2" width="400" height="204" class="aligncenter size-full wp-image-16145" /><br />↑「GET THE CODE」ボタンを押すと、このようにタグ取得画面が開くので、全選択して表示させたいサイトの&lt;/body&gt;タグの直前に貼りつければOKです。</p>
<p>ちなみに、このページの右側にボタンを設置しています。</p>
<h4 class='tips'>生成されるタグ</h4>
<p>ソースコードは以下のようになっています。ブログ全体で恒常的に利用するのであれば、CSSファイルに追記しておくのも良さそうですね。</p>

<textarea name="code" class="xhtml" id="code">
<style>
.FBConnectButton_Small{background-position:-5px -232px !important;border-left:1px solid #1A356E}.FBConnectButton_Text{margin-left:12px !important;padding:2px 3px 3px !important}#ShareSidebar{top: 25%;width:69px;Right: 0 !important;overflow:hidden;position: fixed;z-index: 100000;text-align:center;line-height:normal;_position: absolute;font-size:9px;}#ShareSidebar a,#ShareSidebar a:hover,#ShareSidebar a:visited{text-decoration:none;font-size:9px;}</style><div id="ShareSidebar">
<div style="float:left; margin:10px 0 0 10px;"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<div style="float:left; margin:10px 0 0 10px;"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>
	
<div style="float:left; margin:7px 0 0 10px;"><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div>
		
<div style="float:left; margin:10px 0 0 7px;"><script src="http://orkut-share.googlecode.com/svn/trunk/delicious.js"></script></div>
		
<div style="float:left; margin:10px 0 0 5px; color:#000000; font-family:Arial, Helvetica, sans-serif; background-color:#F4295C; padding:2px 3px;"><a href="http://sharesidebar.com" target="_blank"><font color="#ffffff">Share</font><font color="#000000">Sidebar</font></a></div></div>
</textarea>
<p>興味のある方は<a href="http://sharesidebar.com/" target="_blank">ShareSidebar</a>へどうぞ。</p>


<p>ソーシャルブックマークのDeliciousがあるのですから、欲をいえば日本固有のサービスであるはてなブックマークなども欲しいところですね。ただ、海外発の主要サービスを一度で設置できるのはなかなか便利です。</p>

<p>Via：<a href="http://www.delicious.com/url/6695246192de8ca1bc1b57933e411e15" target="_blank">delicious</a></p>

<div id="ShareSidebar">
<div style="float:left; margin:10px 0 0 10px;"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>
<div style="float:left; margin:10px 0 0 10px;"><script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script></div>
	
<div style="float:left; margin:7px 0 0 10px;"><script type="text/javascript" src="http://www.google.com/buzz/api/button.js"></script></div>
		
<div style="float:left; margin:10px 0 0 7px;"><script src="http://orkut-share.googlecode.com/svn/trunk/delicious.js"></script></div>
		
<div style="float:left; margin:10px 0 0 5px; color:#000000; font-family:Arial, Helvetica, sans-serif; background-color:#F4295C; padding:2px 3px;"><a href="http://sharesidebar.com" target="_blank"><font color="#ffffff">Share</font><font color="#000000">Sidebar</font></a></div></div>
<script type="text/javascript" src="http://SetRating.com/SetRating.js"></script><script type="text/javascript">SetRatingWidget("star")</script>