カスタマイズ日和

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

【はてなブログ】サイドバーをカスタマイズするには

すごく小さな話ですが、サイドバーの変更についてまとめておきます。

 

元々のサイドバーはこちら↓

f:id:darie1228:20160221055036p:plain

下線を引いてみる

こんな感じになります。

f:id:darie1228:20160221054712p:plain

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

.hatena-module-title{
padding-left: 10px;
border-bottom: 3px solid #009250;
}

hatena-module-title がサイドバーのことを指すみたいです。

あとは、border-bottom(下線)赤字の部分で下線の太さと色を変更してみてください。

 

 

背景色をつけてみる

こんな感じになります。

f:id:darie1228:20160221054809p:plain

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

.hatena-module-title {
border-bottom: 1px solid #ddd;
background: #009250;
color: white;
}

background が背景色なので、赤字の部分で色を変更してみてください。

color は文字色を指すので、赤字の部分をHTMLカラーも使えますので色を変更してみてください。

 

超簡単ですが、ほかにもサイドバーのカスタマイズを見つけたら、また書きます!