貧乏家族 からあげ & erocco のライフスタイル重視な家づくり
page top
引き続き昨日頑張って設定したFacebook周りの設定を書いてみよう。
だって、僕が忘れちゃうからね。
エロッ子です。

[いいね!]が出来たら、コメントも簡単!!

以下のページで[いいね!]とおんなじ感じで頑張る。
Comments Box

comentshot.png

URL to comment on: ブログやサイトのURL(どっちみちブログツールとかだとプレイスフォルダーに置き換えるからダミーでOK)
Width: サイトで表示する幅。貼付けるブロックに収まる幅で…
Number of posts: 投稿の表示数なので10とか5でOK!
Color Scheme: 見た目の色が変わる。背景に合わせる感じ?右側が変わるので見て決める。

違いはNumber of postsぐらい。

適当に全部入れたら「Get Code」押す。GoGo!!

アプリを作ったFacebookアカウントでログインしておくと以下の表示が出ます。
『このスクリプトは次のアプリアプリIDを使用します: 「作ったアプリ名」』
comentplugincode.png

これが出てるとJavaScript SDKのコードにアプリのIDが出力されます。
ぼかしてるとこがアプリのID

JavaScript SDKのコードはブログテンプレートとかのHTMLののすぐ後ぐらいに張りつけ。
(JavaScript SDKのコードは[いいね!]と一緒なので[いいね!]で貼り付けた人は無視!)
プラグインのコードはブログテンプレートとかのHTMLの表示したい場所に張りつけ。


じつは今現在このソースをiPhoneで見ると下に余白があります。
Facebookがスマートフォン向けに挿入してるみたいなので、これを消したい人は以下の設定をしてね。

やり方は簡単。ブラグインに「mobile=”false”」という記述でパラメータを追加します。
(他のパラメータ壊したり消したりしない様に!!)

<div class="fb-comments" data-href="your.site.com" data-width="470" data-num-posts="10" mobile=”false”></div>


PC版Facebookコメントになるので見栄え変わります。ついでに余白消えます。
© ぴんぎれ〜. all rights reserved.
Page top
FC2 BLOG