サイドバーメニューを装飾する方法その3とは | アメブロをカスタマイズしよう!

アメブロをカスタマイズしよう!

最近、サイトの見栄えやSEO対策により、アクセスアップを図ろうとする傾向が顕著になってきました。そこで、その解決策の一つとして、アメブロのカスタマイズを研究してみようと思います。あなたのブログのご参考にしてくださいね。

ご訪問ありがとうございます。
人気ブログランキングの応援
をして頂けると励みになります。



サイドバーメニューを装飾する方法は、
次の3つが考えられます。



1 文字入れ画像を背景とする方法

2 文字無し画像を背景とする方法

3 背景は画像ではなく色を付ける方法

今回は、上記のうち、
3 背景は画像ではなく色を付ける方法
について説明致します。



画像は作成しないので、CSSのみ編集します。



では、CSS編集画面を開きます。
その一番下の次に下記のCSSを追加します。

/*サイドバーのタイトルの変更*/
.menu_title {
background-color: #efefef; /*-- 背景色を薄いグレーに --*/
text-indent :0px;
font-size :140%;
font-weight :bold;
padding-left :10px;
padding-top :15px;
color :#8f8f8f/*-- 文字色を濃いグレーに --*/
}



それでは、私のブログを見てみましょう。
これで保存すると、次のように表示されます。

サイドバープロフィールアップロード画像

サイドバー最近の記事一覧アップロード画像



今回は、以上です。



最後まで読んでいただき、
ありがとうございました。

少しでもお役に立ちましたら、
応援お願いします!!

人気ブログランキングへ