FC2ブログで記事下に関連記事リストを設置する

さっそく記事下に貼り付けてみたのがコチラ



キチンと記事下とgoogle広告の間に入っているがチョット気に入らない・・・。
殺風景なので関連記事の見出しを目立たせたいと感じます。。。

最終的にはこんな感じになりました



記事と関連記事に境界線が引けた感じになりました
ランダム表示を選択しているので同じ記事でも関連記事リストには違うものが表示されていてgood♪

---

設置方法＆修正した方法はFC2ブログにログインして[環境設定][ブログの設定][記事の設定]と進みます


ここで〔個別ページの記事下〕ではなく〔テンプレート変数のみ〕を選択しました

あとは記事上だろうが記事下だろうが好きな場所に次のコードを入れてるだけ

<!--relate_list_area-->
<dl class="relate_dl">
<dt class="relate_dt">関連記事</dt>
<dd class="relate_dd">
<ul class="relate_ul">
<!--relate_list-->
<!--relate_entry_other-->
<li class="relate_li"><a href="<%topentry_relate_url>"><%topentry_relate_title></a></li>
<!--/relate_entry_other-->
<!--relate_entry_now_showing-->
<li class="relate_li_nolink"><%topentry_relate_title></li>
<!--/relate_entry_now_showing-->
<!--/relate_list-->
</ul>
</dd>
</dl>
<!--/relate_list_area-->

〔関連記事〕のところは下線でも太線でも好きなように加工すれば良いのですが自分は<h4>関連記事</h4>と囲っています
今回のブログカスタムはこちらの記事を参考にさせていただきました

記事下に同じカテゴリの記事を表示する関連記事リスト機能を実装 - Paroday

記事タイトルの横に年や月日を入れる方法も掲載されている良記事です