Facebookのいいねボックス(LikeBox)の表示が変!?

とかく仕様変更の多いFacebook。
今回はFacebookのプラグインいいねボックス(LikeBox)の仕様変更による表示方法の対応です。

気が付けばサイドナビゲーションに表示してあるいいねボックスの下部が切れて中途半端に。

ボーダーもついていないし、タグに直接border-bottomと入れればボーダーは入りますが、なにやらそれでは気分が悪い。

色々調べてみると解決方が見つかりました。

▲いつしか上記画像のように下が切れている状態に・・・

というわけで色々試してみたところ、今まではheightを指定していませんでしたが、まずheightを適当に設定。そしてコピペするタグを変更します。

このサイトでの今までの記述
<div data-href="FBページURL" data-width="幅" data-show-faces="true" data-stream="false" data-header="true">

下記のように変更しました。
従来はアバターの表示を自動にしていたところを、表示数を指定してあげます。data-show-faces=”true”をconnections=”6″(6は任意で変更)

<div data-href="FBページURL" data-width="幅" data-height="高さ" data-stream="false" data-header="true">

▲これで何とかすっきり。

may the force be with you