サイドバーのリンクにリストマークを付ける

今回は、サイドバーにあるリンクにリストマークをつけて分かりやすし、
クリックしてもらえるようになる方法をご紹介します。

リストマークとは？
このようにリンクの脇についている
小さいアイコンの事です。

これが有る無いで
クリック率が全然変わってくる
のです。

また、
視認性を高めるとともに、
デザイン的にも
バランス良くしてくれるので、
付けておいたほうが
良いのです。

では、
サイドバーのリンクにリストマークを付けるカスタマイズ

①リストマーク用アイコンをあなたのPCに保存して、
【画像フォルダ】にアップロードしておきましょう。

リストマーク用アイコンはこちらにあります
【無料素材】矢印 アイコン リストマーク用
【無料素材】色んな アイコン リストマーク用

②以下のタグを【CSS編集画面】に追加します。
　　CSS編集画面でタグを追加する方法 はこちらです。

『追加するタグ』はこちらから。

↓↓↓この下から↓↓↓
/*サイドバーのリストマーク*/
#recent_entries .menu_frame li,
#recent_comment li,
#theme_list li,
#archives li,
#reader li,
#bookmark li,
#favorite li{
background-image:url(画像のURLをここに入力してください);
background-repeat:no-repeat;
background-position: 5px;
padding-left: 18px;
padding-top :1px;
}
/*サイドバーのリストマーク・ここまで*/
↑↑↑この上まで↑↑↑

赤文字の部分にあなたのお好みの『画像のURL』を貼り付けることにより、あなたの好みのスタイルに変更できます。

もし、画像がずれてしまう場合は青文字の部分の数字を変えてみてください。
（おそらくこのままで大丈夫だと思います。）

<< 関連記事 >>
アメブロ ヘッダー画像の変更方法
記事内のリンクを自動で強調する方法
【無料素材】矢印 アイコン リストマーク用
【無料素材】色んな アイコン リストマーク用