Web Information

FacebookのLike Boxを設置して表示させるまでのやり方

FacebookのLike Boxの設置から表示させるまでのやり方をメモしておきます。とても簡単に設置できるのでFacebookページを持っている人はサクっと設置してみるといいかもですね。横幅やボーダーカラーなんかも指定できるので自分のサイトに合わせることができます。以下、やり方です。

[ads_center]

やり方

まずはLike Boxのページにアクセスします。

次に一番上にあるFacebook Page URLに自分のFacebookページのURLを入力します。

Facebook Like Boxを設置01

続いて横幅を設定します。自分のサイトに表示させる場所の幅に合わせます。

Facebook Like Boxを設置02

Color Schemeを選びます。lightとdarkがあるのでお好みで選択します。

Facebook Like Boxを設置03

その下にあるShow Faces にチェックを入れると「いいね」をしてくれた人の顔写真が表示されます。チェックを外すと非表示になります。

Border ColorではLike Boxの周りのボーダーカラーを指定することができます。こんな感じで。

Facebook Like Boxを設置04

Like Boxのヘッダーがいらないという人はHeaderのチェックを外すと非表示にすることができます。

Facebook Like Boxを設置05

最後に下にある「Get Code」をクリックするとコードを取得することができます。あとは自分のサイトの表示させたい場所にコピペすればOKです。ちなみにここではIFRAMEを選択しています。

Facebook Like Boxを設置06

以上、FacebookのLike Boxを設置して表示させるまでのやり方についてでした。

関連記事

  1. Web Information

    Yahoo!知恵袋もRSS登録することができるだっていうのを最近知った

    Yahoo!知恵袋もRSS登録することができるんですね。最近知りました…

  2. iPhoneのテザリングをBluetoothでMacと接続

    Web Information

    iPhoneのテザリングをBluetoothでMacと接続する方法

    先日、ちょっとテザリングをしなきゃいけない状況になったのでその時のやり…

  3. Web Information

    Googleアラートで好きなキーワードを指定してフィード登録するやり方

    すごい今更ですがGoogleアラートのフィード登録を使ってみました。と…

  4. CSSViewer

    Web Information

    特定の要素のCSSを手軽に確認できるChrome拡張機能「CSSViewer」

    CSSViewerというChrome拡張機能を使ってみました。特定の要…

  5. タブの順番を入れ替える

    Web Information

    iPhoneのSafariで複数あるタブの順番を入れ替える(並べ替え)やり方

    iPhoneのSafariでブラウジングしているといつの間にかタブがた…

  6. Web Information

    Google検索を英語だけの結果で表示させる簡単な方法

    Google検索をする時に日本であまり情報が少ないものを検索することが…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. CHA-SAJI
  2. SLE-19P
  3. Soundcore Ace A0
  4. Fire 7 タブレット

アーカイブ

PAGE TOP