KABバッジ | 関西アートビート

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

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

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

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

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

• 日本語、短いバージョン（5イベント）
  <div id="kab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.kansaiartbeat.com/list/badge/event_mostpopular.ja.js"> </script><p id="badge_slogan">Powered by <a href="http://www.kansaiartbeat.com">関西アートビート</a></p></div>
• 日本語、長いバージョン（10イベント）
  <div id="kab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.kansaiartbeat.com/list/badge/event_mostpopular_long.ja.js"> </script><p id="badge_slogan">Powered by <a href="http://www.kansaiartbeat.com">関西アートビート</a></p></div>
• 英語、短いバージョン（5イベント）
  <div id="kab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.kansaiartbeat.com/list/badge/event_mostpopular.en.js"> </script><p id="badge_slogan">Powered by <a href="http://www.kansaiartbeat.com">Kansai Art Beat</a></p></div>
• 英語、長いバージョン（10イベント）
  <div id="kab_pop_badge"><script type="text/javascript" charset="utf-8" src="http://www.kansaiartbeat.com/list/badge/event_mostpopular_long.en.js"> </script><p id="badge_slogan">Powered by <a href="http://www.kansaiartbeat.com">Kansai Art Beat</a></p></div>

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

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