アメブロの記事内に「いいね!」ボタン設置方法 | 営業改革コンサルトの活動日誌!

アメブロの記事内に「いいね!」ボタン設置方法

先日は、熊坂仁美氏のfacebookセミナーに参加してきました。


いろいろと勉強になりましたね~。


早速ですが、これまで放置していた 「ブログに いいね!ボタンの設置」


これをやっておくこととします。



で、自分がやるついでに、やり方を書いておきますね。


ちなみに、こちらを参考にさせて頂きました。


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=button_count&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>



これを、


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


で、上のソースをコピーして保存。

あとは記事を確認してボタンが追加できていればOK。



適宜編集してお使い下さい。



ZACCESS Consulting株式会社