実験と観察‎ > ‎

Googleサイトにガジェットを

GoogleサイトではJavaScriptのコードを書き込むことができないので、コードをガジェット化してから貼りつける。

ガジェットの作成

  1. 作成するガジェットがGoolgeにホストされるよう、予め、Googleアカウントでログンインしておく。
  2. Google Gadget Editor (GGE) にアクセス。
  3. 「Hello, world!」の部分に、JavaScriptコードを記述。
  4. ModulePrefestilte属性の値で、ガジェットのタイトルを変更。


  5. Previewタブに切り替えて、Googleガジェットとして表示されるか確認。
  6. File → Save でガジェットを保存。
  7. 右端にあるガジェットの名前をクリックして、URLをコピー。

 

ガジェットの挿入

  1. Googleサイトで任意のページ「編集モード」にする。
  2. メニューの 「挿入 → その他のガジェット」を選択。
  3. ガジェットを設定で、「URLを指定してガジェットを追加」を選択。
  4. 「http://~」に、コピーしておいたガジェットのURLを入力して追加。


※ガジェットのプロパティで「」 「高さ」 を指定する場合、 幅は100%にしておくと何かとラク。
高さはガジェットとページのバランスでお好みに!「ガジェットの高さの管理」を使うと、高さの初期設定ができる。

 

4タブ切り替え式Googleガジェットをつくってみた。

2010/06/19 23:17 に 田口相 が投稿   [ 2010/06/19 23:48 に更新しました ]

 
 
 
このガジェットは、Mr.VnのFilter Kerywords in Multiple RSS Feedsを使用しました。

ブログ(Blogger)をGoogleガジェット化してみた。

2010/06/19 22:56 に 田口相 が投稿   [ 2010/06/19 23:03 に更新しました ]

Embed Bloggerでガジェット!

 

Simple Rss Readerでガジェット!

 
ガジェットの仕様の URL が見つかりませんでした

Googleガジェットでtwitpicを作ってみた。

2010/06/19 22:41 に 田口相 が投稿   [ 2015/09/21 22:59 に更新しました ]

気になったデザインを写真に撮って…

Googleガジェットでnow on Twitter を作ってみた。

2010/06/19 22:35 に 田口相 が投稿   [ 2015/09/21 22:58 に更新しました ]

失敗…。

now on Twitter

1-4 of 4