ブログパーツを貼ってみよう！

みなさん、1月31日にリリースしたバージョン1.1へのアップデートはお済みでしょうか？
まだであれば今回のご案内を見ていただきながらぜひやってみてください。

今回は、このブログの左側や、弊社CEOの石田のブログにも貼ってあるブログパーツの貼り方について説明したいと思います。

ブログをやっている方であれば、非常に簡単に追加することが可能ですので、まだの方もこれを機にご自身のブログを始めてみてはいかがでしょうか？

実際の設置は

1. ブログパーツで表示する画像を公開設定
   
2. Flashモジュールのインストール
3. HTMLタグ（JavaScript）を追記

の3ステップで、非常に簡単です。

具体的に解説します。

1. SemantiqNodeの設定で、ディレクトリマッピングを使って表示する画像を入れたディレクトリを公開します。公開ディレクトリ名は「photos」を指定してください。（photos以外では動作しません）
   設定方法は、こちらの記事で紹介しています。
   
   
   
2. このブログでも使っている、ブログパーツであるFlashモジュールをダウンロードし、ご自身のブログやホームページの適切な場所へアップします。
   DTI-blogparts.zip : 10KB
   
   
3. ブログパーツを呼び出すためのHTMLタグの記載を行います。
   サンプルは次のような感じです。
   今回は、Flashファイルを埋め込むのに、HTMLタグを簡素化するためにとっても便利な「swfobject.js」を使います。
   HTMLソースサンプル　（太字の部分を書き換えてください。）
   

   <script type="text/javascript" src="js/swfobject.js"></script>
   <script type="text/javascript">
   var so = new SWFObject("[設置したPath]/blogparts.swf", "blogparts", "170", "250", "8", "#FFFFFF");
   so.addVariable("snID","ご自分のSemantiqNode名");
   so.write("flashcontent");
   </script>

今後はテンプレートを増やしたりして行く予定ですので、ご期待ください。また、バージョン1.2βではAPIを公開して行きますので、自分自身でこういったブログパーツを開発することも可能です。その際は、ぜひDreamHUBチームまで連絡してください。このブログやサービスページにて紹介していこうと思っています。

Let's enjoy！