ソーシャルボタンのカウントを、ボタンの右、ボタンの左、ボタンの上、ボタンの下、ボタンの中の５つのパターンから好きな場所に付ける
- 公式ボタン、デザインボタン -
Twitter, Facebook, Google+, Hatena, Pinerest, Feedly, LDR, Pocket, Linkedin, Buffer
- １０サイト -

<!-- jQuery -->
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<!-- jQuery-snsbuttonプラグイン -->
<script src="js/jquery-snsbutton-1.2.js"></script>
<!-- カウント表示用吹き出しCSS -->
<link href="js/socialbutton-balloon.css" rel="stylesheet" type="text/css">

<script>
// jquery 1.8以上
function buttoncountSet(site,target,url){
        var shareurl;
        if(url == "" || url === undefined || url == null ){
             shareurl = document.URL;         
         }
        else{
             shareurl = url;         // ボタン設置ページのURL   
         }
        var site = site;            // SNS サイト名 例：facebook
        var phpurl = "http://urbanqee.com/webutil/sns/js/socialbutton-count.php";  // ソーシャルボタンカウント取得PHP URL (要修正）     
        var pw = "H290707";         // パスワード
        $.ajax({
            url: phpurl,            // ソーシャルボタンカウント取得PHP
            dataType: "json",
            data: { url: shareurl, site: site, pass: pw }, 
              }).done(function(data){
                var res = data;
                $(target).text(res);

                var obj =  $(target).parent("div");    //親要素OBJ取得、全子要素にFloat属性設定、Float属性解除設定（以下３ステップ）
                $(obj).children( "div" ).css({ "float": "left", "margin": "2px", "display": "block", "vertical-align": "middle", "cursor": "pointer" });
                $(target).after("<div style='content: ; clear: both; display: block;'></div>"); 

              }).fail(function(data){
                var res = "error";
                $(target).text(res);
                console.log(obj);
             });
}
</script>

<!-- ② カウント -->
<div id="count_id_name" class="吹き出しのclass_name" style="width:ボタンの大きさpx">
<script>buttoncountSet("facebook","#count_id_name","ソーシャルボタンを設置したページのURL");</script>
</div>
<!-- ① Facebook 公式ボタン -->
<div class="fb-share-button" data-href="http://urbanqee.com/webutil/sns/social-officialbutton-countphp.html" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Furbanqee.com%2Fwebutil%2Fsns%2Fsocial-officialbutton-countphp.html&src=sdkpreparse">シェア</a>
</div>

<!-- ③ Facebook公式ボタン javascript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>

<!-- ① Facebook デザインボタン -->
<div class="button-fb2">
</div>
<!-- ② Facebook カウント -->
<div id="count_id2" class="balloon_bottom" style="width:67px"><script>buttoncountSet("facebook","#count_id2","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
</div>

<!-- ③ Facebook デザインボタン jQuery-snsbuttonプラグイン起動 javascript -->
<script>
 $('.button-fb2').snsbutton('facebookShare', { img: 'images/Facebook.png', alt: 'このページの情報を Facebook - count付き で共有する',
      width: '64', height: '64', url: "http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php" });
</script>

</body>

<!-- ボタン部分のHTMLコード -->
<div class="fb-share-button" data-href="http://urbanqee.com/webutil/sns/social-officialbutton-countphp.html" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Furbanqee.com%2Fwebutil%2Fsns%2Fsocial-officialbutton-countphp.html&src=sdkpreparse">シェア</a></div>

<!-- javascript部分のHTMLコード -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<DIV style="width:110px"> <!-- ④ 親DIV要素 -->
 <!-- ① Facebook 公式ボタン data-share属性は省略 -->
 <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">シェア</a>
 </div>
 <!-- ② Facebook カウント -->
 <div id="count_id3" class="balloon_right"><script>buttoncountSet("facebook","#count_id3","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>
</DIV>

<!-- ③ Facebook公式ボタン javascript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>

<DIV style="width:120px"> <!-- ④ 親DIV要素 -->
 <!-- ② Facebook カウント -->
 <div id="count_id4" class="balloon_left"><script>buttoncountSet("facebook","#count_id4","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>
 <!-- ① Facebook 公式ボタン data-share属性は省略 -->
 <div class="fb-share-button" data-href="https://developers.facebook.com/docs/plugins/" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&src=sdkpreparse">シェア</a>
 </div>
</DIV>

<!-- ③ Facebook公式ボタン javascript -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>

<!-- ボタン部分のHTMLコード -->
<div class="fb-share-button" data-href="http://urbanqee.com/webutil/sns/social-officialbutton-countphp.html" data-layout="button" data-size="large" data-mobile-iframe="true"><a class="fb-xfbml-parse-ignore" target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Furbanqee.com%2Fwebutil%2Fsns%2Fsocial-officialbutton-countphp.html&src=sdkpreparse">シェア</a></div>

<!-- javascript部分のHTMLコード -->
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/ja_JP/sdk.js#xfbml=1&version=v2.10";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<DIV style="position: relative;width: 135px; height: 30px; border: none;"> <!-- 親DIV要素  -->
 <!-- ① デザインボタン -->
 <div class="button-fb3"></div> 
 <!-- ② カウント -->
 <div id="count_id5" 
         style="position: absolute; top: 25%; right: 5%; color: #ffffff; padding: 1px;
         font-size: 12px; font-style:italic;">
         <script>buttoncountSet("facebook","#count_id5","https://www.youtube.com/");</script>
 </div> 
</DIV>

<!-- ③ javascript デザインボタン設置 -->
<script>
 $(function(){
    $('.button-twitter').snsbutton('twitterShare', { img: 'images/facebook-count3.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '135', height: '30' });
 });
</script>
</body>

<!-- カウント -->
<div id="twitter_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("twitter","#twitter_count1","http://urbanqee.com/");</script>
</div>
<!-- デザインボタン -->
<div class="twitter-button1"></div>

<!-- ボタン生成 -->
<script>
 $(function(){
    $('.twitter-button1').snsbutton('twitterShare', { img: 'images/icons-type1/Twitter.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="twitter-button2"></div>
 <!-- Facebook カウント -->
 <div id="twitter_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("twitter","#twitter_count2","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>

<!-- ボタン生成 -->
<script>
 $(function(){
    $('.twitter-button2').snsbutton('twitterShare', { img: 'images/icons-type2/Twitter.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<DIV style="width:120px"><!-- 親要素 -->
 <!-- 公式ボタン -->
 <div>
 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://urbanqee.com/webutil/sns/social-officialbutton-countphp.html" data-via="hanaranzan" data-size="large">Tweet</a> 
 </div>
 <!-- カウント -->
 <div id="twitter_count3" class="balloon_right"><script>buttoncountSet("twitter","#twitter_count3","http://urbanqee.com/");</script>
 </div>
</DIV>

<!-- ボタン生成 -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

</body>

<DIV style="width:120px"><!-- 親要素 -->
 <!-- カウント -->
 <div id="twitter_count4" class="balloon_left"><script>buttoncountSet("twitter","#twitter_count4","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>
 <!-- 公式ボタン -->
 <div>
   <a href="https://twitter.com/share" class="twitter-share-button" data-via="hanaranzan" data-lang="ja">ツイート</a>
 </div>
</DIV>

<!-- ボタン生成 -->
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

</body>

<DIV style="position: relative;width: 135px; height: 30px; border: none;">
 <!-- デザインボタン -->
 <div class="twitter-button5"></div> 
 <!-- カウント -->
 <div id="twitter_count5" 
         style="position: absolute; top: 25%; right: 2%; color: #ffffff; padding: 1px;
         font-size: 10px; font-style:italic;"> 
         <script>buttoncountSet("twitter","#twitter_count5","https://www.youtube.com/");</script>
 </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.twitter-button5').snsbutton('twitterShare', { img: 'images/twitter-count.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '135', height: '30' });
  });
</script>

</body>

<!-- カウント -->
<div id="facebook_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("facebook","#facebook_count1");</script>
</div>
<!-- デザインボタン -->
<div class="facebook-button1"></div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.facebook-button1').snsbutton('facebookShare', { img: 'images/icons-type1/Facebook.jpg', 
       alt: 'このページの情報を カウント付きFacebook で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="facebook-button2"></div>
 <!-- カウント -->
 <div id="facebook_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("facebook","#facebook_count2","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.facebook-button2').snsbutton('facebookShare', { img: 'images/icons-type2/Facebook.png', 
       alt: 'このページの情報を カウント付きFacebook で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- Facebook デザインボタン -->
 <div class="facebook-button3"></div>
 <!-- Facebook カウント -->
 <div id="facebook_count3" class="balloon_right"><script>buttoncountSet("facebook","#facebook_count3","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.facebook-button3').snsbutton('facebookShare', { img: 'images/facebook-share.jpg', 
       alt: 'このページの情報を カウント付きFacebook で共有する',
       width: '100', height: '25' });
  });
</script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- Facebook カウント -->
 <div id="facebook_count4" class="balloon_left"><script>buttoncountSet("facebook","#facebook_count4","http://urbanqee.com/doga/dl-cur/youtube-video_downloader.php");</script>
 </div>
 <!-- Facebook デザインボタン -->
 <div class="facebook-button4"></div></div>
</div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.facebook-button4').snsbutton('facebookShare', { img: 'images/facebook-share.jpg', 
       alt: 'このページの情報を カウント付きFacebook で共有する',
       width: '100', height: '25' });
  });
</script>

</body>

<DIV style="position: relative;width: 135px; height: 30px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="facebook-button5"></div> 
    <!-- カウント -->
    <div id="facebook_count5" 
         style="position: absolute; top: 25%; right: 5%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("facebook","#facebook_count5","https://www.youtube.com/");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.facebook-button5').snsbutton('facebookShare', { img: 'images/facebook-count.jpg', 
       alt: 'このページの情報を カウント付きFacebook で共有する',
       width: '135', height: '30' });
  });
