2011年5月6日金曜日

Blogger Blogs での Embed.ly の使い方

■ 方法
  1. スクリプトのブログへの埋め込み
    1. ブログの右上の「デザイン」をクリック
    2. 「HTMLの編集」をクリック
    3. 「テンプレートを編集」で HTML の「</head>」前に以下のスクリプトを記述する
    4. <script type="text/javascript" src="http://scripts.embed.ly/embedly.js" ></script>
      
  2. コードのポスト
    1. Embedly Javascript Tag - Documentation の「Custom Configuration」を参考にパラメータを javascript で設定する
    2. 以下に注意して、埋め込み対象のURLをアンカーで記述する
      • パラメータ「embedly_cssSelector」で設定したアンカーにURLを記述
      • Twitterのつぶやきを埋め込む場合、URLは「http://twitter.com/...」で記述、「https://twitter.com/...」では埋め込まれない
■ 例
  1. ソース
  2. <a class="embedly" href="http://twitter.com/#!/ykchat/status/64504735549493248">つぶやき</a>
    <script type="text/javascript">
      var embedly_cssSelector = 'a.embedly';
    </script>
    
  3. 結果
  4. つぶやき

2011年5月5日木曜日

Twitter のつぶやきの切り出し

つぶやきURLを入力し、「切出」ボタンを押下して下さい。
つぶやきURL:

■参考URL

Blogger Blogs での javascript の使い方

  • ソース
  • <script type="text/javascript">
    function hello(){
      alert('Hello World!');
    }
    </script>
    <input onclick="hello();" type="button" value="Hello World!"/>
    
  • 結果