アメブロの記事にFacebookのいいね!ボタンを付ける方法
最近、よくアメブロの記事にFacebookのいいね!ボタンが付いているのを見かけます。クライアントさんに頼まれたので、調べて入れてみました。サイドバーの設定→フリープラグインに下記コードを貼り付ける。以上。
< script > $(document).ready(function () { var page_url = location.href; if (page_url.match(/^.+\/entrylist[\-0-9]*\.html$/g )) { var entries = $(".newentrytitle a"); var classname = ".updatetime"; var flg = 0; } else { var entries = $(".foot a:contains('記事URL')"); var classname = "div.entry .theme"; var flg = 1; } for (i = 0; i < entries.length; i++) { var url = entries[i]; if (flg == 0) { title = entries.eq(i).text(); } else { title = $("div.entry h3.title").eq(i).text(); } var facebook_btn = '<iframe src="https://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(url) + '&layout=standard&show_faces=true&width=380&action=like&font&colorscheme=light&height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:480px; height:60px;" allowTransparency="true"></iframe> '; var myMe3 = '<div class="face"><table><tr><td bgcolor="#FBF2E0">' + facebook_btn + '</td></tr></table></div>'; var btns = '<iframe src="https://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(url) + '&layout=button_count&show_faces=true&width=100&action=like&colorscheme=light&height=28" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowTransparency="true"></iframe>'; if (i == 0) { $("div.entry div.subContents").before(btns); $("#advertising2").before(myMe3); } } }) </script>