アメブロのヘッダー画像のタイトル文字と説明文のカスタマイズ

アメブロの最初から用意してあるヘッダー画像によっては、

ブログタイトルが見えづらくなったり、説明文がヘッダー画像の色と重なって

見えなくなってしまうことがあります。

アメブロのヘッダー画像に表示されている、ブログタイトルとブログの

説明文の文字の大きさと色を変更するカスタマイズ方法をご紹介します。

以下のソースをCSSに貼り付けます。

場所はどこでもいいですが、自分でわかり易いところがいいでしょう。

～～～～～ココから～～～～～

/*タイトル文字の大きさ変更*/
#header h1{
font-size:50px;
font-weight:bold;
}

/*タイトル文字の色を変更*/
#header h1 a{
color:#000080;
}

/*ブログ説明文の文字装飾*/

#header h2 {
font-size:20px;
color:#000080;
font-weight:normal;
}

～～～～～ココまで～～～～～

font-size:50px;の50pxや20pxを変更すると文字の大きさが変わります。

大きいほど大きくなります。

color:#000080; で文字の色を変更します。

（色選びはサイドバーにリンクがあるサイトが便利です。）

いろいろ見やすくなるように、調整しながらやってみて下さい！！