カスタマイズ日和

はてなブログをカスタマイズした記録をまとめていきます。ミジンコのようにちまちまとカスタマイズ中。

【はてなブログ】サイドバーを読みやすくラインで分けるには

ずっと「見にくいなぁ…」と感じていたサイドバーの最新記事一覧を、項目ごとにラインを引いて分け、見やすくしてみました。

 f:id:darie1228:20160221122157p:plain

やり方は、

デザイン → スパナアイコン → デザインCSS に以下のコードをコピペ。

.hatena-urllist li {
padding: 8px 0;
border-bottom: 1px dashed #dddddd;
line-height: 1.5;
}

これだけ。(最近こんなのばっかり。。。)

hatena-urllist li がサイドバーの最新記事のリスト表示を、

border-bottom が下線を表します。

赤字の部分で下線の太さ・形(一本線はsolid、二重線はdouble、点線はdotted)・色を変更できます。

 

3分クッキング以上にお手軽なのに、スッキリ見やすくなるのでおすすめです!!