昨日の記事でフェイスブックのフィード購読ボタンについて書かせていただきました。
まだ読まれていない方はまずはこちらの記事をお読みください。
メルマガでもお伝えしたのですが、設置方法がいまいちわからないというメッセージを頂いたのでフィード購読ボタンのコードの取得方法をお伝えしていきます。
まずはこちらからフィード購読ボタンのコードを取得するページに移動して下さい。
すると下記のような画面になります。
上から順番にやっていきましょう！
①Profile URL
この項目ではご自身のプロフィールページのURLを貼り付けます。
②Layout Style
ここでは
『standard』
『button_count』
『box_count』
からご自身のブログやホームページにあわせてデザインを選んでください。
③Show Faces
ここではフィード購読している人の顔写真を表示するかしないかを選びます。
④Color Scheme
ここではボタンの色を選びます。
今までの写真のボタンは『light』
『dark』は下記の写真のような色になります。
⑤Font
こちらは無視して下さい。日本語では意味がありません。
⑥Width
こちらはボタンの幅をご自身のブログにあわせて設定して下さい。
顔写真を出す際はある程度広く取らないと写真が見えなくなってしまうので気を付けて下さい。
また、顔を出さないときでも９０ｐｘ以上で設定しないとボタンが切れてしまうので気を付けて下さい。
⑦Get Code
続いてゲットコードのボタンをクリックしてコードを表示して下さい。
すると上記のような画面になります。
初期はHTML5になっていますので一番右のIFRAMEをクリックしそのフィード購読ボタンのコードを取得して下さい。
そのコードをアメブロならフリープラグインに貼りつけるだけで設置完了です。
是非試してみて下さいね＾＾