</script>

</body>

<!-- カウント -->
<div id="google_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("google","#google_count1");</script>
</div>
<!-- デザインボタン -->
<div class="google-button1"></div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.google-button1').snsbutton('googlePlus1', { img: 'images/icons-type1/Google+.jpg', 
       alt: 'このページの情報を カウント付きGoogle+ で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="google-button2"></div>
 <!-- カウント -->
 <div id="google_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("google","#google_count2","https://plus.google.com/101748015513264110691");</script>
 </div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.google-button2').snsbutton('googlePlus1', { img: 'images/icons-type2/Google+.png', 
       alt: 'このページの情報を カウント付きGoogle+ で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- 公式ボタン -->
 <div><div class="g-plus" data-action="share" data-annotation="none" data-height="24"></div></div>
 <!-- カウント -->
 <div id="google_count3" class="balloon_right"><script>buttoncountSet("google","#google_count3","https://plus.google.com/101748015513264110691");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.google-button3').snsbutton('googlePlus1', { img: 'images/google-plus1.jpg', 
       alt: 'このページの情報を カウント付きGoogle+ で共有する',
       width: '50', height: '25' });
  });
</script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="google_count4" class="balloon_left"><script>buttoncountSet("google","#google_count4","https://plus.google.com/101748015513264110691");</script>
 </div>
 <!-- 公式ボタン -->
 <div class="g-plus" data-action="share" data-annotation="none" data-height="24"></div>
</div>

<!-- ボタン生成 -->
<script> 
 $(function(){
    $('.google-button4').snsbutton('googlePlus1', { img: 'images/google-plus1.jpg', 
       alt: 'このページの情報を カウント付きGoogle+ で共有する',
       width: '50', height: '25' });
  });
</script>

</body>

<DIV style="position: relative;width: 135px; height: 30px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="google-button5"></div> 
    <!-- カウント -->
    <div id="google_count5" 
         style="position: absolute; top: 25%; right: 5%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("google","#google_count5","https://plus.google.com/104375100134443203420");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.google-button5').snsbutton('googlePlus1', { img: 'images/googleplus1-count1.jpg', 
       alt: 'このページの情報を カウント付きGoogle+ で共有する',
       width: '135', height: '25' });
  });
</script>

</body>

<!-- カウント -->
<div id="hatena_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("hatena","#hatena_count1","http://urbanqee.com/webutil/photo/shadowbox/photo-shadowbox.html");</script>
</div>
<!-- デザインボタン -->
<div class="hatena-button1"></div>

<!-- ボタン生成 -->
<script> 
    $('.hatena-button1').snsbutton('hatenaBookmark', { img: 'images/icons-type1/Hatebu.jpg', 
       alt: 'このページの情報を カウント付きHatena で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="hatena-button2"></div>
 <!-- カウント -->
 <div id="hatena_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("hatena","#hatena_count2","http://urbanqee.com/");</script>
 </div>

<!-- ボタン生成 -->
<script> 
    $('.hatena-button2').snsbutton('hatenaBookmark', { img: 'images/icons-type2/Hatebu.png', 
       alt: 'このページの情報を カウント付きHatena で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- デザインボタン -->
 <div class="hatena-button3"></div>
 <!-- カウント -->
 <div id="hatena_count3" class="balloon_right"><script>buttoncountSet("hatena","#hatena_count3","http://urbanqee.com/webutil/photo/shadowbox/photo-shadowbox.html");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.hatena-button3').snsbutton('hatenaBookmark', { img: 'images/hatena-bookmark.jpg', 
       alt: 'このページの情報を カウント付きHatena で共有する',
       width: '100', height: '21' });
  });
</script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="hatena_count4" class="balloon_left"><script>buttoncountSet("hatena","#hatena_count4","http://urbanqee.com/");</script>
 </div>
 <!-- デザインボタン -->
 <div class="hatena-button4"></div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.hatena-button4').snsbutton('hatenaBookmark', { img: 'images/hatena-bookmark.jpg', 
       alt: 'このページの情報を カウント付きHatena で共有する',
       width: '100', height: '21' });
  });
</script>

</body>

<DIV style="position: relative;width: 64px; height: 64px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="hatena-button5"></div> 
    <!-- カウント -->
    <div id="hatena_count5" 
         style="position: absolute; bottom: 5%; right: 40%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("hatena","#hatena_count5","http://urbanqee.com/webutil/photo/shadowbox/photo-shadowbox.html");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.hatena-button5').snsbutton('hatenaBookmark', { img: 'images/icons-type3/Hatebu.png', 
       alt: 'このページの情報を カウント付きHatena で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

<!-- カウント -->
<div id="pinterest_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("pinterest","#pinterest_count1","http://pinplugins.com/pincount/");</script>
</div>
<!-- デザインボタン -->
<div class="pinterest-button1"></div>

<!-- ボタン生成 -->
<script> 
    $('.pinterest-button1').snsbutton('pinTerest', { img: 'images/icons-type1/Pinterest.jpg', 
       alt: 'このページの情報を カウント付きPinterest で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="pinterest-button2"></div>
 <!-- カウント -->
 <div id="pinterest_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("pinterest","#pinterest_count2","http://pinplugins.com/pincount/");</script>
 </div>

<!-- ボタン生成 -->
<script> 
    $('.pinterest-button2').snsbutton('pinTerest', { img: 'images/icons-type2/Pinterest.png', 
       alt: 'このページの情報を カウント付きPinterest で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- デザインボタン -->
 <div class="pinterest-button3"></div>
 <!-- カウント -->
 <div id="pinterest_count3" class="balloon_right"><script>buttoncountSet("pinterest","#pinterest_count3","http://pinplugins.com/pincount/");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.pinterest-button3').snsbutton('pinTerest', { img: 'images/pinterest-white-button.jpg', 
       alt: 'このページの情報を カウント付きPinterest で共有する',
       width: '57', height: '28' });
  });
