【アメブロカスタマイズ】フェイスブックの「いいね！」ボタンを設置する方法

最近、流行っているフェイスブック（Face book）ですが、 私も最近始めましたがまだまだ活用はしていません。

とりあえず、どのように活用できるか色んな機能を試しに使ってみようかなと思います。

そこで今回、アメブロの記事の下にフェイスブック（Face book）の「いいね！」ボタンを設置してみました。

下の画像のように全ての記事の下に「いいね！」ボタンが自動的に設置されます。

このボタンを押すと、自動であなたのフェイスブック（Face book）内の掲示板に「いいね」が更新されます。

かなり簡単だったのでご紹介したいと思います。

まず、

<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:460px; height:９0px;" allowTransparency="true"></iframe> ';$(".subContents").eq(i).after(" <span>"+e+"</span>")}});</script>

上記のソースをコピーしてください。

そうしたら次に

・ブログを書く→サイドバーの設定→プラグインの追加→フリープラグイン　

のところの一番下に（何もない場合はそのまま）貼り付けてください。

保存してブログを確認して掲載されていたら完了です。

もし、これで表示されない場合は、

・ブログを書く→サイドバーの設定→サイドバーの配置

でフリープラグインをドラッグ＆ドロップで使用する機能として設定してください。

もし、参考になれば下記の「いいね！」をクリックしてくださいね。

>>動画版はコチラをクリックする（アメンバー登録が必要となります ）