TABバッジ | 東京アートビート

アート・デザインの好みを世界中とシェアしよう。あなたの好きなTABイベントリスト、TABコミュニティーのイベントリストをあなたのブログ、 ウェブサイトに表示させることができます。

• とっても簡単 : たった一行のコードをサイトに加えるだけで、スクリプトが自動的にリストをサイト上に表示させます。
• とってもコンパクト : 小さな写真を含む5つ、もしくは10個のイベントリストを表示します。
• とてもフレンドリー : リストはスケジュールでソートされます。終了に近い現在のイベントが表示されます。
• いつも最新 : イベントが変更されたとき、終了したときなどに自動的にアップデートされます。
• とってもクール : TABバッジは自動的にあなたのサイトのフォント、色を適用します。

あなたのオススメイベントリストを表示させる。

オススメイベントのTABバッジをあなたのサイトに加えるためには、 公開MyTABページを設定して、パーソナライズの設定をするだけです。

TABの最も人気イベントリストを表示させる。

• 日本語、短いバージョン（5イベント）
  <div id="tab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.tokyoartbeat.com/list/badge/event_mostpopular.ja.js"> </script><p id="badge_slogan">Powered by <a href="http://www.tokyoartbeat.com">東京アートビート</a></p></div>

  TypePadブログユザーの場合：

• 日本語、長いバージョン（10イベント）
  <div id="tab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.tokyoartbeat.com/list/badge/event_mostpopular_long.ja.js"> </script><p id="badge_slogan">Powered by <a href="http://www.tokyoartbeat.com">東京アートビート</a></p></div>

  TypePadブログユザーの場合：

• 英語、短いバージョン（5イベント）
  <div id="tab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.tokyoartbeat.com/list/badge/event_mostpopular.en.js"> </script><p id="badge_slogan">Powered by <a href="http://www.tokyoartbeat.com">Tokyo Art Beat</a></p></div>

  TypePadブログユザーの場合：

• 英語、長いバージョン（10イベント）
  <div id="tab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.tokyoartbeat.com/list/badge/event_mostpopular_long.en.js"> </script><p id="badge_slogan">Powered by <a href="http://www.tokyoartbeat.com">Tokyo Art Beat</a></p></div>

  TypePadブログユザーの場合：

TABバッジのスタイルを変更する。

CSSを使えば、TABバッジの見た目を変更することができます。イベントリストは"div"で囲まれた"ul"リストで、アイデンティファイアーとして"tab_badge"または"tab_pop_badge"が付いています。