スポンサーサイト

一定期間更新がないため広告を表示しています

Recommendations Box を記事毎に表示させてみました[JUGEM]

Recommendations Box - Facebook開発者
JUGEMテーマ:JUGEM
facebookにログオンした状態で
  • DomainにブログのURLを入力
  • サイズ・ヘッダー・背景色・枠線・リンク先の表示方法・枠線・フォントを指定する
  • 「Get code」をクリックして「Recommendations Boxのプラグインコード」を発行
  • 指定された箇所(HTML)に発行されたコードを追記

プラグインのコードサンプル
<div class="fb-recommendations" data-site="http://member.jugem.jp/" data-width="300" data-height="300" data-header="true" data-linktarget="_parent"></div>

設置するときのポイント
<div id="fbRecommendations">
<div class="fb-recommendations" data-site="http://member.jugem.jp/" data-width="300" data-height="300" data-header="true" data-linktarget="_parent"></div>
</div>
  • プラグインのコードをid="fbRecommendations"で囲みCSSで表示の設定をする
#fbRecommendations {display: none;} /*基本的に非表示*/
body#eid #fbRecommendations {display: inline;} /*個別記事表示時のみ表示*/

ページの属性(http://jugem.jp/manual/manual.php?mode=r01#etc02)

  • このエントリーをはてなブックマークに追加
  • Check

スポンサーサイト

  • このエントリーをはてなブックマークに追加
  • Check
コメント

とても魅力的な記事でした!!
また遊びに来ます!!
ありがとうございます。。

トラックバック
この記事のトラックバックURL