【アメブロカスタマイズ】ブログのタイトルと説明文のテキストを削除する方法

以前、ブログのタイトルの説明文を削除する方法を解説したと思います。

今日は、ブログのタイトルと説明文の色を変える方法、テキストの大きさ、テキストのフォントを変える方法に関して解説していきます。

簡単と言えば簡単ですので是非試してみてください。

まず、

「ブログを書く」→「デザインの変更」→「ＣＳＳの編集」

そうするとＣＳＳの編集画面が出てきます。

/*----------------------------------------------------- ameblo CSS Skin Settings Skin for: basic_ad FileName: common.css $Revision: 1.8 $ -----------------------------------------------------*/ /*============ ☆ かんたんスキンカスタマイズはこちら ☆ ==============*/ /*:(コロン)と、;(セミコロン)の間に色、画像、サイズなどを指定して下さい*/ /*１）ブログタイトルの文字サイズを変更する*/ #header h1{ font-size: 20px; /*-- 25px相当の文字サイズ --*/ } /*２）ブログタイトルの文字色を変更する*/ #header h1 a{ color:#000; /*-- 濃いグレー --*/ } /*３）ブログ説明の文字サイズを変更する*/ #header h2{ font-size: 15px; /*-- 12px相当の文字サイズ --*/ } /*４）ブログ説明の文字色を変更する*/ #header h2{ color:#000; /*-- 指定なし --*/

この青の部分を変えると文字の大きさ、文字色を変える事ができます。

色を変えたい場合は、コチラのカラーコード を選択してくださいね。

もし、フォントを変えたい場合などは

/*----------------------------------------------------- ameblo CSS Skin Settings Skin for: basic_ad FileName: common.css $Revision: 1.8 $ -----------------------------------------------------*/ /*============ ☆ かんたんスキンカスタマイズはこちら ☆ ==============*/ /*:(コロン)と、;(セミコロン)の間に色、画像、サイズなどを指定して下さい*/ /*１）ブログタイトルの文字サイズを変更する*/ #header h1{ font-size: 20px; /*-- 25px相当の文字サイズ --*/ font-family: "ＭＳ ゴシック",sans-serif; } /*２）ブログタイトルの文字色を変更する*/ #header h1 a{ color:#000; /*-- 濃いグレー --*/ } /*３）ブログ説明の文字サイズを変更する*/ #header h2{ font-size: 15px; /*-- 12px相当の文字サイズ --*/ } /*４）ブログ説明の文字色を変更する*/ #header h2{ color:#000; /*-- 指定なし --*/

上記の赤の部分を追加し、「ＭＳ　ゴシック」の部分を好きなフォントにします。

フォントはワードなどを見ればどういうフォントがあるかわかると思います。

例えば以下のようなフォントがあります。

メイリオ

HG丸ｺﾞｼｯｸM-PRO

HGｺﾞｼｯｸE

HG教科書体

HGP明朝E

一度変えてみてもどれがいいのかチェックしながらやってみてもいいでしょう。

また、以下を追加することによって太字や斜体などもできます。

イタリック	font-style: italic;
斜体	font-style: oblique;
太字	font-weight: bold;

是非、一度試してみてくださいね。

>>動画版はコチラをクリックする（アメンバー登録が必要となります）