初心者向け bloggerの引用に背景ボックスをカスタマイズする簡単な方法！

cssなどにあまり詳しくない人向けに
Bloggerの引用タグ（ボタン）

「blockquote」

タグの簡単なカスタイマイズを紹介します。

Bloggerの引用タグとは投稿ページの

「”」ボタンでの投稿フォームですが、

デフォルトでは

こんな感じに投稿されない

と思います。

背景のグレイ色のBOXがBloggerのデフォルトテンプレートの引用ボタンでは出て来ないので、簡単にカスタマイズする方法を紹介します。

まず、投稿ページの

「テーマ」

を開き

「HTMLの編集」

を押します。

次に

「ソースコード」

が出てきますので（下記赤線枠内）

ソースコード内で一度クリックし、ソースコード内を選択している状態にし、

「検索（Ctrl+F）」

キーを押すと

「search」

の窓が出てきますので、そこから

「blockquote」

のワード（コード）を検索して下さい。

すると下記のような

blockquote {
 padding: 10px 15px 10px 50px;
 font-style: italic;
}

コードが見つかると思います。
コードの内容はデザインのテンプレートによって、各々違うと思いますが、

blockquote {
 *************
 }

この形式が見つかれば、大丈夫です。

そして、下記のソースコードを

blockquote {
    position: relative;
    padding: 10px 15px 10px 50px;
    box-sizing: border-box;
    font-style: italic;
    background: #efefef;
    color: #555;
}

元のソースコード

blockquote {
 *************
 *************
 }

に上書きして下さい。

そして

「テーマを保存」

を押せば完了です。

引用ボタンを押し、文章を打ち込めば

このようになっていると思います。

それでは。