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を設置して表示させるまでのやり方についてでした。

Facebookページを作成する場合の手順前のページ

WordPressのRSSをFeedBurner(フィードバナー)に転送させることができるプラグイン「FeedBurner FeedSmith」次のページ

関連記事

  1. さくらレンタルサーバーからエックスサーバーへの移転手順

    Web Information

    さくらレンタルサーバーからエックスサーバーにWordPressを移転する手順

    自分が管理運営している、あるWordPressサイトのサーバー移転が無…

  2. iPad Airのテンプレート素材(PSD)

    Web Information

    デザインやモックアップに役立ちそうなiPad Airのテンプレート素材(PSD)

    iPad Airのテンプレート素材(PSD)がとてもよかったのでメモが…

  3. Chromeの複数タブをまとめて閉じるショートカットキー

    Web Information

    Google Chromeで指定した複数タブをまとめて閉じるショートカットキー

    ちょっと便利だったのでメモがてらご紹介します。Google Chrom…

  4. Adobe Creative Cloud Cleaner Tool

    Web Information

    AdobeのCreative Cloudでインストールトラブルが起きた時は「CS Cleaner T…

    AdobeのCreative Cloudでインストールトラブルが起きた…

  5. YouTube Options

    Web Information

    YouTubeの広告を消して非表示にするChrome拡張機能「YouTube Options」

    YouTubeの広告を消して非表示にしてくれるChrome拡張機能「Y…

  6. Reesize

    Web Information

    iPhoneカメラで撮影した画像をリサイズできるアプリ「Reesize」

    iPhoneの画像をリサイズしてくれるアプリはいくつかあるんですが、中…

コメント

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

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

最近の記事

  1. パニーニ(フォカッチャ ベーコンときのこのゴルゴンゾーラクリーム)とエスプレッソ
  2. 広尾 スタバ
  3. 芳醇な香りのラムレーズンサンド
  4. Aモーニングセット
  5. 白トリュフの塩パンやメロンパンなど

アーカイブ

PAGE TOP