【カスタマイズ】オリジナル アメーバブログの作り方3
今日はCSSの編集です。アメブロの「スキンCSSの編集」をクリックします。
こんな画面になります。
まずは上部の「ブログ|ルーム」の部分を消してしまいましょう。
何も考えずにCSS編集の画面をスクロールして一番下にこれを入れて「保存」をクリックします。
4段あります。最後の } も忘れずに入れてください。
/*ブログ|ルームを消去*/
div#userNaviArea{
display: none;
}
消えましたか?確認してくださいね。
次にCSS編集の「かんたんスキンカスタマイズはこちら」の部分の編集をします。
上から順番に説明します。
1)ブログタイトルの文字サイズを変更する
→タイトルが長い場合には文字のサイズの変更をします。3.0を2.5や2.0にしてみます。
2)ブログタイトルの文字色を変更する
→サンプルで作ったこのブログは文字が濃いグレー色だと見えにくいので白色にしてみます。白は#FFFFFFです。
3)ブログ説明の文字サイズを変更する
→こちらも説明が長い場合には文字のサイズの変更をします。
4)ブログ説明の文字色を変更する
→分かりやすくするためこちらは赤色にしてみます。赤色は#FF0000です。
5)ページ背景に画像を入れる
→何もしなくてもOKです。
6)ページ全体の文字色を変更する
7)記事タイトルの背景色を変更する
8)記事タイトルの文字色を変更する
9)サイドバーの見出し文字色を変更する
10)サイドバーの見出し背景色を変更する
6~10はそのままでOKにしてみます。
一番下の「保存」をクリックします。出来たブログはこんな感じになります。
大分、スッキリしたイメージになりました。
ここまで来て、ひとつ重要なことを話します。
それは、アメーバブログの一番重要なところはヘッダの画像です。
この画像がきれいだとブログ全体のイメージが良くなります。
もう少しヘッダの画像を加工してみるとこんな感じのブログに仕上がります。
イメージがまた違って見えませんか。こうやってアメーバブログを作ると、自分も楽しくなりますし、見ている方も楽しくなってきます。
次は、この画像についての話です。