アメブロにFacebookの「いいね!」ボタンを付ける方法
私が最近始めた
アメブロには、
Twitterや
mixiへの外部サービスが充実していますが、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="http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(url)+'&layout=button_count&show_faces=false&width=450&action=like&font&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:21px;" allowTransparency="true"></iframe>';
$(classname).eq(i).append(' ' + facebook_btn + '');
}
})
</script>
そして[保存]ボタンを押して保存します。
プラグインを初めて追加した場合は「サイドバーの配置」にて「フリープラグイン」を
「使用する機能」のサイドバーに配置してください。
すると・・・
・・・
・・・
記事上部のテーマの隣に
「いいね!
」ボタンがつきましたーーー
アメブロを持っている方は是非チャレンジしてみてね
Special Thanks八木葵さんのブログ
イラストレーターを目指す方のネット・ブログ活用実録講座 -->http://ameblo.jp/suzuran-777/entry-10723595482.html
を参考にさせて頂きました。
八木葵 Twitterアカウント いいね！Facebook 
Ayano* Twitterアカウント Facebookアカウント Facebookファンページ「AyanoStream*」 Ayano*オフィシャルブログ「AyanoStream*」
USTREAMチャンネル「AyanoStream*」
TwitCastingライブ
YouTubeチャンネル
USTREAM情報番組「UstToday」公式サイト
