● 内容
① いいね！した人のＣＳＳでの非表示方法。
（アメブロの基本設定でも表示/非表示が指定できます）
② いいね！した人を画像にする。
・使用する画像の例
http://stat.ameba.jp/user_images/20140102/11/new-blue-777/69/be/g/o0100003012801130937.gif
幅：100px 高さ：30px
http://stat.ameba.jp/user_images/20140102/11/new-blue-777/2f/b1/g/o0100003012801130936.gif
幅：100px 高さ：30px
③ いいね！した人にワンポイント（アイコン）画像
・ 使用する画像の例
● やり方。
① いいね！した人のＣＳＳでの非表示方法
下記をＣＳＳの一番下に追加する。
.iineEntryCnt {/* いいね！した人を消す */
display:none;
}
.articleLinkArea {
color:transparent;/* | を消す */
}
② いいね！した人を画像にする
下記をＣＳＳの一番下に追加する。
（画像の表示領域はpaddingにて調整します）
/* いいね！した人 を画像にする */
.iineEntryCnt {
background-image:url(http://stat.ameba.jp/user_images/20140102/11/new-blue-777/69/be/g/o0100003012801130937.gif);
background-repeat:no-repeat;
border:none;/* 枠なし */
padding:7px 15px 7px 15px;/* ここで画像の大きさを調整 */
outline:none;
overflow:hidden;
color:transparent;
}
.iineEntryCnt:hover {/* ロールオーバー画像 */
background-image:url(http://stat.ameba.jp/user_images/20140102/11/new-blue-777/2f/b1/g/o0100003012801130936.gif);
}
③ いいね！した人にワンポイント（アイコン）画像
下記をＣＳＳの一番下に追加する。
（画像の表示領域はpaddingにて調整します）
/* いいね！した人 にワンポイント画像 */
.iineEntryCnt {
background-image:url(http://stat.ameba.jp/blog/ucs/img/char/char2/038.gif);
background-repeat:no-repeat;
padding-left:17px;/* 左側の余白 */
background-position:left top;
outline:none;
overflow:hidden;
}
.iineEntryCnt:hover {/* ロールオーバー画像 */
background-image:url(http://stat.ameba.jp/blog/ucs/img/char/char2/035.gif);
}