コメントボタンを!とのご依頼をいただきましたので、
おちゃらけも含め12パターンほど作ってみました
ちなみに参考として、当ブログは、02 を使用しております。
01 | 02 |
03 | 04 |
05 | 06 |
07 | 08 |
09 | 10 |
11 | 12 |
[ カスタマイズ方法 ]
いつものようにCSS編集画面にいき、下記水色内のCSSを最下段に追加します。
CSS編集方法の手順
01 の数字をお好きなボタンの数字に変更してくださいね。
FFFFFF の部分をご自分のブログの背景色と同じ色を入れてください。
#comment_show input#commentbutton {
background-color:#FFFFFF; /*背景色*/
background-image:url(http://amemari.cocolog-nifty.com/icon/cmtBtn01.png);
background-position:left top;
background-repeat:no-repeat;
display:block;
height:60px;
width:250px;
margin:0;
padding:0;
text-indent:-9999px;
}
#comment_show {
border:none;
margin:0 auto;
padding:0;
width:250px;
}
#comment_module li.lastItem {
display:block;
width:250px;
}
#comment_show h4,
#comment_show p {
display:none;
}
※お願い※
こちらの画像をご使用になる場合は、番号とコメントとして残してくださいね
お分かりになる方は、素材を持ち帰り、ご自身で管理してください。
画像がいつまであるか責任を負いかねますので。。。
by ブログデザイナー@あめまり