sysnakamura

/*サイドバー見出し変更*/
.hatena-module-title {
    position: static;
    background-color: #111;
    color: #fff;
}
.hatena-module-title a {
    color: #fff;
}

sysnakamura

/*カテゴリラベル色変更(記事)*/
.categories a {
    background: #111;
    color: #fff;
    border-radius: 0.2em;
}

/*カテゴリラベル色変更(archive)*/
.page-archive .categories a {
    background: #111;

sysnakamura

/*上に戻るボタンサイズ*/
.fa-5x {
    font-size: 4em !important;
}

sysnakamura

/*share-botton*/
.share-buttons{
    margin-bottom: 10px;
    text-align: left;
}
.share-buttons .inner a {
    position: relative;
    display: inline-block;
    width: 15%;
    height: 45px;

sysnakamura

<!--SNSシェアボタン-->
<div class="share-buttons">
<span style="font-size: 8px">シェアする</span>
<div class="inner">
<!--はてなブックマーク-->
<a href="http://b.hatena.ne.jp/entry/{URLEncodedPermalink}" class="hatena-bookmark-button" target="_blank" data-hatena-bookmark-title="{Title}" data-hatena-bookmark-layout="simple" title="このエントリーをはてなブックマークに追加"><i class="blogicon-bookmark lg"></i> <span class="hatena-bookmark-count share-text"><i class="fa fa-spinner fa-spin"></i></span><br> <span class="share-text">Bookmark!</span></a>
<!--Facebook-->
<a href="http://www.facebook.com/share.php?u={URLEncodedPermalink}" class="facebook-button" onclick="window.open(this.href,'FaceBookWindow','width=650,height=450,menubar=no,toolbar=no,scrollbars=yes');return false;" title="Facebookでシェア"><i class="blogicon-facebook lg"></i> <span class="facebook-count share-text"><i class="fa fa-spinner fa-spin"></i></span><br><span class="share-text">Facebook</span></a>
<!--Twitter-->
<a href="http://twitter.com/intent/tweet?text={Title} {URLEncodedPermalin

sysnakamura

<!--JQueryを使用-->
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<!--シェア数の取得-->
<script>
//はてなブックマークのシェア数
function getHatenaBookmarkCount(entryUrl, selcter) {
  entryUrl = 'http://api.b.st-hatena.com/entry.count?url=' + encodeURIComponent(entryUrl)
  $.ajax({
    url:entryUrl,
    dataType:'jsonp',

sysnakamura

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">

sysnakamura

<div id="trigger-point">
</div>
<div id="global-menu">
    <div id="mobile-head">
        <div id="nav-toggle">
            <div>
                <span></span>
                <span></span>
                <span></span>
            </div>

sysnakamura

<div id="trigger-point">
</div>
<div id="global-menu">
    <div id="mobile-head">
        <div id="nav-toggle">
            <div>
                <span></span>
                <span></span>
                <span></span>
            </div>

sysnakamura

/*タイトルをブログ名と違うものにする*/
#title:before {
    content: "タイトルに表示したい文字列を入力";
    color: タイトル文字のカラー;
    font-family: 'Google フォントの名前を指定', sans-serif; }

#title a { display: none; }