読者登録 画像の変更 カスタマイズ

サイドバーにある読者登録用のボタン画像の変更方法をご紹介します。

もともとあるサイドバーの読者登録用のボタン画像ってシンプルなのはいいのですが、
スキンを変更してもどれも似たような感じ…

だったら、変更してしまいましょう。

読者登録用のボタン画像って？
このブログでいったら、



これです。（このボタン画像もデザイン的にちょっと…汗。なので近々作成して変更する予定です）

では、
サイドバーにある読者登録用のボタン画像を変更するカスタマイズ

①まずは画像をあなたのPCに保存して、
【画像フォルダ】にアップロードしておきましょう。

読者登録用のボタン画像はまだ作成できておりません
　なるべくはやめに作成しますのでお待ちください。
それまでこの辺で探してみてください。

②以下のタグを【CSS編集画面】に追加します。
　　CSS編集画面でタグを追加する方法 はこちらです。

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

↓↓↓この下から↓↓↓
/*サイドバー読者登録リンク画像変更*/
#readerList dt a {
background-image :url(画像URLを入力してください);
background-position :left top;
background-repeat :no-repeat;
display : block;
height : 260px; /*画像の高さ*/
width : 260px; /*画像の幅*/
text-indent :-9999px;
}
#readerList dt a:hover {
background-image :url(画像URLを入力してください);
display : block;
}
/*サイドバー読者登録リンク画像変更・ここまで*/
↑↑↑この上まで↑↑↑

赤文字の部分に画像のURLを入力してください。

青文字の部分に画像のサイズを入力してください。

これで終了です。今回も簡単でしたね。

<< 関連記事 >>
アメブロ ヘッダー画像の変更方法
記事内のリンクを自動で強調する方法
サイドバーのリンクにリストマークをつけて分かりやすくする方法
CSS編集をするための手順