ぼくはまちちゃん!(Hatena)

  • ライブドアリーダーで読む → Subscribe with livedoor Reader
ぼくはまちちゃん!のRSSフィード

2007/08/14

はてなダイアリーに(対応外の)ブログパーツを貼る

はてなダイアリー日記 - 自分のはてなダイアリーにブログパーツを設置できるようになりました

これはいいね!
さっそく googleガジェットを使って、(対応外の)すきなブログパーツとかを色々貼ってみよう!

まずは下のようなテキストファイルをつくって、文字コードをutf-8で保存…!

<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="ここにパーツ名かこうね!">
  </ModulePrefs>
  <Content type="html">
     <![CDATA[

(ここにブログパーツ貼り付けコード)

     ]]>
  </Content>
</Module>

たとえばtwitterのブログパーツ(badge)を貼るのなら、ファイル名を「twitter.xml」とかにしておいて、
このファイルをどこかのサーバーにアップロード!

サーバーがない人は Dropbox のファイル公開モードを利用すると便利かもしれません。
Dropbox の publicフォルダに放り込んで、ファイルを右クリック→「Dropbox」→「パブリックリンクのコピー」するだけで、ブラウザからアクセスできるアドレスがクリップボードにコピーされます。

アップロードしたXMLファイルのURLが「http://hamachiya2.googlepages.com/twitter.xml」だとすると…

http://gmodules.com/ig/creator?synd=open&url=http://hamachiya2.googlepages.com/twitter.xml

↑ここにアクセスして、はてなダイアリーへの貼り付けコードをゲットしようね!
パーツの大きさによっては、枠のところにスクロールバーがでていたりするから
プレビューを見ながら、大きさをうまく調整して…、


できた!
貼り付けコードをダイアリーのテンプレートとかに貼り付ければ完成だよ!

(貼り付けコードの例)

<script src="http://gmodules.com/ig/ifr?url=http://hamachiya2.googlepages.com/twitter.xml&amp;synd=open&amp;w=192&amp;h=202&amp;title=Twitter%20-%20Hamachiya2&amp;border=%23ffffff%7C0px%2C0px+solid+%23999999&amp;output=js"></script>

(注意)
Googleガジェットのscriptタグにあるw=192とかh=202は、それぞれ横幅と高さなんだけど、ここが3ケタを越えると、
はてなダイアリーに「ご指定のscriptタグは許可されていません。」と表示されてしまうので気をつけてくださいね!

(参考) iGoogleガジェットコンテスト|ガジェットを作ってみよう


(追記)
もし、横幅とか縦幅のパラメータをいくら調整しても、パーツのまわりにスクロールバーがでちゃう場合は、
ダイアリーのスタイルシートに次の行を追加すればいいかんじかな!

.ig_reset iframe {
 overflow: hidden;
}

うん。
つまり今回のこれって、scriptやobject/embedの解禁というよりかは、
遠まわしな iframe の解禁ってことだね!

ryosuke-iwanagaryosuke-iwanaga 2007/08/15 12:52 すばらしいTipsありがとうございます。さっそく対応外のパーツを貼り付けてみました。

Hamachiya2Hamachiya2 2007/08/16 13:36 貼り付けコードのところを、ちょっと書き換えたよ!
自分で書かなくても、googleで画面上で幅とか調整できるみたい!

crowkarasumacrowkarasuma 2007/08/17 08:23 設置の説明がわかり易いです。

bokuno-noubokuno-nou 2007/09/11 16:13 サイドバー内に添付すると、ガジェットの幅が指定した幅以上に広がってしまうのですが…。本文内には指定どおり表示されました。

solailosolailo 2007/12/19 12:46 おかげで設置できました。ありがとうはまちちゃん!

Hamachiya2Hamachiya2 2007/12/19 21:20 ちなみに、ブログ妖精ココロたんは、はてなBlogPetモジュールで貼れるので、これ使わなくてもいいよ。
http://d.hatena.ne.jp/hatenadiary/20050624/1119589082

ekkeekke 2008/05/06 00:48 はじめまして。
半信半疑でやってみたらできました。ありがとうございます。

kenshousekenshouse 2008/08/06 14:29 http://pages.google.com/
サービス停止してない?

アップロード出来る良いサービス見つかんなくて、FC2WEBにアップロードしました。←WEBサービスなのでアップローダとして使うのは間違ってるのはわかってるがほんとに見つからない。誰か良いとこ教えてください。

トラックバック - http://d.hatena.ne.jp/Hamachiya2/20070814/google_gadgets