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. New Tab Redirect

    Web Information

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

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

  2. Gmailの送信メール取り消し設定

    Web Information

    Gmailで送信メールを取り消し(キャンセル)する設定方法

    先日、GmailのWeb版に送信メールの取り消し機能が採用されたのでさ…

  3. iPhone画面を横向きで固定

    Web Information

    iPhone画面を横向きに固定してロックさせる方法

    iPhoneを使っていると画面が縦になったり横になったりすることがあり…

  4. グラデーションクリエーター

    Web Information

    カラフルなグラデーションのCSSを作成できるChrome拡張機能「グラデーションクリエーター」

    グラデーションクリエーターというChrome拡張機能を使ってみました。…

  5. feedlyボタンを設置

    Web Information

    feedlyボタンをブログに設置して登録しやすいようにしてみる

    そういえばこのブログにはまだfeedlyボタンを設置していなかったので…

  6. Web Information

    iPhone版Pocketで横スクロールした際に次の段落まで飛ぶ機能を無効にするやり方

    iPhoneのPocketが好きで、個人的に結構使ってるんですが、横ス…

コメント

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

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

最近の記事

  1. ライオン システマ 超コンパクト ふつう
  2. タリーズ ハムチーズ&サラダサンド
  3. クリニカのY字タイプのフロス
  4. 日和山公園の桜
  5. 成城石井 フレンチロースト

アーカイブ

PAGE TOP