はてダにIS Paradeのブログパーツを貼る。

IS Parade twitterのフォロワーとパレードしよう！の人が集まってくる感じが気に入った。

ということでブログパーツを貼ってみた。

はてなダイアリーのブログパーツでは対応してないので、Google Gadget経由。

Google Gadget Editorの使い方の詳細は第3回：Googleガジェットを開発する方法を参照。

1.isparadeでブログパーツをコピーする

ここからblog Partsにアクセスする

これをコピーする。

2.Google Gadget Editorにアクセス

Google Gadget Editorにアクセス

Googleのアカウントにログインしている必要がある。

3.ガジェットの作成

(1)テンプレートから作成
以下でガジェットを作成する。カテゴリー、ガジェットは何でもいいんだけど。Hello Worldを使いまわすのが一番シンプルなので。

File > new
Category:Popular Gadgets
Gadget:Hello World

(2)内容の修正
Google Gadgetは以下のようになっている。

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="ブログパーツ名" width="幅" height="高さ" />
<Content type="html"><![CDATA[
isparadeから取得したブログパーツを貼付つける
]]></Content>
</Module>

僕の場合は具体的には以下にした。

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="isparade" width="165" height="180" />
<Content type="html"><![CDATA[
<script type="text/javascript" src="http://isparade.jp/blogparts/parade.js?q=@orange_clover&id=39372&mute=0"></script>
]]></Content>
</Module>

Previewで表示できるか確認。エラーになる場合は、タグに抜けや間違いがないかくを確認する。
正常ならば、メニュー > Save asでファイル名をつけて保存

4.ガジェットのURLをコピー

Editorの右側にあるisparade.xmlのURLをコピーする。

5.はてなの設定をする

管理 > デザイン > ページのフッタへ以下を貼り付ける。
Google Gadgetを貼り付ける時は以下のようにする。

<script src="http://gmodules.com/ig/ifr?url=ガジェットのURL&amp;synd=open&amp;w=幅&amp;h=高さ&amp;title=ブログパーツのタイトル&amp;border=%23ffffff%7C0px%2C0px+solid+%23ffffff&amp;output=js"></script>

僕の場合は以下のようになる。

<script src="http://gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/113698090087258641333/isparade.xml&amp;synd=open&amp;w=165&amp;h=180&amp;title=isparade&amp;border=%23ffffff%7C0px%2C0px+solid+%23ffffff&amp;output=js"></script>