はてなでMii-touch
はてなダイアリーでは、ブログパーツとしてGoogleガジェットが使えます。なので、任意のサイトを表示するガジェットを作れば、未対応のブログパーツも貼り付けられるようになるとのこと!(via ウノウラボ - ブログパーツ貼り付けタグのまとめ+Googleガジェット@はてな)
ということで、Mii-touchをはてなに貼り付けられるようにしてみました。
はてなに貼る
以下のコードをヘッダなり、日記本文なりに書きます。
<script src="http://gmodules.com/ig/ifr?url=http://hosting.gmodules.com/ig/gadgets/file/109984311939486933983/mii-touch.xml&synd=open&w=340&h=400&title=&border=%23ffffff%7C3px%2C1px+solid+%23999999&output=js"></script>
こんな感じで、ねこ画像が表示されるはず。
サイドバーに貼り付けよう!とか思ってたけど、横幅が大きすぎるようだ。
Googleガジェットの作り方メモ
Googleガジェットでは、URLを指定してWebサイトを表示するガジェットが作れるので、それを使ってさくっと作れます。
- Google Gaget Editorにアクセス。
- 次のような感じで、ガジェットを定義します。
- Contentのtypeを"url"にすることで、Webサイトを表示するガジェットになります。hrefでURLを指定。
- ModulePrefsでガジェットの属性を指定します。リファレンスはこちら。
<?xml version="1.0" encoding="UTF-8"?> <Module> <ModulePrefs title="mii-touch"> </ModulePrefs> <!-- http://unageanu.sakura.ne.jp/mii-touch の内容を表示 --> <Content type="url" href="http://unageanu.sakura.ne.jp/mii-touch"></Content> </Module>