アメブロのスキンをカスタマイズ~サイドバーの背景色を変更~

アメブロカスタマイズ

 

アメブロのヘッダー画像を自分だけのオリジナル画像に変えたいという方はこちら

 

今回のアメブロカスタマイズはサイドバーの背景色の変更です。

アメブロカスタマイズ

 

このようにサイドバーを好きな色に変更することができます。

アメブロカスタマイズ

 

今回のカスタマイズは簡単です。

「ブログを書く」⇒「デザインの変更」⇒「CSSの編集」とクリック。

アメブロの写真に枠をつける

 

そしてcss編集欄の一番下までスクロールさせ、以下をコピペして保存します。

 

#sub_a{
background-color: #333333;
}
#sub_b{
background-color: #333333;
}

赤字のところは好きな色のカラーコードを入力してください。

カラーコードサンプル

アメブロカスタマイズ

 

ちょっと付け加えて解説すると、「#sub_a」と 「#sub_b」 がありますが、

アメブロのスキンを選択した時に2カラムにした人は#sub_aだけを編集すればOK。

3カラムを選択した人は、#sub_aが左のサイドバー、#sub_bが右のサイドバーです。

なので左と右のサイドバーの背景をそれぞれ違う色にすることもできるってことです。

 

さて。

これでサイドバーの背景色を変更編が無事終了した人はそれでいいのですが、

中には無事終了とは言えない人がいると思います。

こんな人。

アメブロカスタマイズ

 

指定した背景色によっては、文字色と同系色になって見にくいという状況。

それを改善するには次はサイドバーの中の文字色を変えないといけません。

ってことでサイドバーの文字色を変更をご覧下さい。

 

◆2011年06月12日 追記◆

A型几帳面なあなたはこちらもご覧下さい。

 

人気ブログランキングで今何位?

アメブロのヘッダー画像を無料で作成

  • このエントリーをはてなブックマークに追加

【PR】話題のラインスタンプを自分で作って販売する方法

ブログランキング応援していただけると嬉しいです↓

にほんブログ村 釣りブログ バスフィッシングへ にほんブログ村 釣りブログ 東海釣行記へ にほんブログ村 釣りブログへ

この記事の著者

kazushi釣りと生き物をこよなく愛するWEBデザイナー

釣りと焼酎が好きなWEBデザイナー。夜な夜な真っ暗な部屋で水槽を眺めながら呑んでいます。最近のマイブームはハンドメイドルアー制作。琵琶湖のほとりでひっそりとWEB制作事務所を営んでいます。

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る