ブログタイトルのフォントと色をかえてみる

アメブロの
ブログタイトルのフォントと色をかえてみる。

[ ブログを書く ]－[ デザインの変更 ]

－[ CSSの編集 ] へ移動する。


１．ブログタイトルの背景色をかえる。

----- ↓変更前 -----

/* skinBlogHeadingGroupArea
タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{

padding:20px 0 30px;

}

----- ↓変更後 -----

/* skinBlogHeadingGroupArea
タイトルと説明を囲うエリア */

.skinBlogHeadingGroupArea{

padding:18px 0 22px 20px;

background-color:#1a67a0;

}

２．ブログタイトルのフォントをかえる

----- ↓変更前 ----- 

/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:#000000;

font-weight:bold;

font-size:2.11em;

}

----- ↓変更後 ----- 

/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:#ffffff;

font-weight:bold;

font-size:2.0em;

}

３．ブログ説明文字のフォントをかえる

----- ↓変更前 -----

/* skinDescription ブログの説明文字 */

.skinDescription{

color:#333333;

}

----- ↓変更後 -----

/* skinDescription ブログの説明文字 */

.skinDescription{

color:#66cbff;

}

この記事を参考に、試してみる方は

自己責任でお願いします。