アメブロにFacebookプラグインを設置する方法

こんにちは、名畑です。
最近会社で使っているMacが不調で修理の旅に出ています…
早く戻ってくるのを待ちつつ今回のブログです。
WordPressをもちろんオススメしているのですがアメブロにFacebookプラグインを設置する方法を紹介します。
アメブロだけでなくプラグインの作り方も説明してますのでどうぞー。

Facebookプラグインの設定方法

まずFacebook Social Pluginsにアクセスします。

少し下にいくと「いいね！』ボックスがあるのでクリックします。

次にこの画面が出てきます。
①プラグインにしたいFacebookページのURLを入力
②横幅を入力（アメブロの場合サイドに貼付けるので300に設定してあります。）
③縦幅を入力
④色を選択（上の白いボックスか黒いボックスか）
⑤英語のチェックボックスにチェックを入れるとプラグインの表示が変わります。
Show Friends’ Faces…いいね！した人の写真が表示されます
Show Header…一番上のFacebookもチェックが表示されます
Show Posts…いいね！した人の写真でなくFacebookページのタイムラインが表示されます
Show Border…周りの枠が表示されます

設定が終わったらGet Codeをクリックします。

するとタグが出てきます。
上下で表示されていますがどちらも使うのでコピー又はブラウザをそのままにしておきましょう。

設置方法

アメブロにログインします。

設定・管理からまず配置設定をクリックします。

フリープラグインを設定できるように設定します。
使用しない機能の中にフリープラグインがあればドラッグをしよ使用する機能へ移動します。
保存を押して完了です。

再度、設定・管理に戻りプラグインの追加をクリックします。

フリープラグインをタブをクリックします。
そして先ほど表示した「いいね！」ボックスのタグを上から順番に２つコピペします。

保存を押して設定完了です。
アメブロのサイドバーにプラグインが表示されているので確認してみてください。

おわりに

少し面倒かもしれませんがプラグインが貼られているだけでこのブログすごいな♪という雰囲気になるのでアメブロを使っている方は是非試してみてくださいね！

ちなみにアメブロとWordPressブログの違いはこちらで解説しております！

初心者向け：サイト内ブログと外部ブログのメリット、デメリット
https://www.infact1.co.jp/staff_blog/webmarketing/592/