ドラッグで意味が表示されるブログパーツ dragger

dragger

マウスでキーワードをなぞると意味が表示される辞書ブログパーツ

解説

dragger は設置したページ内のキーワードをドラッグすることでWikipediaを利用した検索結果を表示させることができるブログパーツです。
これにより専門用語の解説を省くことができます。

ページ内の全ての文字に適用されますが例として以下のキーワードをなぞってみてください。
正しく表示されていますか?

ジャクソン , 梅雨 , スリラー , ロサンゼルス , 宝塚記念 , MICHAEL , BOSS , IPHONE , JACKSON , ロンドン , 死因 , スペイン , 救急隊 , スーパースター , 自民党 , WII , クーラー , 真夏日 , インフルエンザ , 地震

導入方法

ワード解析などの機能を利用したい方は ユーザ新規登録のページ で簡単な登録を済ませましょう。
登録不要で使える 体験版 もありますが辞書機能についての制限はないので今回はこちらの解説をします。

・ユーザ新規登録のページ (dragger)
・体験版のページ (dragger)

体験版のページ にアクセスしたら各項目を設定してデザインを好みのものにしましょう。
カラーの設定ではピッカーが使えますし上の画面を見ながら設定していけば難しくありません。

設定後、 貼り付けコード の欄にあるタグを全てコピーして表示させたいページに貼り付ければ作業は終了です。
レンタルのブログサービスを利用している方は こちらのページ を参考にしてください。

表示例

管理人は下記のタグを貼り付けてみました。

<!-- dragger include start. -->
<script type="text/javascript" src="http://dragger.netsket.com/dragger.js" charset="UTF-8"></script>
<a title="無料ブログパーツ「dragger」で読者にやさしいブログに！" href="http://dragger.netsket.com/" onclick="window.open(this.href);return false;" onkeypress="window.open(this.href);return false;"><img src="http://dragger.netsket.com/system/stecker/01.png" alt="無料ブログパーツ「dragger」で読者にやさしいブログに！" style="border: none;" /></a>
<script type="text/javascript">
dragger._width = 310;
dragger._padding = 15;
dragger._bgColor = "#000000";
dragger._bgAlpha = 80;
dragger._fColor = "#ffffff";
dragger._fSize = 12;
dragger._fFamily = "Verdana";
</script>
<!-- dragger include end. -->

実際の表示

ブログパーツなので簡単に設置できるのが良いですね。
気になる方は利用してみてはどうでしょうか?