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. つぶやき

0 件のコメント: