bloggerカスタマイズ：注目の投稿の画像サイズを小さくする方法

おはよう、諸君。われわれはいま窮地に立たされている。

後方には壁、前方には超大型巨人がひかえている。

しかーっし！ここで死ぬことは無駄なのか？無力なのか？


否ッ！！断じて違うっ！


ということで今回、われわれはqooqのカスタマイズだけじゃなくblogger全体のカスタマイズを紹介しようと思うっ！

注目の投稿ガジェットの写真が大きすぎるので小さく表示するカスタマイズとなるっ！

全軍我につづけーっ！（進撃の巨人アニメおもしろいよねー）

カスタマイズイメージ

↓↓↓　これが…　↓↓↓



こうなる！
注目の投稿ガジェットの画像が小さくなってますねー♪ふふふ

恒例のコピペカスタマイズ！

bloggerに心臓をささげた諸君っ！次のコードをコピペしたら完了っ！

↓↓↓　コピペ　↓↓↓
.FeaturedPost img {
  max-width :160px;
  border-radius :10px;
  display :block;
  margin-left :auto;
  margin-right :auto;
}
↑↑↑　コピペ　↑↑↑

もっとカスタマイズ！

さっきコピペしたコードの中にある、border-radiusていうのが角丸の設定になってます。だから「いやいや！おれはカクカクの角がいいんだっ！」ていう硬派な人はこの行を消せばOK！

反対にもっとまん丸い方がいいっていうマシュマロのような人は10pxの数字をどんどんあげていけばOK！

それから、画像サイズも少し大きい方がいいなーってな人はmax-widthのサイズを大きくしていけばカスタマイズできますよ♪

注目の投稿カスタマイズ・完

bloggerでブログはじめたときから、注目の投稿の画像サイズ、ちょっときになってたんですよ。

今回けっこうかわいい感じにできてまんぞくっまんぞくっ！