記事の下段にある 「 コメント 」 と 「 ペタ 」にアイコンをつけてみる | lilychien-fc2012

lilychien-fc2012

ショートストーリー、イラスト制作(練習中)記事、音楽関係、日常の話題など・・・気ままな日記です。

昨日は「コメント」と「ペタ」の文字サイズを

大きくしました。

今日は、

 コメントのアイコン

 ペタのアイコン

これを各記事下の「コメント」「ペタ」の左に表示させてみました。


予め、「コメント」と「ペタ」のアイコン

(私はgifアイコンです)を用意し、

それをブログを書くのところの

「画像をアップロードする」からアップロードします。


そしてアップロードしたそれぞれのアイコンのURLを、

控えておきます。


CSSの最後に下記を記述します。


/*コメントリンクのアイコン設定*/
.commentLink {height:20px;padding:3px 0 3px 18px;background:url
( コメントアイコンのURLを記述  ) no-repeat 0 1px;
}

/*ペタリンクのアイコン設定*/
.petaLink {height:20px;padding:3px 0 3px 16px;background:url
( ペタアイコンのURLを記述  ) no-repeat 0 1px;}


これでOKです(^^)