Changed: look and feel of hatena bookmark button

Author: mallowlabs

_layouts/product.html

@@ -73,8 +73,8 @@ <h2 class="title">{{ page.subtitle }} </h2>
         <div class="twitter">
           <a href="http://twitter.com/share" class="twitter-share-button" data-url="{{page.canonical_url}}" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
         </div>
-        <div class="hatena" style="width: 68px">
-          <a href="http://b.hatena.ne.jp/entry/{{ page.canonical_url }}" class="hatena-bookmark-button" data-hatena-bookmark-title="{{page.title}} | {{page.subtitle}}" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
+        <div class="hatena" style="width:120px">
+          <a href="http://b.hatena.ne.jp/entry/{{ page.canonical_url }}" class="hatena-bookmark-button" data-hatena-bookmark-title="{{page.title}} | {{page.subtitle}}" data-hatena-bookmark-layout="standard-balloon" data-hatena-bookmark-lang="ja"title="このエントリーをはてなブックマークに追加"><img src="http://b.st-hatena.com/images/entry-button/button-only@2x.gif" alt="このエントリーをはてなブックマークに追加" width="20" height="20" style="border: none;" /></a><script type="text/javascript" src="http://b.st-hatena.com/js/bookmark_button.js" charset="utf-8" async="async"></script>
         </div>
         <div class="facebook">
           <iframe src="http://www.facebook.com/plugins/like.php?href={{ page.canonical_url | cgi_escape }}&amp;layout=button_count&amp;show_faces=false&amp;width=110&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:110px; height:21px;" allowTransparency="true"></iframe>