アメブロのフッター下の「いいね!した人」にアイコンを付ける方法. | ちょっとした「Webお役立ち情報」とかを主に書いてます。

ちょっとした「Webお役立ち情報」とかを主に書いてます。

ネットで調べて、「わかったこと」を備忘録の代わりのメモ帳のようにして使ってます。

フッター下の「いいね!した人」にアイコンを付ける方法.
パソコン女性

こんにちワ o(^-^)o

※プロフィール画像が四角く表示される「CSS編集用デザイン」のテンプレートを採用されてる場合です。

「ブログを書く」で絵文字のボタンをクリックして、試しに「グッド!マーク」⇒グッド!を、アイコンとして文字の左側に表示することにしてみました。
その方法をメモっておきたいと思います。

「デザインの変更」⇒「CSSの編集」で、以下のコードをご自身のアメブロの「現在使用中のブログデザインCSS」の末尾に追記してみて下さい。

/* 「いいね!した人」にアイコンを表示 */
.articleLinkArea .iineEntryCnt{
padding-left: 17px;
background-position: 0px 0px;
background-repeat: no-repeat;
background-image: url(http://stat.ameba.jp/blog/ucs/img/char/char2/187.gif);
}


補足:赤字部分が、アイコンとして表示する画像のURLですので、お好みで他の画像に変更してみて下さい。

(※フッターとはページ、記事の一番下にあたるコンテンツ部分の事です。)


☆ブィブィ ゞ(^_^)v