『サイドバーのメニュータイトルをカスタマイズ』

あなたのアメブロが読者を魅了するオリジナルデザインにカスタマイズできる～簡単なCSS編集方法-記事用自分

今回は、サイドバーにあるメニュータイトルをカスタマイズする方法をご紹介します。

まず、
サイドバーのメニュータイトルとは？

まぁ、見て頂ければ
すぐお解りになると思いますが、
→の部分の事です。

現在、このブログでは、
　・背景色
　・タイトル文字の色

を指定して、表示しております。
まぁ、無難な表示方法ですね

でも、今回のカスタマイズでは、
この背景をあなたのお好みの画像に変更することも出来るのです。

この部分は
結構手抜きにしがちなのですが、
デザイン的にまとめるためには
カスタマイズ必須項目でもあったりします。

このメニュータイトルをカスタマイズすることにより、

アメブロ全体の
　カラーバランスを整える。
　視認性を良くする。

といった効果があります。

では、
サイドバーにあるメニュータイトルのカスタマイズ

①背景画像を指定する場合は、その画像をあなたのPCに保存して、
【画像フォルダ】にアップロードしておきましょう。

②以下のタグを【CSS編集画面】に追加します。
　　

CSS編集画面でタグを追加する方法はこちらです。

『追加するタグ』はこちらから。

↓↓↓この下から↓↓↓
/*サイドバーメニュータイトル*/
.menu_title {
color: #ffffff; /* タイトル文字色 */
font-size: 12px; /* タイトル文字サイズ */
padding-top: 12px;
}
.menu_title {
border-bottom: none;
background-image: url(背景画像にする場合はここに入力);
background-position: center bottom;
background-repeat: no-repeat;
background-color: #205080; /* 背景色 */
}
/*サイドバーメニュータイトル・ここまで*/
↑↑↑この上まで↑↑↑