• RSS
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

[FB]Facebook のLike Box を可変にする方法

Facebook のLike Boxプラグインをブログコンテンツの幅に合わせて可変対応(レスポンシブ対応)する方法のご紹介です。

Facebook のLike ボックスを可変に

※Facebook のLike Boxをブログに設置する方法は、別途こちらのFacebook のLike Box をブログに設置する方法の記事を参考にしてみてください。

HTML5版でLike Box をブログに設置する場合、ご利用のテーマのstyle.cssに以下のスタイルを追加します。
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fb_iframe_widget span{
width: 100% !important;
}



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください