Octopressにはてなボタンを追加する

_config.yml

# Twitter
twitter_tweet_button: true
twitter_tweet_button_lang: ja

# Google +1
google_plus_one: true
google_plus_one_size: medium
google_plus_one_lang: ja

# Facebook Like
facebook_like: true
facebook_lang: ja_JP
facebook_appID:

after_footer.html

{% include disqus.html %}
{% comment %}
{% include facebook_like.html %}
{% include google_plus_one.html %}
{% include twitter_sharing.html %}
{% endcomment %}
{% include custom/after_footer.html %}

custum-after_footer.html

{% comment %}
  Add content to be output at the bottom of each page. (You might use this for analytics scripts, for example)
{% endcomment %}
<script>
(function(w,d){
    var c,e=d.createDocumentFragment(),f=d.getElementsByTagName("script")[0],
    a=function(a,b){if(!d.getElementById(b)){c=d.createElement("script");
    c.src=a;c.id=b||null;c.async=true;e.appendChild(c);}};
{% if site.google_plus_one %}{% if site.google_plus_one_lang %}
    w.___gcfg={lang:"ja"};{% endif %}
    a("https://apis.google.com/js/plusone.js");
{% endif %}
{% if site.twitter_follow_button or site.twitter_tweet_button %}
    a("//platform.twitter.com/widgets.js");
{% endif %}
{% if site.facebook_like %}
    a("//connect.facebook.net/{% if site.facebook_lang %}{{ site.facebook_lang }}{% else %}en_US{% endif %}/all.js#{% if site.facebook_appID %}appId={{ site.facebook_appID }}&{% endif %}xfbml=1","facebook-jssdk");
{% endif %}
    a("//b.st-hatena.com/js/bookmark_button_wo_al.js");
    f.parentNode.insertBefore(e,f);
})(this,document);
</script>

Related-Files

source
└── _includes/
    ├── post/
    │   └── sharing.html             # post.html、page.html から
    └── after_footer.html            # default.html から
        ├── disqus.html              # after_footer.html から
        ├── facebook_like.html       # after_footer.html から
        ├── google_plus_one.html     # after_footer.html から
        ├── twitter_sharing.html     # after_footer.html から
        └── custom/after_footer.html # after_footer.html から（コメントのみ）

sharing.html

<div class="sharing">
  {% if site.twitter_tweet_button %}
  <a href="http://twitter.com/share" class="twitter-share-button" data-url="{{ site.url }}{{ page.url }}" data-via="{{ site.twitter_user }}" data-counturl="{{ site.url }}{{ page.url }}" {% if site.twitter_tweet_button_lang %}data-lang="{{ site.twitter_tweet_button_lang }}"{% endif %}>Tweet</a>
  {% endif %}
  {% if site.google_plus_one %}
  <div class="g-plusone" data-size="{{ site.google_plus_one_size }}"></div>
  {% endif %}
  <a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button"
      data-hatena-bookmark-layout="standard"
      data-hatena-bookmark-url="{{ site.url }}{{ page.url }}">
    <img src="http://b.st-hatena.com/images/entry-button/button-only.gif"
        alt="このエントリーをはてなブックマークに追加" width="20" height="20"
        style="border: none">
  </a>
  {% if site.facebook_like %}
    <div class="fb-like" data-send="true" data-width="450" data-show-faces="false"></div>
  {% endif %}
</div>

Octopressにはてブボタンを設置する