「天気の天使」を iGoogle に

closeこの記事は 2 年 2 ヶ月 4 日 前に投稿されたものです。間違いに気づいたらその都度修正していますが、今読んだらおかしな点もあるかもしれません。ご了承ください。


がオープンしましたね!


ここに登場する人の一人がマイミクさんにいるので、

「さっそく iGoogle に設置しました!」

とメッセージを送ろうと思ったのですが、

現時点では、ブログパーツはあっても、

iGoogle のガジェットは、まだないようですね。



ブログは、ただでさえ重いので貼りたくないし、

日頃の作業はこんな感じ(↓)の iGoogle をメインにしているので、

iGoogle

美人時計」みたいに、

是非、iGoogle 用のガジェットを配布してもらいたいものです。

あ、あと iPhone アプリも。

(たぶんそのうち出ると思いますが)



そんな訳で、自分で作ってみました~(・ω・)ノ


[O] これから15分でiGoogleガジェットを始めるための資料

を参考に、テキストエディタに<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="天気の天使" />
  <Content type="html">
    <![CDATA[
【HTML】
    ]]>
  </Content>
</Module>


と用意。

【HTML】となっている部分に、html を書けば、

それがガジェットとして表示されるようです。


で、欲しいソースは

天気の天使ブログパーツ [ ブログパーツ ] | widgetown

の「ダウンロード」から入手できますので、<?xml version="1.0" encoding="UTF-8" ?>
<Module>
  <ModulePrefs title="天気の天使" />
  <Content type="html">
    <![CDATA[
<script type="text/javascript" src="http://tenki.in/b-parts/blogparts.js"></script><script type="text/javascript">blogparts(43)</script>
    ]]>
  </Content>
</Module>


として、拡張子を「.xml」にして保存。

それを、ftp ソフトでアップロードしました。


iGoogle の右上に「コンテンツを追加」とあるので、そこをクリックし、

iGoogle

左下にある「フィードやガジェットを追加」に

iGoogle

先ほどアップロードした xml ファイルのULRを書けば、

警告が出ますが、「googleが開発したものじゃないよ」ということですので、

iGoogle

そこはOKにして、iGoogle ホームに戻れば、

iGoogle

追加されました!

タイトルが化けているのと、縦の長さが足りないのが気になりますが、

そのうち公式のガジェットが出来ると思いますので、

これでしのぎたいと思います。

【追記】

文字化けについては、Shift-JIS で保存していたのですが、冒頭に「encoding="UTF-8"」と宣言してあるので、UTF-8 に直したら解決しました。縦の長さについては、参照サイトの続きを読んだら書いてありました(^^;

  <ModulePrefs title="天気の天使" />  <ModulePrefs title="天気の天使" height="340">
  <Require feature="dynamic-height"/>
  </ModulePrefs>
に直したらうまく行きました(・∀・)




ちなみにブログパーツはこんな感じ↓





関連記事かも?

  1. Tweetcount Widget などのテスト
  2. くるくるウィジェット
  3. ブログパーツ
  4. TIME WARP / The Dance of Water
  5. おぢさんのお尻

関連記事は無いと思います。

トラックバック

このエントリーのトラックバックURL:

コメントはまだありません »

コメントはまだありません。

コメントする





(一部のHTMLタグを使うことができます。)

    2009年12月
    « 11月   1月 »
     123456
    78910111213
    14151617181920
    21222324252627
    28293031