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;}

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

タグ:

トラックバック(0)

コメントする