アメブロ向上企画書ーCSSでカスタマイズ、オリジナルなスキンに挑戦！

問い合わせいただいた回答です・・

記事中にペタボタンだけでなく読者（チェック）ボタンもつけたいです・・・

HTMLタグを表示にして設置したいところに

<div align="center"><a href="http://blog.ameba.jp/reader.do?bnm=あなたのID"><img src="画像のURL"></a></div>

※例えばわたしの場合でしたら　http://blog.ameba.jp/reader.do?bnm=exlink　になります

中央寄せしたい場合は　<div align="center"> と </div> を前後に付けてください

もし・・ロールオーバーさせたい場合は・・・

HTMLタグを表示にして設置したいところに

<div class="check"><a href="http://blog.ameba.jp/reader.do?bnm=あなたのID"><img src="画像のURL"></a></div>

で・・ＣＳＳに

.check img {
visibility : hidden ;
}
.check a{
display: block;
padding:0;
margin:0 auto;
text-align:center;

width:180px;/*画像の横*/
height:24px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(画像のURL) ;
}
.check a:hover {
background-repeat : no-repeat ;
background-image : url(マウスがのったときの画像のURL);
}

※水色部分は中央寄せする場合に必要です

margin:0 auto;
text-align:center;