MYJourney

ブログ

サンプル HTML ページ

【IT】はてなブログにFacebookプラグインする方法

インタビュー記事を載せている「MYGOAL」のFacebookをこのブログとうまく繋げたいなあと思い、Facebookプラグインしてみました!

Facebookプラグインとは

これのことです。これをブログにつけることです。

 

 

Facebookプラグイン作り方

(1)ページプラグイン - ソーシャルプラグイン - 参考資料 - 開発者向けFacebookのページへとび、以下のように必要な情報を記入してください。

f:id:dreamp:20160425221911p:plain

(2)私は、このはてなブログのサイドメニューの幅と高さがわからなかったので、幅・高さを記入する欄は空白のままにし、plugin containerの幅に合わせるをチェックしました。入力が終わったら、コード取得をクリック。

f:id:dreamp:20160425221916p:plain

(3)この2つのコードが出てくるので、コピーします。

f:id:dreamp:20160425221925p:plain

(4)デザイン>カスタマイズ>サイドバー>モジュールを追加で</>HTMLに先ほどの2つのコードを一緒に貼り付けます。

f:id:dreamp:20160425222913p:plain

(5)適応をクリックすると、無事、プラグインが反映されましたー!

f:id:dreamp:20160425223119p:plain

 

 

 

いいね増えるといいなあ・・・