« ダメなら、さっさとやめなさい! | ホーム | prototype.js を使ってトラックバックを開閉するように変更 »

2007年10月 8日

TagSupplementals で同じタグを利用しているブログ記事を表示

TagSupplementals のpluginを入れて、関連するブログ記事を表示するようにしてみました。MTRelatedEntriesで同じタグを利用しているブログ記事を出力してくれます。下記のようなhtmlを追加しました(pluginのページのサンプルと変わりませんが・・)。

<div class="related-entries">
<h2 class="related-entries-header">関連するブログ記事</h2>
<ul>
<MTRelatedEntries lastn="10">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTRelatedEntries>
</ul>
</div>

CSSはこんな感じです。-moz-border-radius、-webkit-border-radiusは個人的に重宝しています(IEで同じ対応がないのが残念・・)。

.related-entries-header {font-weight:normal;margin-bottom:0.5em; font-size:12px; color:#666; 
padding-bottom:0;}
.related-entries {margin-bottom:25px;}
.related-entries ul {list-style-type:circle; font-size:11px; margin:0; padding:1em 2em; color:#666; 
background-color:#f0f0f0; -webkit-border-radius: 10px; -moz-border-radius:10px;}
.related-entries li {padding-bottom:0.1em;}

コメント

このブログ記事について

このページは、yamaguchiが2007年10月 8日 11:10に書いたブログ記事です。

ひとつ前のブログ記事は「ダメなら、さっさとやめなさい!」です。

次のブログ記事は「prototype.js を使ってトラックバックを開閉するように変更」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。