</script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="pinterest_count4" class="balloon_left"><script>buttoncountSet("pinterest","#pinterest_count4","http://pinplugins.com/pincount/");</script>
 </div>
 <!-- デザインボタン -->
 <div class="pinterest-button4"></div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.pinterest-button4').snsbutton('pinTerest', { img: 'images/pinterest-white-button.jpg', 
       alt: 'このページの情報を カウント付きPinterest で共有する',
       width: '57', height: '28' });
  });
</script>

</body>

<DIV style="position: relative;width: 64px; height: 64px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="pinterest-button5"></div> 
    <!-- カウント -->
    <div id="pinterest_count5" 
         style="position: absolute; bottom: 5%; right: 30%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("pinterest","#pinterest_count5","http://pinplugins.com/pincount/");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.pinterest-button5').snsbutton('pinTerest', { img: 'images/icons-type7/Pinterest.png', 
       alt: 'このページの情報を カウント付きPinterest で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

<!-- カウント -->
<div id="feedly_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("feedly","#feedly_count1","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
</div>
<!-- デザインボタン -->
<div class="feedly-button1"></div>

<!-- ボタン生成 -->
<script> 
    $('.feedly-button1').snsbutton('feedlyRss', { img: 'images/icons-type1/Feedly.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="feedly-button2"></div>
 <!-- カウント -->
 <div id="feedly_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("feedly","#feedly_count2","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
 </div>

<!-- ボタン生成 -->
<script> 
    $('.feedly-button2').snsbutton('feedlyRss', { img: 'images/icons-type2/Feedly.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- デザインボタン -->
 <div class="feedly-button3"></div>
 <!-- カウント -->
 <div id="feedly_count3" class="balloon_right"><script>buttoncountSet("feedly","#feedly_count3","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.feedly-button3').snsbutton('feedlyRss', { img: 'http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-small_2x.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '71', height: '28' });
  });
</script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="feedly_count4" class="balloon_left"><script>buttoncountSet("feedly","#feedly_count4","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
 </div>
 <!-- デザインボタン -->
 <div class="feedly-button4"></div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.feedly-button4').snsbutton('feedlyRss', { img: 'http://s3.feedly.com/img/follows/feedly-follow-rectangle-volume-small_2x.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '71', height: '28' });
  });
</script>

</body>

<DIV style="position: relative;width: 145px; height: 36px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="feedly-button5"></div> 
    <!-- カウント -->
    <div id="feedly_count5" 
         style="position: absolute; top: 45%; right: 2%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("feedly","#feedly_count5","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.feedly-button5').snsbutton('feedlyRss', { img: 'images/feedly-count2.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '145', height: '36' });
  });
</script>

</body>

<!-- カウント -->
<div id="livedoor_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("livedoor","#livedoor_count1","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
</div>
<!-- デザインボタン -->
<div class="livedoor-button1"></div>

