5W1H

サンプル

続きを読む

ボタンにマウスオーバーするとボタンの色と文字色が変わります。

「続きを読む」を画像でボタン風に装飾する方法

下記コードを、【テンプレート】－【カスタマイズ】－【スタイルシート】の一番下に記述します。

a.acontinues {
 width: 180px;
 height: 16px;
 padding: 16px 0 15px 0;
 display: block;
 background: url(//img01.hamazo.tv/usr/shigexworks/bg_readmore.jpg) no-repeat 0 0;
 color: #666666;
 font-weight: bold;
 font-size: 16px;
 line-height: 1;
 text-decoration: none;
 text-align: center;
 }

a.acontinues:hover {
 background: url(//img01.hamazo.tv/usr/shigexworks/bg_readmore.jpg) no-repeat 0 -47px;
 color: #000000;
 font-weight: bold;
 }

以上です。ブログのデザインに合わせた画像にすると良いかもしれませんね。

【「続きを読む」を画像でボタン風に装飾する方法】について分からないことがあれば、コメントにて問い合わせしてください。

また、その他のブログカスタマイズに関する質問、および、ブログカスタマイズの依頼は、サイドバーの【メッセージを送る】ボタンよりご連絡ください。