Blogger：リストマークを変更する

リストマークに画像を使う方法

投稿テストでやってみた中で、リストマークに画像を使う方法、解決できたのでメモ。

cssを追加することで、好きな画像を使ってリストを作ることができるようになりました！
追加後↓

• リスト
• リスト
• リスト

方法

管理画面 > レイアウト > 上級者向け > css　記述欄に、以下を。

＊ ”画像.gif”は、別窓で記事にあらかじめアップしておき、表示をHTMLへ切替、そのURLを使用。
今回は、テスト用にこれを使用。

#main ul{
　list-style-type:none;
}

#main .post ul li   {
　padding-left:26px;
  background-image:url(画像.gif);
  background-repeat:no-repeat;
  background-position:0px 4px;
　line-height:26px;
　margin-bottom:10px;
}
  

これで、本文（post）内のリストのみ、行頭が画像で表示されるようになります。
サイドバーは除外できました！

---

ちなみに、上記ソースの書き方は、こちらを参考にしました。

ブログ記事にソースコードを表示する方法｜memorandum

 こういうのって、スクリプト入れないといけないと思ってたので、意外と簡単で素敵でした。
サイトならjs入れれるんですけど、ブログはダメなとこ多いので。
よかったー