ガジェットと写真とランニングのblog

管理人が日々の生活で感じたことやガジェットのレビューをつらつらと

続)はてなブログカスタマイズ 関連記事を一番下に持ってくる方法

前回の記事で読者になるボタンのカスタマイズを実施しました。

www.foto2strada.com

私のブログでは、はてなブログの関連記事を表示するを利用しているのですが読者になるボタンが関連記事の下に出てしまうのが気になりました。

そこで、今回は関連記事の表示する場所を一番下にするカスタマイズの紹介となります。

カスタマイズ方法

やり方はとっても簡単。 「デザイン」→「カスタマイズ」→「デザインCSS」に以下のCSSを追加します。

.customized-footer {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
}
.entry-footer-modules {
  -webkit-order:2;
  order:2;
  width: 100%;
}
.entry-footer-html {
  -webkit-order:1;
  order:1;
  width: 100%;
}

適用後

古いSafariを使っている人を考慮してプレフィックスも記載しております。 適用した後は以下のようになります。

ちょっと見栄えは良くなったかな。 テーマによってはうまくいかない場合もあるので、その場合は各自で調整してください。