●同じテーマの最新記事を目立たせる方法
アメブロって、どうしても記事下に広告が表示され(ないようにすることもできなくはないみたいですが)、関連記事表示が広告の下に来てしまうので、ブログ読者からするとユーザビリティが悪い。
質の高い記事を読んだ後であれば、
似たような内容の記事があれば読んでみたいと思うし、
そもそも、その記事を最後まで読む人は、そのテーマに対して興味をもっている人。
ということで、同じテーマの最新記事リストを目立たせてみた。
↓CSSカスタマイズスキンCSSの編集で、コピペすればOK。
/* 同じテーマの最新記事を目立たせる */
#themeBox ul li{
padding: 5px;
background-color: #ffff66;
color: #FF6000;
}
#themeBox ul li a{
color: #FF6600;
}
ちなみに、記事を書く際に、テーマをきちんと切り分けられていることが大前提!
広いテーマの中でこれをしても、あんまし意味ないかも。
<追記>
リストボタンを追加してみました。
urlのところに、自分の好きな画像を入れると変わります。絶対パスで。
/* 同じテーマの最新記事を目立たせる */
#themeBox ul li{
padding: 5px;
background-color: #ffff66;
color: #FF6000;
list-style-position: inside;
list-style-image: url(http://stat.ameba.jp/blog/ucs/img/char/char2/242.gif);
}
#themeBox ul li a{
color: #FF6600;
}
質の高い記事を読んだ後であれば、
似たような内容の記事があれば読んでみたいと思うし、
そもそも、その記事を最後まで読む人は、そのテーマに対して興味をもっている人。
ということで、同じテーマの最新記事リストを目立たせてみた。
↓
/* 同じテーマの最新記事を目立たせる */
#themeBox ul li{
padding: 5px;
background-color: #ffff66;
color: #FF6000;
}
#themeBox ul li a{
color: #FF6600;
}
ちなみに、記事を書く際に、テーマをきちんと切り分けられていることが大前提!
広いテーマの中でこれをしても、あんまし意味ないかも。
<追記>
リストボタンを追加してみました。
urlのところに、自分の好きな画像を入れると変わります。絶対パスで。
/* 同じテーマの最新記事を目立たせる */
#themeBox ul li{
padding: 5px;
background-color: #ffff66;
color: #FF6000;
list-style-position: inside;
list-style-image: url(http://stat.ameba.jp/blog/ucs/img/char/char2/242.gif);
}
#themeBox ul li a{
color: #FF6600;
}