hatena_blog.html

<div class="share">
    <ul>
        <!-- はてなブックマーク -->
        <li class="share-hatena">
            <a href="http://b.hatena.ne.jp/add?mode=confirm&url={Permalink}&title={Title}" target="_blank"><i class="	blogicon-bookmark"></i></a>
        </li>
        <!-- Twitter -->
        <li class="share-twitter">
            <a href="https://twitter.com/intent/tweet?text={Title}&url={Permalink}&hashtags=はてなブログ" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true"></i></a>
        </li>
        <!-- Facebook -->
        <li class="share-facebook">
            <a href="https://www.facebook.com/sharer/sharer.php?u={Permalink}" target="_blank"><i class="fa fa-facebook-square" aria-hidden="true"></i></a>
        </li>
        <!-- Google+ -->
        <li class="share-google">
            <a href="https://plus.google.com/share?url={Permalink}" target="_blank"><i class="fa fa-google-plus-square" aria-hidden="true"></i></a>
        </li>
        <!-- Pocket -->
        <li class="share-pocket">
            <a href="http://getpocket.com/edit?url={Permalink}" target="_blank"><i class="fa fa-get-pocket" aria-hidden="true"></i></a>
        </li>
    </ul>
</div>