アメーバブログのアメンバー限定記事の画像を変えたい

質問

私は、アメーバブログをやっているのですが、
友達のブログのアメンバー限定記事のボタン画像がオリジナルだったのでやりかたを調べて何とかやってみたのですが、ＣＳＳに追加しても、限定記事のボタン画像が真っ白になります。
これで合っていると思うのですが↓

/* アメンバー限定記事を読むボタンをオリジナル画像にする方法 */
.amemberEntryBtn img{
display:none;
}
.amemberEntryBtn a{
display:block;
margin:0 auto;
width:320px;
height:240px;
background-image:url(http://stat001.ameba.jp/user_images/20110611/21/usc60623/42/2a/j/t02200148_0273018411284567500.jpg);
}
.amemberEntryBtn a:hover{
background-image:url(http://stat001.ameba.jp/user_images/20110611/21/usc60623/d2/54/j/t02200148_0273018411284568651.jpg);
}

どうですか？
間違ってますか？

それと、どことどこの間にこのＣＳＳを追加したらいいか分かりません。

詳しく教えてくれるとうれしいです。
お願いします！

回答No.1

susy-xx · ベストアンサー

ブログのCSSファイルを見てみました。

width:320px;
height:240px;
background-image:urlhttp://stat001.ameba.jp/user_images/20110611/21/usc60623/42/2a/j/t02200148_0273018411284567500.jpg;
}
.amemberEntryBtn a:hover{
background-image:urlhttp://stat001.ameba.jp/user_images/20110611/21/usc60623/d2/54/j/t02200148_0273018411284568651.jpg;
}

こうなっていましたが、
画像URLは()で囲んでください。
background-image:url(http://stat001.ameba.jp/user_images/20110611/21/usc60623/42/2a/j/t02200148_0273018411284567500.jpg);
このように。

それと画像サイズですが、使用する画像のサイズとは違っています。
正しいサイズに直しましょう。
あなたの画像は
横220　たて148　です。