ワンポイント画像(コメント｜ペタの横に画像)

記事下にある　コメント｜ペタ　の横にデコメなどの
ちっちゃい画像を付けるタグです。

このブログにも付けました。見本にどうぞ。
ちなみに使用画像の縦幅は15pxです。
これ以上大きいと切れてしまいますので注意を。
横幅は何pxでも大丈夫です。

では↓のタグをCSS欄の最後にコピペです。


文字の左側に付ける場合：

/*コメント*/
.commentLink{
background-image:url(★);/*画像URL*/
background-repeat:no-repeat;
background-position:center left;
padding-left:●px;/*画像の横幅*/
}

/*ペタ*/
.petaLink{
background-image:url(★);/*画像URL*/
background-repeat:no-repeat;
background-position:center left;
padding-left:●px;/*画像の横幅*/
}


文字の右側に付ける場合：

/*コメント*/
.commentLink{
background-image:url(★);/*画像URL*/
background-repeat:no-repeat;
background-position:center right;
padding-right:●px;/*画像の横幅*/
}

/*ペタ*/
.petaLink{
background-image:url(★);/*画像URL*/
background-repeat:no-repeat;
background-position:center right;
padding-right:●px;/*画像の横幅*/
}


ついでに、コメント｜ペタの真ん中の
｜←この縦棒いらない人は↓で隠しましょう。

.articleLinkArea{
color:#■;/*背景色と同じ色*/
}


もらうときはコメお願いします。