Bloggerで引用スタイルを変更する

Bloggerをカスタイマイズ

デフォルトの引用のスタイルがなんかビミョウ・・・

ブログで記事を書いていると必ず、引用を行う場面があるかと思います。

私も他のサイトの内容を引用しようとした際に、Bloggerの投稿の編集画面から以下のボタンを押して引用のスタイルを適用しますが、デフォルトのスタイルがかっこよくありません・・・

引用ボタンをポチっと

デフォルトの引用のスタイル。中央揃えで少し字が大きくなっただけ・・・

これは何とかせねばということで、引用スタイルの変更を行います。

注意点
この変更では、Font Awesomeのアイコンを使用しています。
Font Awesomeの設定方法については、別途記事にする予定です。

テーマ→HTMLの編集で、「blockquote」で検索する。
以下のようにコードを編集する。

テーマ→カスタマイズ→上級者向け→CSSを追加

以下のコードを追加する。

上記の変更を行うことで、引用が以下のように表示されるようになりました。

引用がいい感じに表示されました

いかがでしたでしょうか。
ブログやる上では、CSSの知識が必須であることを痛感しました。すこしずつ勉強していきたいと思います。