タグ: , , ,

2011/02/14

アメブロの記事に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>

このサイトは役に立ちましたか?

View Results

Loading ... Loading ...
Top