【amebaカスタマイズ】今すぐ読者登録 を画像化する方法

ども、アリアスです。

さて今日は、上にある「このブログの読者になる（チェック）」というテキストを画像にする方法をお話ししていきたいとおもいます。

すでに僕のブログでは画像に変えています。

こんな感じですのでぜひお試しあれ！！

早速ですが下記の動画をご覧ください。





タグはコチラにありますので使ってください。

======================================================================

.readerMainLink{
margin:5px auto;
padding:0;
}
.readerMainLink p{
background-image:none;
text-indent:-9999px;
}
.readerMainLink p a{
padding:0;
margin:0 auto;
display:block;
width:150px; /*画像の横幅*/
height:40px; /*画像の縦幅*/
background-image:url(http://amemari.cocolog-nifty.com/icon/readerBtn01.png); /*画像のURL*/
background-position :center top;
background-repeat:no-repeat ;
}
.readerMainLink p a:hover{
background-position :0 -40px;
}
======================================================================





いかがでしたか？

なんか、こういうのをやっていると僕がプロみたいにおもうかもしれませんが、実際僕はあまり詳しいわけではありません。

でも、こんな仕事もできちゃいますね（笑

まぁ～あなたも一度やってみてください。

ブログ１つでも何かが変化すると楽しいものですよぉ！！

ではでは♪