◆フッターに「コメント」「ペタ」アイコンをつける

こんにちは、カスタマイズと復興支援で頑張るたっくんです。

そういえば、新デザインについてなかったのですね。

なんか記事下がさびしいな、と思っていました。

というわけで、今日はフッターに「コメント」「ペタ」アイコンをつけてみました。

注：新CSS編集用デザインのカスタマイズです。

以下のCSSを追加してみてください。

/*コメントアイコン*/
.commentLink{
background-image:url(http://stat100.ameba.jp/common_style/img/common/icon/open_comment.gif);
background-repeat:no-repeat;
padding:2px 0 2px 20px; /* 余白(↑→↓←) */
}

/*ペタアイコン*/
.petaLink{
background-image:url(http://stat100.ameba.jp/common_style/img/ameba/common/icons/peta_icon.gif);
background-repeat:no-repeat;
padding:2px 0 2px 20px; /* 余白(↑→↓←) */
}

こんな感じになります。

なお、今回はこちらの記事を参考にさせていただきました。

ありがとうございます。

ぜひあなたも参考にしてみてくださいね。

【新】記事フッタの「コメント」と「ペタ」にアイコンを付ける方法～わざめーばさん