「いいね！」数の記事ランキングのブログパーツの設置方法　【２種類】

「いいね！」数の記事ランキングのブログパーツ

・Activity Feed - Facebook開発者
・FBLkit - いいね！ランキング

探してみると上記の２種類ありました。
FBLkitの方は、参加用タグをブログに設置してから１日たってからでないと、記事ランキングが表示されませんでした。Activity Feed の方は、即時に使用可能でした。

好きな方を設置すればよいかと思います。

Facebookに登録する必要はありません。（FacebookのアカウントがなくてもOK）

Activity Feed の設置方法

Domainという入力欄にブログのURLをhttp://を外して入力してください。他の入力項目にフォーカスが移動した時点で、左のプレビュー画面に表示されるかと思います。

設置の仕方は、HTML5を選択して、上の方のタグを＜body＞タグの直後に配置、下の方のタグを表示したいところに設置してください。

※上の方のタグは、ブログで貼り付け可能ななるべく上の方なら動作すると思います。

Show recommendationsについて

Recommendations：「シェア」されたものを見せるかどうか。チェックを外すと、「いいね！」されたもののみ表示、チェックを付けると、上半分に「いいね！」されたエントリーが、下半分に「シェア」されたエントリーが表示されます。
想造ノート:Facebookの「シェア」や「いいね！」を見えるようにするブログパーツの導入方法

FBLkitの設置方法

Facebookの青い色は、#3B5998なので、色をそろえたい人はこれを指定すると良いかと思います。

参加タグをブログに設置してから、一日程度たたないと表示されないようです。参加タグを設置してしばらくたった後、ブログパーツを設置するのが良いかと思います。

ブログパーツは、ブログのURLを入力すると、左側にプレビュー画面が表示されます。表示されない場合は、参加タグを設置した直後か、直近でいいね！をおされた記事がないかのどちらかです。

ブログパーツのタグは、表示したい場所に貼り付けます。