<!-- ボタン生成 -->
<script> 
    $('.livedoor-button1').snsbutton('ldrRss', { img: 'images/ldr_bigger.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="livedoor-button2"></div>
 <!-- カウント -->
 <div id="livedoor_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("livedoor","#livedoor_count2","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
 </div>

<!-- ボタン生成 -->
<script> 
    $('.livedoor-button2').snsbutton('ldrRss', { img: 'images/icon_ld.gif', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:160px"> <!-- 親DIV要素 -->
 <!-- デザインボタン -->
 <div class="livedoor-button3"></div>
 <!-- カウント -->
 <div id="livedoor_count3" class="balloon_right"><script>buttoncountSet("livedoor","#livedoor_count3","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.livedoor-button3').snsbutton('ldrRss', { img: 'http://image.reader.livedwango.com/img/banner/117_20_2.gif', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '117', height: '20' });
  });
</script>

</body>

<div style="width:160px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="livedoor_count4" class="balloon_left"><script>buttoncountSet("livedoor","#livedoor_count4","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
 </div>
 <!-- デザインボタン -->
 <div class="livedoor-button4"></div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.livedoor-button4').snsbutton('ldrRss', { img: 'http://image.reader.livedwango.com/img/banner/117_20_2.gif', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '117', height: '20' });
  });
</script>

</body>

<DIV style="position: relative;width: 64px; height: 64px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="livedoor-button5"></div> 
    <!-- カウント -->
    <div id="livedoor_count5" 
         style="position: absolute; top: 2%; right: 35%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("livedoor","#livedoor_count5","http://rssblog.ameba.jp/ske48official/rss20.xml");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.livedoor-button5').snsbutton('ldrRss', { img: 'images/icon_ld.gif', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

<!-- カウント -->
<div id="pocket_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("pocket","#pocket_count1","https://www.google.co.jp/");</script>
</div>
<!-- デザインボタン -->
<div class="pocket-button1"></div>

<!-- ボタン生成 -->
<script> 
    $('.pocket-button1').snsbutton('pocketButton', { img: 'images/icons-type1/Pocket.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="pocket-button2"></div>
 <!-- カウント -->
 <div id="pocket_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("pocket","#pocket_count2","https://www.google.co.jp/");</script>
 </div>

<!-- ボタン生成 -->
<script> 
    $('.pocket-button2').snsbutton('pocketButton', { img: 'images/icons-type2/Pocket.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- デザインボタン -->
 <div class="pocket-button3"></div>
 <!-- カウント -->
 <div id="pocket_count3" class="balloon_right"><script>buttoncountSet("pocket","#pocket_count3","https://www.google.co.jp/");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.pocket-button3').snsbutton('pocketButton', { img: 'images/icons-type3/Pocket.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '32', height: '32' });
  });
</script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="pocket_count4" class="balloon_left"><script>buttoncountSet("pocket","#pocket_count4","https://www.google.co.jp/");</script>
 </div>
 <!-- デザインボタン -->
 <div class="pocket-button4"></div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.pocket-button4').snsbutton('pocketButton', { img: 'images/icons-type7/Pocket.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '32', height: '32' });
  });
</script>

</body>

<DIV style="position: relative;width: 164px; height: 30px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="pocket-button5"></div> 
    <!-- カウント -->
    <div id="pocket_count5" 
         style="position: absolute; bottom: 5%; right: 5%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("pocket","#pocket_count5","https://www.google.co.jp/");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.pocket-button5').snsbutton('pocketButton', { img: 'images/pocket-count1.jpg', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '164', height: '30' });
  });
</script>

</body>

<!-- カウント -->
<div id="linkedin_count1" class="balloon_top" style="width:55px"><script>buttoncountSet("linkedin","#linkedin_count1","https://www.yahoo.com/");</script>
</div>
<!-- デザインボタン -->
<div class="linkedin-button1"></div>

<!-- ボタン生成 -->
<script> 
    $('.linkedin-button1').snsbutton('linkedIn', { img: 'images/in/In-2C-54px-R.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>

 <!-- デザインボタン -->
 <div class="linkedin-button2"></div>
 <!-- カウント -->
 <div id="linkedin_count2" class="balloon_bottom" style="width:55px"><script>buttoncountSet("linkedin","#linkedin_count2","https://www.yahoo.com/");</script>
 </div>

<!-- ボタン生成 -->
<script> 
    $('.linkedin-button2').snsbutton('linkedIn', { img: 'images/in/In-Black-54px-R.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '64', height: '64' });
  });
</script>

</body>
  

<div style="width:175px"> <!-- 親DIV要素 -->
 <!-- デザインボタン -->
 <div class="linkedin-button3"></div>
 <!-- カウント -->
 <div id="linkedin_count3" class="balloon_right"><script>buttoncountSet("linkedin","#linkedin_count3","https://www.yahoo.com/");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.linkedin-button3').snsbutton('linkedIn', { img: 'images/in/Logo-2C-34px-R.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '122', height: '28' });
  });
</script>

</body>

<div style="width:175px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="linkedin_count4" class="balloon_left"><script>buttoncountSet("linkedin","#linkedin_count4","https://www.yahoo.com/");</script>
 </div>
 <!-- デザインボタン -->
 <div class="linkedin-button4"></div>
</div>

<!-- ボタン生成 -->
<script> 
    $('.linkedin-button4').snsbutton('linkedIn', { img: 'images/in/Logo-2C-34px-R.png', 
       alt: 'このページの情報を カウント付きTwitter で共有する',
       width: '122', height: '28' });
  });
</script>

</body>

<DIV style="position: relative;width: 136px; height: 31px; border: none;"> <!-- 親DIV要素 -->
    <!-- ボタン -->
    <div class="linkedin-button5"></div> 
    <!-- カウント -->
    <div id="linkedin_count5" 
         style="position: absolute; top: 30%; right: 5%; color: #ffffff; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("linkedin","#linkedin_count5","https://www.yahoo.com/");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script> 
    $('.linkedin-button5').snsbutton('linkedIn', { img: 'images/in/linkedin-count.jpg', 
       alt: 'このページの情報を カウント付きLinkedin で共有する',
       width: '136', height: '31' });
  });
</script>

</body>

<!-- カウント -->
<div id="buffer_count1" class="balloon_top" style="width:45px"><script>buttoncountSet("buffer","#buffer_count1","https://www.google.com/");</script>
</div>
<div><!-- 公式ボタン -->
<a href="http://bufferapp.com/add" class="buffer-add-button" data-text="Hi" data-url="http://urbanqee.com/webutil/sns/socialbutton-count-5positions.html" data-count="none" ></a>
</div>

<!-- ボタン生成 -->
<script type="text/javascript" src="https://static.buffer.com/js/button.js"></script>

</body>

<div><!-- 公式ボタン -->
<a href="http://bufferapp.com/add" class="buffer-add-button" data-text="Hi" data-url="http://urbanqee.com/webutil/sns/socialbutton-count-5positions.html" data-count="none" ></a>
</div>
 <!-- カウント -->
 <div id="buffer_count2" class="balloon_bottom" style="width:45px"><script>buttoncountSet("buffer","#buffer_count2","https://www.google.com/");</script>
 </div>

<!-- ボタン生成 -->
<script type="text/javascript" src="https://static.buffer.com/js/button.js"></script>

</body>
  

<div style="width:150px"> <!-- 親DIV要素 -->
 <div><!-- 公式ボタン -->
 <a href="http://bufferapp.com/add" class="buffer-add-button" data-text="Hi" data-url="http://urbanqee.com/webutil/sns/socialbutton-count-5positions.html" data-count="none" ></a>
 </div>
 <!-- カウント -->
 <div id="buffer_count3" class="balloon_right"><script>buttoncountSet("buffer","#buffer_count3","https://www.google.com/");</script>
 </div>
</div>

<!-- ボタン生成 -->
<script type="text/javascript" src="https://static.buffer.com/js/button.js"></script>

</body>

<div style="width:150px"> <!-- 親DIV要素 -->
 <!-- カウント -->
 <div id="buffer_count4" class="balloon_left"><script>buttoncountSet("buffer","#buffer_count4","https://www.google.com/");</script>
 </div>
 <div><!-- 公式ボタン -->
 <a href="http://bufferapp.com/add" class="buffer-add-button" data-text="Hi" data-url="http://urbanqee.com/webutil/sns/socialbutton-count-5positions.html" data-count="none" ></a>
 </div>
</div>

<!-- ボタン生成 -->
<script type="text/javascript" src="https://static.buffer.com/js/button.js"></script>

</body>

<DIV style="position: relative;width: 58px; height: 30px; border: none;"> <!-- 親DIV要素 -->
   <div><!-- 公式ボタン -->
    <a href="http://bufferapp.com/add" class="buffer-add-button" data-text="Hi" data-url="http://urbanqee.com/webutil/sns/socialbutton-count-5positions.html" data-count="none" ></a>
   </div> 
    <!-- カウント -->
    <div id="buffer_count5" 
         style="position: absolute; bottom: 5%; right: 0%; color: red; padding: 1px;
         font-size: 11px; font-family: arial, "ＭＳ ゴシック",sans-serif;">
         <script>buttoncountSet("buffer","#buffer_count5","https://www.google.com/");</script>
    </div> 
</DIV>

<!-- ボタン生成 -->
<script type="text/javascript" src="https://static.buffer.com/js/button.js"></script>

</body>