読者です 読者をやめる 読者になる 読者になる

Market zero

シャドウバースのブログと化しています

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

ブログカスタマイズ 全ブログ記事

f:id:marketzero:20170102031341j:plain

はじめに

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

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

  

 

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

 

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

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

 

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

 

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

f:id:marketzero:20161229031421j:plain

 

 

f:id:marketzero:20170102034746j:plain

こんな形に見出しが変更されたかと思います。

テーマやデザインを色で合わせる事で統一感が生まれて見やすいブログにもなるので是非、試してみて下さい。

 

広告を非表示にする
Copyright (C) 2016 Marketzero All Rights Reserved.