アメブロの記事ごとにFacebookの「いいね!」ボタンを設置する方法

いいね!

いいね!

アメブロをご利用になられている方へ

記事ごとにFacebookの「いいね!」ボタンを設置する方法をご案内します。

設置しているサンプルのブログはこちら ⇒ 経営者の為の3分で学ぶネット集客講座

※下記コードを編集してフリープラグイン、または外部実装する場合にはご自身の責任の下に行って頂けますようお願いいたしますm(__)m
—下記のコードをそのままコピペして、アメブロのフリープラグインに入れて下さい —

<script type=”text/javascript” src=”http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js”></script>
<script type=”text/javascript”>
$(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 .contents”;
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=” http://www.facebook.com/plugins/like.php?href=’+ encodeURIComponent(url)+’&layout=standard&show_faces=true&width=490&action=like&font&colorscheme=light&height=25″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:490px; height:25px;” allowTransparency=”true”></iframe>’;
$(classname).eq(i).prepend(‘ <div style=”margin:10px 5px 30px;”>’ + facebook_btn + ‘</div>’);
}
})
</script>

—————– ここまで —————————————————————-

 

 

LINEで送る
Pocket

2 thoughts on “アメブロの記事ごとにFacebookの「いいね!」ボタンを設置する方法

  1. アメブロのプラグインに設定できる文字数は、
    半角で3800文字相当しか入れられないんですね。

    フリープラグインの設定量をアメーバでは制限しいるため
    このようなメッセージが表示されます。

    すでに利用していないプラグインを外し
    新たに設定したいプラグインを設定するのが一番簡単な方法です。

    回避方法については、若干難しいですがまた記事でアップしますね。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください