他ブログ最新記事

FC2ブログで関連記事を表示させよう!

2010年08月19日 22:25

ふとFC2ブログの管理ページを一通り眺めていたら
『環境設定の変更』にこんな設定がありました。

2010081901

せっかくの機能なので表示してみよう!
と思ったんですが、なんかダサい・・・。

なんとかデザインを変更できないモノかといろいろ調査していたらこんな記事に出会いました。
記事下に同じカテゴリの記事を表示する関連記事リスト機能を実装

ふむふむ、スタイルシートに追記すればデザインを変更できるのか。
つーことでスタイルシートにいろいろ追記。
スタイルシートへの追記は管理ページのテンプレートの設定でできます。

/* FC2relate
----------------------------------------------- */
.relate_dl {
margin: 2.0em 0 0.5em !important;
padding: 0 !important;
border: 0 none !important;
background: none !important;
}
.relate_dl .relate_dt {
margin: 0 !important;
padding: 0.5em 0.2em !important;
border: 0 none !important;
border-bottom: 1px #666666 dashed !important; /* 線の色 */
line-height: 1.1 !important;
background: none !important;
}
.relate_dl .relate_dd {
margin: 0 !important;
padding: 0 !important;
border: 0 none !important;
background: none !important;
}
.relate_dl .relate_ul {
margin: 1em 0 1em 2em !important;
padding: 0 !important;
}
.relate_dl .relate_ul li {
margin: 0 0 0.5em !important;
padding: 0 !important;
border: 0 none !important;
}


サンプルデザインを1箇所変更しただけです。

ちなみに関連記事は記事の個別ページでないと表示されません。
個別ページとは記事のタイトルを押下した後に表示されるページのことです。
最初関連記事を設定したあとブログを見てみても設定が反映されてないって自分思ったんで。
関連記事
スポンサーサイト



コメント

    コメントの投稿

    (コメント編集・削除に必要)
    (管理者にだけ表示を許可する)

    トラックバック

    この記事のトラックバックURL
    http://mocheblog.blog22.fc2.com/tb.php/336-22bdcb9f
    この記事へのトラックバック