JavaScript 記事のフッターに(アイコンを自由に)

前の記事 で使いたいのですが・・・

あのアイコンじゃね～　ってコメントやメッセージが・・・

なんて・・贅沢な

仕方がないから・・

フリープラグインに・・（前の記事 のを使っている場合はそれを削除してから）

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/64/59/10015249812.css"></script>

アイコン画像を用意してから

ＣＳＳに・・

a.s-now{/*なうで紹介*/
background:url(画像のＵＲＬ) no-repeat 0 0;
padding: 2px 0 3px 18px;
}
a.s-blog{/*ブログで紹介*/
background:url(画像のＵＲＬ) no-repeat 0 0;
padding: 2px 0 3px 18px;
}
a.p-top{/*ページトップへ*/
background:url(画像のＵＲＬ) no-repeat 0 0;
padding:2px 0 3px 18px;
}

画像が全部表示されない場合（上下）・・

padding:2px 0 3px 18px;　　・・・ 2px が上のスキマ　3px が下のスキマになります

画像と文字が重なっちゃう場合（横）・・

padding:2px 0 3px 18px;　　・・・ 18px を増やします（画像の横幅+αにします）

3カラムなど記事の横幅が狭い場合は1行で表示できなる可能性があります

画像が小さすぎて文字とバランスが・・

background:url(画像のＵＲＬ) no-repeat 0 0;　・・ 0 が上からの位置です（1pxとか2pxに）

このさい？ついでだから他のアイコンも変えちゃおうかな・・・って～方は・・

.comment {/*記事下コメント*/
padding:2px 0 3px 18px;
background:url(画像のＵＲＬ) no-repeat 0 0 !important;
}
.trackback {/*記事下トラバ*/
padding:2px 0 3px 18px;
background:url(画像のＵＲＬ) no-repeat 0 0 !important;
}
a.petaLink{/*記事下ペタ*/
padding: 2px 0 3px 18px;
background: url(画像のＵＲＬ) no-repeat 0 0;
}

今回の記事をブログに書く場合は・・

この記事にリンクを貼って詳しくはココを見るように書いてください

<script type="text/javascript" src="http://usrcss.ameblo.jp/skin/templates/64/59/10015249812.css"></script>コレだけなんで・・

コレを記事に書かれちゃうとこの記事を読む必要がなくなっちゃいますのでお願いしますm(_ _)m