ページにfacebook窓を設置する方法
いろんなページで最近、目にしますfacebook窓（正規名称はLikeBoxですが）、このBLOGもPC版では今日からfacebookページの窓（いや、LikeBox）を設置させていただきました。操作方法をこの記事にまとめておきます。宜しくお願いいたします。
まずは LikeBox（フェイスブック窓が通称名に結構なっていますが・・・）
コチラからアクセスしてください
https://developers.facebook.com/docs/plugins/like-box-for-pages/
LikeBox(Facebook窓）の画面が表示したら・・・
そのままにしておき、別ウィンドウを表示して、今度はそちらに、ページに埋め込みたいFacebookページを表示します。今回は、私の事務所用facebookページで・・・(下の図)
アドレス(url)をコピーします。(下の図)
コピーしたら、早速、開いたままの状態のLikeBox作成ページに切り替えて、指定の場所にアドレス(url)を貼り付けます。（下の図）
後は下の図の黒枠の部分を使って、設定項目をチェックしたりはずしたり、横幅や縦幅をどれくらいの大きさにするかなどを調整して、自分のページやBlogに埋め込みたいFacebook窓（いや・・・LikeBox）にサイズを調整します。
最後に上の図のオレンジ色の枠の「Get code」をクリックすれば、facebook窓の設定画面に切り替わります。
変わった画面の上に、こんなボタンがあります。 Defalt(標準設定)では html5 になっています、これはスマートフォンやパソコン版と共有された仕様などの場合に便利なソースです。※今回はブログでしたので、iFrame 仕様にしました。 下の図参照
ifarameで、下にj表示しています、ソースコードをコピーをして、（下の図参照）
ページやブログなどに後はソースコードで埋め込みをすれば、表示します。完成です）iFrameは設定があまり必要ないので、初心者の方には向いていると思います。最近のhtmlはcss3仕様のhtml5が増えていますので、その場合はスマートフォンも視野にいれた、制作をしましょう。繰り返しですが、今回は自分のブログで、仕様がhtml4で表示は端末毎に違うので、PC版は手軽なiframeを活用しました。
結果は、このブログの右側に表示していると思います。
サイズなどを考えて、皆さん思案して使ってください。
東田欣也1.0
