サイドバーにある読者登録ボタンを変えてみよう。

ブログを始めたばかりだと、読者さんは付きにくいものです。
ここは一つ、魅力的な読者ボタンを作って読者さんを呼びましょう！

サイドバーに読者登録ボタンを付ける。

正しく言うならば、CSSを使って元の画像に上書きするといったところでしょうか。

↑初期設定のこのボタンのサイズは152x30です。
これを参考に、画像のサイズを考えて下さい。

まず画像を用意します。
サイドバーの幅を考えて画像を作りたい所ですね。
うちのブログはサイドバーが300pxあるので、280pxの画像を作りたいと思います。

280x100

CSSの一番下に以下の文字をコピーして、貼りつけて下さい。

/* サイドバー読者ボタン */
#readerList img {
visibility:hidden;
}
#readerList dl a{
display:block;
padding:0;
margin:0;
background-repeat:no-repeat;
background-image:url(画像のURL);
height:100px;/*画像の縦幅*/
}

赤文字の部分を、使う画像に合わせて変えて下さい。
画像のURLの知り方は、
画像のURLを知る方法で学習済みですよね。

読者ボタンのフリー素材

魅力的かどうかはわかりませんが、読者ボタンをいくつか用意しました。
全てgif形式で、余分な角は透過（透明）にしてあります。
ご自由にどうぞ。

うちの読者ボタンの半分のサイズです。
140x50

シンプルな読者ボタンです。
156x37

153x32

ちょっとだけ頑張った読者ボタンです。
162x52

156x92

最後に一言。

うちのブログの読者になりませんか？