ザツログ

雑学、幕末、80年代、ブログカスタマイズ、ITトラブルシューティングなど。

MENU

Facebookの『LikeBox』をはてなブログに設置する方法

f:id:maekeeeeen:20141007135845p:plain

ブログのサイドバーなどでよく見かける『LikeBox』の設置方法です。

 

『LikeBox』の作成方法

①事前に『Facebookページ』を作成しておきます。

 

②Faceboookにログインした状態で『LikeBox』作成のサイトにアクセスします。

 

③『Facebook Page URL』にFacebookページのURLを入力します。
ブログのURLではありません

f:id:maekeeeeen:20141007102747p:plain

URLが正しく入力されると、下部に『LikeBox』が表示されます。

 

④必要に応じて、下記の項目を入力/選択します。

----------------------------------------------

[Width]

横幅を指定します。
未入力の場合、『300』が指定されます。

 

[Height]

高さを指定します。
高さは自動で変わるので未設定のままでOKです。

 

[Color Scheme]

明るいテーマ『light』と暗いテーマ『dark』から選択します。

[Show Friends' Faces]

いいね!』を押してくれた人の顔写真を表示するか選択します。

 

[Show Header]

ヘッダにある『Facebookもチェック』を表示するか選択します。

 

[Show Posts]

Facebookページ』に投稿された記事を表示するか選択します。

 

[Show Border]

枠線を表示するか選択します。

----------------------------------------------

 

⑤『Get Code』ボタンをクリックし下記の『Your Plugin Code』画面を表示させます。
IFRAME』を選択し、下部に表示されたプラグインコードをコピーします。

f:id:maekeeeeen:20141007135033p:plain

 

⑥コピーしたプラグインコードを、『はてなブログ』の管理画面より、『デザイン』 > 『カスタマイズ』 > 『記事』 > 『記事下』に貼り付けると、この記事の下部(PCで閲覧した場合のみ)にあるような『LikeBox』が表示されます。
※2015年4月現在はサイドバーに設置しています。