アメブロのスキンをカスタマイズ~日付表示の色を変える~

日付表示

 

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

 

今回のカスタマイズは記事タイトル上に表示される、記事の投稿日時の色を変えてみます。

カスタマイズ可能なアメブロのスキン、「グレイ」を使用した場合の方法ですが、

他の「ブルー」、「グリーン」、「ピーチ」でも全く同様の方法でカスタマイズできると思います。

「スタンダード」ではCSSの記述が若干違いますが、やることは全く一緒です。

 

アメブロの投稿日時を・・・

日付表示の色を変える

 

このように好きな色にカスタマイズすることができます。

日付表示の色を変える

 

それではさっそくカスタマイズ開始。

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

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

 

まずはCSSの中から、「.entry .date{」 という所を探します。

日付表示の色を変える

 

上の画像の色分けしてあるところのカラーコードをそれぞれ好きな色に変更し、保存します。

カラーコードについてはこちらのページを参考にしてみてください。

日付表示の色を変える

 

以上で完了です。 

僕の場合は日付表示はそんなに目立たせなくてもいいと思ったので、

背景色と枠の色を白(#ffffff)にして、文字色を黒にしただけのシンプル表示にしてみました。

日付表示

 

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

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

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

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

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

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

この記事の著者

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

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

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る