livedoorブログにfacebookのいいね!ボタンを自動挿入する方法 | 佐渡の洋食屋店長のブログ

佐渡の洋食屋店長のブログ

佐渡の洋食屋店長のマニアックなブログです。 グルメネタは少なく、マニアックなネットTEC的なネタ、佐渡ネタが豊富なブログです。

livedoorのいいね!ボタンを記事に自動的に埋め込みたい!
そんな方のサポートをいたします。

いいね!ボタンFaceboolのソーシャルプラグインで設定したタグをlivedoorブログに貼り付ければいいね!ボタンの設置完了!

で・す・が・・・実はもう一工夫が必要です。

例えば以下のようにURLを貼り付けたとします。
$佐渡の洋食屋店長のブログ-livedoorブログにいいね!ボタン
これですと、このブログを見た人が「いいね!」を押した時に、設定したURLに対してしかいいね!されません。つまり、記事更新しても各記事に誘導出来ず、いつもブログトップに対していいね!されるわけですね。

では、どうすれば良いのか・・・。

各記事のURLを設定すれば良いのです。
でも、いちいちFacebookのソーシャルプラグインに各記事のURLを貼り付けて設置は面倒。。。
そりゃそうです。

ということで、自動的に各記事のURLを設定出来るように、livedoorブログのデザインカスタマイズのところから設定しましょう。

$佐渡の洋食屋店長のブログ-livedoorブログの管理画面

$佐渡の洋食屋店長のブログ-livedoorブログの管理画面

livedoorブログ管理画面の「ブログ設定」→「デザイン設定のデザイン」→「デザインカスタマイズ」のところから
「TOPページ」と「個別記事ページ」と「カテゴリーアーカイブ」と「月別アーカイブ」に設置します。

$佐渡の洋食屋店長のブログ-livedoorブログデザインカスタマイズ

設置する場所については各デザインによって異なるかもしれませんが、次のタグを埋め込みます。

■送信ボタン付き
<div id="fb-root"></div><script src="http://connect.facebook.net/ja_JP/all.js#appId=223908104305116&amp;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&amp;xfbml=1"></script><fb:like href="<$ArticlePermalink$>" send="false" width="450" show_faces="true" font=""></fb:like>

記事の上部に設置したい場合は、

の直下に設置。
(だいたい、この記事の続きを読むとかの上らへんにあります。)

記事の下部に設置したい場合は、

の直下に設置。
(だいたい、コメントとかトラックバックとかの上らへんにあります。)

後は、実際にブログを見ながら位置の調整をしてみてください。
顔アイコン有りで設定してますが、横幅とかをブログに合わせる場合はwidth=の数値を変更して調整してください。




ブログ読者登録はこちらです。
↓↓
読者になる