はてなブログのカスタマイズ方法③～サイドバーのカスタマイズ～

はじめに

ブログを作成したらまず着手したいのが、サイト上一番目立つサイドバーになります。

ここの部分はプロフィールや最新記事など、重要な事を載せるため一番カスタマイズすべき部分でもあります。

サイドバーのカスタマイズについて

前回までで、見出しのカスタマイズと、スマホ画面のレスポンシブデザインについて説明しました。

今回のサイドバーのデザインCSSに貼るコードは以下になります。

  .hatena-module-title{
 color: #ffffff;
 background: #3366ff;
 border-radius: 5px;
 padding: 20px 20px;
 }

場所はいつも通りダッシュボード＞デザイン＞スパナ＞デザインCSSになります。

これで今見て頂いているこのサイトのサイドバーのように色が付いたかと思います。

テーマやデザインを色で合わせる事で統一感が生まれ、

見やすいブログになるかと思います。

是非、試してみて下さい。