コメントとペタのリンク横にGIFアニメのアイコンを入れる。

記事下に何気なくあるコメントとペタのリンクに、さりげなく横にアイコンを入れてみました。
普通にアイコンならどこにでもあると思いますが、GIFアニメーションを使い少し動かして見た。
たわいも無いことですが、ちょっとかわいいかも

使用した素材

　

追加したCSS

/*コメントリンクのアイコン設定*/
.commentLink {
height:20px;
padding:3px 0 3px 20px;
background:url(http://stat.ameba.jp/user_images/20110920/22/seoisland/cc/5a/g/t00200018_0020001811496359246.gif) no-repeat 0 1px;
}

/*ペタリンクのアイコン設定*/
.petaLink {
height:20px;
padding:3px 0 3px 16px;
background:url(http://stat.ameba.jp/user_images/20110920/22/seoisland/c0/ce/g/t00170016_0017001611496490381.gif) no-repeat 0 1px;
}

※アップロードした画像のURL

上位表示が狙えるアメブロカスタマイズ制作
SEO成果報酬承ります。お問い合わせフォーム
090-3146-0264