Seesaaブログに「いいね！」ボタンを設置する方法

Facebookの「いいね！」ボタンを付けましたので、やり方をメモしておきます。
個別の記事に付ける方法は分からないので、1ブログに1つ付ける方法です。

追記：Seesaaブログでは個別の記事にボタンを「ブログ設定」から付けられるようになりました。
でも、サイドバーに1ブログに1つのボタンを付けるのも人気度が分かってアリだと思います。

以下のサイトでまず始めにコードを取得します。
Like Button - Facebook開発者


「URL to Like」 にブログのURLを入力します。例）http://shumai.seesaa.net
「Layout Style」 でスタイルの選択をします。Standardとシンプルな数字だけのbutton_countの2つから。例は英語表示ですが、自分のブログに取り付けて日本語の環境からアクセスするとメッセージが日本語で表示されます。
「Show faces」アイコン表示はOffにした方がすっきりすると思います。
「Width」幅のピクセル数。左右カラムに入れるなら200程度にします。
「Verb to display」はLikeのままでよいと思います。
「Font」でフォントの設定ができますが、しなくてもOKです。
「Color Scheme」で明るい色か暗い色か選べます。

以上を入力・選択して、「Get Code」ボタンを押すと、HTMLコードが表示されます。
そのうちの上段の「iframe」のコードをコピーします。

ここからはSeesaaブログの設定画面です。
Seesaa ブログ - 無料のブログ(blog)サービス
「マイ・ブログ」（設定画面）の「デザイン」から「コンテンツ」を選択します。

左の「コンテンツ」の枠内から「自由形式」を右のレイアウト画面の任意の場所にドラッグ＆ドロップします。
置いた「自由形式」をクリックして編集画面にします。右上の「コンテンツHTML編集」をクリックします。
<% content.free.text %> の下に先ほどコピーしたコードを貼り付けます。
忘れずに「保存」ボタンを押して反映させます。
「設定を反映する」ボタンも押します。

これにて設定は完了ですが、最初のうちは「いいね！」ボタンを押してもエラーになることもあります。
これは時間が経つと反映されるみたいで、焦らずに放置しておいて大丈夫なようでした。
Facebookの書き込みにてフレンドにボタンを試しに押してもらうのが良いと思います。




@shumaiをフォローする｜ツイッターでコメントする