2007-02-23 Fri

リンク先の Favicon(ファビコン) を自動で表示 RSS あとで読む kwout this!

DESIGN

 コメント欄やトラックバック一覧など、いろんな場所に使えそうな Favicon(ファビコン)を自動で表示できる API をご紹介します。
コンパクトで無駄に場所をとらないので、ちょっとしたアクセントにいかがでしょうか。

Favicon API
Favicon API (ファビコン) α版

 URLを入力して「作成ボタン」を押すだけで、そのサイトのFavicon(ファビコン)を PNG 形式の画像に自動変換してくれます。

 サムネイル表示もいいけど、先日 ロサンゼルスで働くウェブデザイナーさん のところにトラックバックをしたら、トップページのトラックバック一覧に自分のファビコンが表示されて、ちょっぴりうれしい気分になりました。

 というわけで、さっそくトラックバックのタイトルに送信元のファビコンが表示されるようにカスタマイズしてみました。ぜひこちらの記事にトラックバックしてファビコン自慢してください。トラックバックがたくさん並んだ時でも、誰のブログか一目でわかるのがいいですね。(TB企画の記事参考

 ファビコンの設定をしていないサイトの場合、デフォルトでは ファイルのアイコン または、ポータル独自の favicon.ico が表示されます。


トラックバック送信元に表示させる方法

Seesaa でトラックバックタイトルの前に表示させる場合
コンテンツの [記事] → [コンテンツHTML編集] から編集を行います。
<% loop:list_individual_article_tb -%> のあとに、以下のコードを追記してください。

<img src="http://favicon.aruko.net/○/×/<% tb.url %>" width="16" height="16" alt="" />

○×の部分は、オプションでサイズ指定やアイコンの選択ができます。

【参考】
ムーバブルタイプでトラックバック送信元のfaviconを自動で表示する方法 - デザインウォーカー | DesignWalker - ロサンゼルスで働くウェブデザイナーの日記

【関連エントリー】

del.icio.us コメントを表示 はてなブックマークはてなブックマーク livedoorCriplivedoorCrip Yahoo!ブックマークに登録 Yahoo!ブックマーク
posted by らぶ | Comment(2)  | TrackBack(3)  | 04 Design*.
Comments
はじめまして。トラックバックさせていただきました。このAPI、アニメーションFaviconには対応していないんですね。
って対応しても、うざいアニメーションFaviconがサイト中に表示されたら、アレですが。
ZARU at 2007-02-25 17:01
■ZARUさん
はじめまして。
かわいいFaviconですね!
アニメーションGIFは目立ちますが、たくさん並んだら確かにウザイかもしれませんね。
コメントありがとう。
らぶ at 2007-02-25 20:28
Add Comment
Name:

URL:

Comment:

Trackback
この記事へのTrackBack URL


MTのトラックバックとコメント欄にファビコンを表示させます。
Excerpt: MTのトラックバックにファビコンを表示させる方法が紹介されていたので、コメントでもできるのではないかと思い、その方法を探してみました。
Weblog: たのしい検索・ゆかいな検索
Tracked: 2007-02-24 08:18
アニメーションのFaviconを作ってみた
Excerpt: うざいくらいなアニメーションFaviconを作ってみたよ。 忘れかけてるサイト...
Weblog: WEBプログラマ兼WEBデザイナなZARU日記
Tracked: 2007-02-25 16:59
ここ一年くらいで新しく使い始めたウェブサービスが無い
Excerpt: そういえば、ここ一年くらいで、新しく使い始めたウェブサービスやウェブサイトが、全く無いことに気がついた。●結構な頻度で使っているもの・[mixi]・Gmail・Netvibes・del.icio.us...
Weblog: マスミ電波
Tracked: 2008-04-09 00:18
人気エントリー Top 10
MoMAstore