そんな方のサポートをいたします。
いいね!ボタンをFaceboolのソーシャルプラグインで設定したタグをlivedoorブログに貼り付ければいいね!ボタンの設置完了!
で・す・が・・・実はもう一工夫が必要です。
例えば以下のようにURLを貼り付けたとします。
これですと、このブログを見た人が「いいね!」を押した時に、設定したURLに対してしかいいね!されません。つまり、記事更新しても各記事に誘導出来ず、いつもブログトップに対していいね!されるわけですね。
では、どうすれば良いのか・・・。
各記事のURLを設定すれば良いのです。
でも、いちいちFacebookのソーシャルプラグインに各記事のURLを貼り付けて設置は面倒。。。
そりゃそうです。
ということで、自動的に各記事のURLを設定出来るように、livedoorブログのデザインカスタマイズのところから設定しましょう。
livedoorブログ管理画面の「ブログ設定」→「デザイン設定のデザイン」→「デザインカスタマイズ」のところから
「TOPページ」と「個別記事ページ」と「カテゴリーアーカイブ」と「月別アーカイブ」に設置します。
設置する場所については各デザインによって異なるかもしれませんが、次のタグを埋め込みます。
■送信ボタン付き
<div id="fb-root"></div><script src="http://connect.facebook.net/ja_JP/all.js#appId=223908104305116&xfbml=1"></script><fb:like href="<$ArticlePermalink$>" send="true" width="450" show_faces="true" font=""></fb:like>
■送信ボタン無し
<div id="fb-root"></div><script src="http://connect.facebook.net/ja_JP/all.js#appId=223908104305116&xfbml=1"></script><fb:like href="<$ArticlePermalink$>" send="false" width="450" show_faces="true" font=""></fb:like>
記事の上部に設置したい場合は、
の直下に設置。
(だいたい、この記事の続きを読むとかの上らへんにあります。)
記事の下部に設置したい場合は、
の直下に設置。
(だいたい、コメントとかトラックバックとかの上らへんにあります。)
後は、実際にブログを見ながら位置の調整をしてみてください。
顔アイコン有りで設定してますが、横幅とかをブログに合わせる場合はwidth=の数値を変更して調整してください。
ブログ読者登録はこちらです。
↓↓