アメブロのスキンをカスタマイズ~ページナビを目立たせる~

アメブロのページナビカスタマイズ

 

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

 

今回のカスタマイズはアメブロの「1 | 2 | 3 | 4 | 5 | 最初 次ページ」の部分、

ページナビの文字色を変えたり枠をつけて目立たせるカスタマイズです。

デフォルトでは「1 | 2 | 3 | 4 | 5 | 最初 次ページ」とテキストで書かれていますが・・・

このブログの読者になる(チェック)

 

このようにちょっと装飾して目立たせることができます。

アメブロのページナビカスタマイズ

 

方法はとっても簡単で、「ブログを書く」⇒「デザインの変更」⇒「CSSの編集」とクリック。

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

 

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

/* —– ページナビ ———— */
.page{
font-size: 12px;
font-weight: bold;
color:#ffffff;
}
.page a{
padding: 5px;
text-decoration: none;
color: #000000;
background-color: #dcdcdc;
border: solid 1px #000000;
}
.page a:hover{ /* マウスを乗せた時の指定 */
color: #ffffff;
background-color: #005500;
}
.page .now{ /* 現在表示中のページの指定 */
color: #ffffff;
background-color: #333333;
}

赤字のところは人によって異なるのでそれぞれ編集してください。

文字色や枠の背景色を指定する際、こちらのカラーコードを参考にいろいろ変えてみてください。

アメブロのページナビカスタマイズ

 

A.B.C.Dと分けましたがそれぞれがどこを指定しているかはこちらを参考にしてください。

アメブロのページナビカスタマイズ

 

↓↓分かりやすかったら応援よろしくお願いします↓↓

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

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

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

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

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

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

この記事の著者

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

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

この著者の最新の記事

関連記事

カテゴリー

アーカイブ

インスタやってます

ページ上部へ戻る