facebook いいねボタンを設置しました

アメブロの記事下にfacebookのいいねボタンを設置しました。

いろいろ見ましたが、こちらが一番わかりやすかったのでそのまま流用させていただきました。

「WEB制作ってオモシロイ♪」
http://ameblo.jp/iblab-ma/entry-10739473675.html

簡単に設置ができました。

設置手順

①以下をコピー

<script>$(function(){var c=location.href;var g=document.title;var a=$(".foot a:contains('記事URL')");for(i=0;i<a.length;i++){var c=a[i];var e='<iframe src="http://www.facebook.com/plugins/like.php?href='+c+'&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80 " scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:80px;" allowTransparency="true"></iframe> ';$(".subContents").eq(i).after(" <span>"+e+"</span>")}});</script>

②ブログを書く＞サイドバーの設定＞プラグインの追加＞フリープラグイン　にペーストして保存

完了です。

ただ、どうも先にあったプラグインに上書きしてしまったようで、ヘッダの画像が消えてしまいました。上書きしないようにご注意を。

ランキングに参加しています。

↓ポチッとおねがいします。↓

にほんブログ村