今回は二通りの方法を紹介します。
画像を挿入するパターン／カテゴリのHTMLを調整する
こちらの方法は、ブログカスタマイズさんを参考にしています。
[デザイン]＞[コンテンツ]から[カテゴリ]を選択し、
右上の[コンテンツHTML編集]から編集ページにいきます。
色のついた部分の文章を追加します。
http:// 〜以降は画像の場所です。
ご自分の画像が登録されているURLを記入してください。
<div class="sidetitle"><% content.title %></div>
<div class="side">
<% content.header -%>
<% loop:list_category -%>
<img src="https://miyunokobako.up.seesaa.net/parts/mark.png" alt="リンク" width="6" height="16">
<a href="<% category.page_url %>"><% category.name | tag_break %></a>(<% category.article_count | __or__ | echo("0") %>)<br />
<% /loop -%>
<% content.footer -%>
</div>
<div class="side">
<% content.header -%>
<% loop:list_category -%>
<img src="https://miyunokobako.up.seesaa.net/parts/mark.png" alt="リンク" width="6" height="16">
<a href="<% category.page_url %>"><% category.name | tag_break %></a>(<% category.article_count | __or__ | echo("0") %>)<br />
<% /loop -%>
<% content.footer -%>
</div>
わたしのホームページのパターン／デザインのCSSを調整する
わたしのホームページでは <ul>〜</ul> を
使っているのでこちらの方法です。
[デザイン]＞[デザイン一覧]から
現在、適用されているデザイン名を選択します。
以下の文章を追加します。
http:// 〜以降は画像の場所です。
ご自分の画像が登録されているURLを記入してください。
.side ul{
padding:20px;
list-style-image:url(https://miyunokobako.up.seesaa.net/parts/mark.png);
margin-top:0px;}
padding:20px;
list-style-image:url(https://miyunokobako.up.seesaa.net/parts/mark.png);
margin-top:0px;}
