アメブロカスタマイズ 「読者になる」ボタンの変更

こんばんわ！

ペカルマンは０円アメブロカスタマイズで頑張ってます。

←応援して下さい。

よろしくお願いします。

アメブロのメインカラムの上下にある

「このブログの読者になる」ボタン

初期状態はこのような感じです。

これを僕のブログでは↓↓↓

このようなボタンにしています。

更にマウスオンで・・・・

　　↓　　↓　　↓

こんな感じになります。

今回の方法も実験委員さんのこの記事 を参考に

させて頂きました。

ではCSS編集してみましょう！

いつものように以下をCSSの最後に貼り付けます。

いつものよう？　　CSSの最後？って方は

コチラの記事 を参考にしてくださいね。

/*読者になるボタン変更*/

.readerMainLink p{
text-indent:-9999px;
background-image:none;
}
.readerMainLink p a{
display: block;
padding:0;
margin:0 auto;
width:200px;/*画像の横*/
height:40px;/*画像の縦*/
background-image : url(画像のURL);
background-repeat : no-repeat ;
}
.readerMainLink a:hover {
background-image : url(マウスオン時の画像のURL);
background-repeat : no-repeat ;
}

赤字の所の縦、横のサイズはご用意された画像のサイズを

入れてください。

あと、マウスオン時、デザインが変化・・・は無くていいって方は

水色部分貼り付けないでいいです。

もちろんですが、最初の画像とマウスオン時の画像は

同じサイズにして下さいね。

ボタン・・・・どうやって作るかわからないよって方

ボタン作成　僕はコレです 　こちらを参考にして下さいね。

最後までお読みいただき有難うございました。

０円アメブロカスタマイズで頑張るペカルマンでした。