はてなにgoogleガジェットでいろいろ貼り付けてみる

ニコニコ動画をはてなに貼り付ける

はてなに貼り付けるソース

<script src="http://gmodules.com/ig/ifr?url=参照するXMLのURL&amp;up_myname=sm2267586&amp;synd=open&amp;w=314&amp;h=180&amp;title=タイトル&amp;border=0&amp;output=js"></script>

urlに下記に示すXMLのURLを指定してください．（ex.「url=http://www.***.com/niconico.xml」）
up_mynameに動画のIDを指定してください．（ex.「up_myname=sm2267586」）
titleに動画のタイトルを指定してください（日本語無理）．

XML

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="ニコニコ動画 for はてなダイアリ" />
<UserPref name="myname" display_name="Name" required="true" />

  <Content type="html"><![CDATA[
    <div id="hello__MODULE_ID__"></div>
    <script type="text/javascript">
    var prefs = new _IG_Prefs(__MODULE_ID__);
    _gel("hello__MODULE_ID__").appendChild(
      document.write(
        '<iframe width="312" height="176" src="http://www.nicovideo.jp/thumb/'+prefs.getString("myname")+'" scrolling="no" style="border:solid 0px #ffffff;" frameborder="0"></iframe>'
      )
    );
    </script>
  ]]></Content>
</Module>

基本的に何も変えなくて大丈夫．縦・幅を変えたいときに変更の必要有り．

Veohをはてなに貼り付ける

はてなに貼り付けるソース

<script src="http://gmodules.com/ig/ifr?url=参照するXMLのURL&amp;up_myname=v668488KDxxnedW&amp;synd=open&amp;w=427&amp;h=357&amp;title=タイトル&amp;border=0&amp;output=js"></script>

使い方は基本的にニコニコ動画と変わりません．

XML

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Veoh for はてなダイアリ" />
<UserPref name="myname" display_name="Name" required="true" />

  <Content type="html"><![CDATA[
    <div id="hello__MODULE_ID__"></div>
    <script type="text/javascript">
    var prefs = new _IG_Prefs(__MODULE_ID__);
    _gel("hello__MODULE_ID__").appendChild(
      document.write(
        '<embed src="http://www.veoh.com/videodetails2.swf?permalinkId='+prefs.getString("myname")+'&id=anonymous&player=videodetailsembedded&videoAutoPlay=0" allowFullScreen="true" width="425" height="355" bgcolor="#000000" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed><br/><a href="http://www.veoh.com/">Online Videos by Veoh.com</a>'
      )
    );
    </script>
  ]]></Content>
</Module>

Flashをはてなに貼り付ける

はてなに貼り付けるソース

<script src="http://gmodules.com/ig/ifr?url=参照するXMLのURL&amp;up_myname=表示したいswfのURL&amp;synd=open&amp;w=400&amp;h=305&amp;title=タイトル&amp;border=0&amp;output=js"></script>

使い方は基本的にニコニコ動画と変わりません．
up_mynameに表示したいswfファイルのURLを指定してください．（ex.「up_myname=http://www.***.com/flash.swf」）

XML

<?xml version="1.0" encoding="UTF-8"?>
<Module>
<ModulePrefs title="Flash for はてなダイアリ" />
<UserPref name="myname" display_name="Name" required="true" />

  <Content type="html"><![CDATA[
    <div id="hello__MODULE_ID__"></div>
    <script type="text/javascript">
    var prefs = new _IG_Prefs(__MODULE_ID__);
    _gel("hello__MODULE_ID__").appendChild(
      document.write(
        '<EMBED SRC="'+prefs.getString("myname")+'" WIDTH=400 HEIGHT=300 bgcolor=#FFFFFF LOOP=false QUALITY=highPLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" TYPE="application/x-shockwave-flash" </EMBED>'
      )
    );
    </script>
  ]]></Content>
</Module>

CSS

テーマサンプル「hatena_simple2」を使うとgoogleガジェットに枠が表示されてしまいます．
鬱陶しかったので，詳細デザイン設定のスタイルシート枠に

/* googleガジェットのための変更開始 */
.body .section table {
  border: 0px solid #666;/*変更*/
  border-collapse: collapse;
  font-size: 90%;
  margin: 1em 0;
}

.body .section table td , .body .section table th {
  padding: 0.0em;/*変更*/
}

.body .section table th {
  background: #e1e3e4;
  border: 0px solid #666;/*変更*/
}

.body .section table td {
  border: 0px solid #666;/*変更*/
}
/* googleガジェットのための変更終了 */