Archives | Tumblr | Facebook | bullet-feed.pngRSS

Movable Type用のはてな、del.icio.us、Twitter対応のメタデータ

メタデータ

 Movable TypeのMTタグを使って、メタデータ部分に下記のリンクアイコンを追加しました。

  • このエントリーをはてなブックマークに追加
  • 自分のブログにはてなブックマークの「users」を表示
  • del.icio.usに追加のアイコン
  • Twitter経由でこのエントリーをコメントする

 Movable Typeにおけるメタデータとは、一番初めに貼り付けた画像の部分を指します。

 ソースを公開します。「メタデータ」テンプレートを以下に書き変えました。

<!-- 投稿日と投稿者 -->
<$MTEntryDate format="%Y-%m-%d"$> by <$MTEntryAuthorDisplayName$> |
<!-- カテゴリの表示 -->
Category: <MTEntryCategories glue=","><a href="<$MTCategoryArchiveLink$>"><$MTCategoryLabel$></a></MTEntryCategories> |
<!-- コメント数 -->
<a href="<$MTEntryPermalink archive_type="Individual"$>#comments" title="comments<$MTEntryID$>"><$MTEntryCommentCount$> Comments</a>
<!-- このエントリーをはてなブックマークに追加 -->
<a href="http://b.hatena.ne.jp/append?<$MTEntryPermalink$>"><img src="http://naglly.com/append.gif" alt="このエントリーをはてなブックマークに追加" title="このエントリーをはてなブックマークに追加" width="16" height="12" border="0" /></a>
<!-- はてなユーザー数の表示 -->
<a href="http://b.hatena.ne.jp/entry/<$MTEntryPermalink$>"><img src="http://b.hatena.ne.jp/entry/image/large/<$MTEntryPermalink$>"></a>
<MTIf name="entry_template"><!-- 記事のテンプレートのみ表示 -->
<!-- このエントリーをdel.icio.usに追加 -->
|<a href="javascript:location.href='http://del.icio.us/post?url='+encodeURIComponent(location.href)+'&title='+encodeURIComponent(document.title)"><img alt="delicious.gif" src="http://naglly.com/delicious_icon.gif" width="12" height="12" border="0" alt="このエントリーをdel.icio.usに追加する" title="このエントリーをdel.icio.usに追加する" /></a>
<!-- このエントリーをTwitter経由で投稿 -->
<a href="http://twitter.com/home?status=@naagle%20(<$MTEntryPermalink$>)" title="Twitter 経由でコメントする"><img alt="twitter.png" src="http://naglly.com/twitter.png" width="16" height="16" border="0" /></a>
</MTIf>

 投稿日と投稿者、コメント、カテゴリあたりはお好みで。

 はてなとdel.icio.us、Twitterは、あらかじめアイコンを自前の領域へアップロードします。

はてなブックマークに追加
はてなブックマークに追加アイコン

delicious_icon
del.icio.usに追加のアイコン

twitter.png
Twitterアイコン

 del.icio.usへの追加リンクは、Javascriptを使い、今表示しているページのURLを取得している為、TOPページからやカテゴリーアーカイブなどからは表示させないほうが良いです。個々のエントリーのみで追加リンクを表示させるために「<MTIf name="entry_template">」を使っています。

 また、Twitterに関しては、「@naagle」の部分を自分のIDに変えると良いです。

このエントリーをはてなブックマークに追加

関連性が高いおすすめ記事


comments powered by Disqus