【カスタマイズ】コピペするだけ！カテゴリーをタグ風にカスタマイズする方法

f:id:mshimfujin:20160724195409j:plain f:id:mshimfujin:20160714173027j:plain こんにちはえむしです。この前のまとめの中に入れてもいいと思ったんですが、貼り付けるにはちょっと長くなってしまったので別記事にしました。

今回はサイドバーのカテゴリーをタグっぽくする方法のご紹介です。タグクラウド風にするやり方はまとめの方にリンクを記載しておきました。

blog.mshimfujin.net

よろしければこちらから。

今回の記事はこちらを参考に書かせていただきました。 nohack-nolife.hatenablog.com

さて、カスタマイズの為に、まずはこちらを開きます。
場所はデザイン→カスタマイズ→デザインCSSです。
そして、下記のコードをコピーそしてCSSのフィールドにペースト。
これで終わりです。

/* サイドバーのカテゴリーをカスタマイズ */
.hatena-module-category .hatena-module-body ul.hatena-urllist li {
    float: left; /* 右に寄せたければright */
}

.hatena-module-category .hatena-module-body ul.hatena-urllist li a{
    margin: 0 5px 5px;
    color: #fff; /* 文字色 */
    border-radius: 3px; /* 角を丸めます。エッジを効かせたい場合はこの行丸ごと削除してください */
    padding: 5px;
    background-color: #1d3557; /* 背景色 */
    text-decoration: none;
}

.hatena-module {
    clear: both;
    overflow: hidden;
}