カスタムというか、グレードアップしたつもり・・ですが。
「読者登録ボタン」を大きくして、目立つように。
そして、マウスオーバーで切り替わるように変えてみました。
実際には下記のように二つの画像を作ってCSSで切り替えます。
下記のようにCSSをいじると読者登録ボタンを画像化できて、
さらにマウスオーバーで切り替えることができます。
※赤文字の箇所は自分の画像に合わせて調節してくださいね！
CSS
/*読者登録ボタンを変更するCSS*/
#sub_main .readerMainLink{
width:608px;/*画像の幅*/
height:78px;/*画像の高さ*/
}
.readerMainLink p a {
display: block;
font-size:12px;
width:608px;/*画像の幅*/
height:78px;/*画像の高さ*/
background: url(http:/画像URL通常時) no-repeat;
text-indent:-9999px;
}
.readerMainLink p a:hover {
display: block;
font-size:12px;
width:608px;/*画像の幅*/
height:78px;/*画像の高さ*/
background: url(http:/画像URLマウスオーバー時) no-repeat;
text-indent:-9999px;
}
#sub_main .readerMainLink{
width:608px;/*画像の幅*/
height:78px;/*画像の高さ*/
}
.readerMainLink p a {
display: block;
font-size:12px;
width:608px;/*画像の幅*/
height:78px;/*画像の高さ*/
background: url(http:/画像URL通常時) no-repeat;
text-indent:-9999px;
}
.readerMainLink p a:hover {
display: block;
font-size:12px;
width:608px;/*画像の幅*/
height:78px;/*画像の高さ*/
background: url(http:/画像URLマウスオーバー時) no-repeat;
text-indent:-9999px;
}
読者登録ボタンは目立つに越したことはありません！沢山の方に読者登録してもらえるように分かりやすいものがいいですね☆ちなみに私から読者登録をすることは殆ど無いのですが、毎日3,4人の方が読者登録してくれています。このカスタムでもっと増えたらいいな♪
