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. CSSViewer

    Web Information

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

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

  2. Web Information

    iPhoneでアラームを設定するやり方

    今まで特にiPhoneでアラームを使う機会がなかったんですが、先日ちょ…

  3. coolHue

    Web Information

    クールなグラデーションがたくさん用意されたWebサイト「coolHue」

    coolHueはクールで素敵なグラデーションがたくさん用意されたWeb…

  4. New Tab Redirect

    Web Information

    Chromeの最初の画面(新規タブ)をアプリ一覧にする設定方法

    Chromeで新規タブを開いた時などに表示される最初の画面をアプリ一覧…

  5. Animated SVG Image Slider
  6. Chromeで翻訳する方法

    Web Information

    Chromeで外国語のWebサイトのページを翻訳する方法

    Chromeで普段使用する言語以外の外国語のWebサイトにアクセスする…

コメント

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

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

最近の記事

  1. スタンスミス(EDIFICE/IENA別注)
  2. WI-1000XM2
  3. mill オイルヒーター
  4. Anker PowerWave 10 Pad & Stand セット

アーカイブ

PAGE TOP