<p class="thumb"><img src="http://web-marketing.zako.org/wp-content/uploads/2009/05/taggify.png" alt="画像にマウスオーバーするとツールチップ表示できるサービス" title="画像にマウスオーバーするとツールチップ表示できるサービス" width="514" height="204" class="alignnone size-full wp-image-5682" /></p><p>Flickrのサイト上で、画像にメモが出てくることがありますよね。それを自分のサイト上でもできるようにしてしまうのが「Taggify」です。</p>
<!--more-->
<h3 class="header-label">画像にマウスオーバーするとツールチップ表示できるサービス</h3>
<p>「<a class="web-site-link" href="http://taggify.net/" onclick="window.open('http://taggify.net/'); return false;">Taggify</a>」は、<strong>サイト上の画像にツールチップをつけられる</strong>サービス。表示の設定をして生成されるJavaScriptタグをページに設置するだけで利用可能になります。</p>
<p>ただし、ツールチップを付けられるのは記事を公開してからになります。</p>
<h4 class="header-label">ツールチップはこのように表示されます</h4>
<p><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/Sg19w5_zLBI/AAAAAAAAXUo/ehRa9uFkL80/s400/taggify1.jpg" /><br />↑この画像にマウスオーバーしても表示されます。</p>
<h4 class="header-label">ツールチップの登録はブックマークレットから</h4>
<p><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/Sg19xRLy82I/AAAAAAAAXUs/J0Kti0HpnSM/s800/taggify2.jpg" /><br />↑サービスサイト上にあるブックマークレットを<br />ブックマークに追加して使用します。</p>
<p><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/Sg19x7noDtI/AAAAAAAAXUw/_f1wkKAFl3s/s400/taggify3.jpg" /><br />↑ツールチップの登録・編集にはログインが必要。</p>
<p><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/Sg19ybADyCI/AAAAAAAAXU0/xgJKbQjKFtQ/s400/taggify5.jpg" /><br />↑これがツールチップ登録画面。 リンクの指定も可能になっています。</p>
<h4 class="header-label">利用手順</h4>
<ol>
	<li><a class="web-site-link" href="http://taggify.net/" onclick="window.open('http://taggify.net/'); return false;">Taggify</a>のページを開き、画像のようなボタンを押します。<br /><img src="http://lh4.ggpht.com/_fRSz8mJZTZY/Sg2Efld0ZiI/AAAAAAAAXVA/tmldN4Eb__s/s800/taggify6.jpg" /></li>
	<li>ツールチップのデザインを設定します。<br /><img src="http://lh6.ggpht.com/_fRSz8mJZTZY/Sg2E2ghKHzI/AAAAAAAAXVE/9DSB8_binzg/s400/taggify7.jpg" /></li>
	<li>次の画面で無料登録。<br /><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/Sg2E2ymA4bI/AAAAAAAAXVI/eff178TLLB0/s400/taggify8.jpg" /></li>
	<li>スクリプトタグが発行されるので、&lt;/body&gt; タグの前に貼り付けます。<br /><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/Sg2E3It_rFI/AAAAAAAAXVM/RmqhXqBYoUE/s400/taggify9.jpg" /></li>
	<li>サービスサイト上にあるブックマークレットをブックマークに追加して完了<br /><img src="http://lh5.ggpht.com/_fRSz8mJZTZY/Sg19xRLy82I/AAAAAAAAXUs/J0Kti0HpnSM/s800/taggify2.jpg" /></li>
</ol>
<p>試してみたい方は<a class="web-site-link" href="http://taggify.net/" onclick="window.open('http://taggify.net/'); return false;">Taggify</a>へどうぞ。</p>
<p>お手軽ツールチップという感じで良いですね。ブックマークレットから登録を行うという方法も良いアイデア。</p>
<p>Via：<a class="website-link" href="http://delicious.com/url/a7a1b57c99ec45706698f9d5c52f5179" onclick="window.open('http://delicious.com/url/a7a1b57c99ec45706698f9d5c52f5179'); return false;">delicious</a></p>