※twitter IDの箇所が間違っていたのでソースコードを修正しました。[2010/12/20追記]
取り付けるのは↓の事です。
■■■手順■■■
1. mixiチェックのみ登録が必要です。
mixi Developer Centerで登録して、mixi pluginを作成後、チェックキーを入手して下さい。。
2.下記のソースコードの4、5行目の blog_title = ‘~’;にブログ名。mixi_key = ‘~’;に上記で取得したチェックキーを記述して下さい。
3.アメブロ管理画面の「ブログを書く」→「サイドバーの設定」→「フリープラグイン」を開いて下記をコピペして下さい。
↓以下フリープラグインに貼るソースコード↓
<script>
$(document).ready(function(){
var blog_title = '着ぐるみ追い剥ぎペンギン'; //←ブログ名を入力
var mixi_key = 'd230ef4d47c49272220b9d87adfc4e807b9c562c'; //mixiデベロップのkeyを入力
var twitter_id = 'kanakogi';//←twitterのID入力
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 hatena_btn = '<a href="http://b.hatena.ne.jp/append?' + url + '" target="blank"><img height="12" width="16" border="0" alt="はてなブックマークに追加" src="http://b.hatena.ne.jp/images/append.gif " /></a><a href="http://b.hatena.ne.jp/entry/' + url + '" target="blank"><img border="0" src="http://b.hatena.ne.jp/entry/image/' + url + '" /></a>';
var facebook_btn = '<iframe src="http://www.facebook.com/plugins/like.php?href='+ encodeURIComponent(url)+'&layout=button_count&show_faces=true&width=110&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:110px; height:21px;"></iframe>';
var twit_url = '<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="' + twitter_id + '" data-text="' + title + ' | ' + blog_title + '" data-url="' + url + '">Tweet</a>';
var mixi_url = '<a href="http://mixi.jp/share.pl" class="mixi-check-button" data-key="' + mixi_key + '" data-url="' + url + '" data-button="button-1">Check</a>';
var mixi_btn = mixi_url + '<sc' + 'ript type="text/javascript" src="http://static.mixi.jp/js/share.js"></sc' + 'ript>';
var twitter_btn = twit_url + '<sc' + 'ript type="text/javascript" src="http://platform.twitter.com/widgets.js"></sc' + 'ript>';
var gree_btn = '<iframe src="http://share.gree.jp/share?url='+ encodeURIComponent(url)+'&type=0&height=20" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" style="border:none; overflow:hidden; width:100px; height:20px;" allowTransparency="true"></iframe>';
$(classname).eq(i).append( '<span style="padding:0 0 0 10px">' + hatena_btn + ' ' + twitter_btn + ' ' + facebook_btn + ' ' + mixi_btn + ' ' + gree_btn +'</span>');
}
})
</script>
↑ここまで↑
最後の$(subContents).eq(i).append(~ の行を削除すると記事最後のブックマークなどを非表示にすることが出来ます。
※アメブロがデフォルとで記事最後に「なうで紹介」などが追加になりましたので、一部ソースコードを修正しました。[2010/12/3追記]
なお、今回のソースコードは下記の記事より改変させて頂きました。
はてなブックマークボタン配置するためのブログパーツ書いたよ | A Day In The Boy’s Life
コメント
コメント一覧 (8件)
SECRET: 0
PASS:
プラグイン3800文字以内は本当不便ですよねー。サイドバーにツイッター窓表示させたいのに、i2iを貼ったら文字数オーバーで貼れず…残念です。
SECRET: 0
PASS:
プラグイン3800文字以内は本当不便ですよねー。サイドバーにツイッター窓表示させたいのに、i2iを貼ったら文字数オーバーで貼れず…残念です。
SECRET: 0
PASS:
>橋本絢子@攻めの文章集客アドバイザーさん
3800字と余裕こいていたら、意外と早くなってしまい、びっくりですよ。どうやらスペースも1文字にカウントしてました。
SECRET: 0
PASS:
>橋本絢子@攻めの文章集客アドバイザーさん
3800字と余裕こいていたら、意外と早くなってしまい、びっくりですよ。どうやらスペースも1文字にカウントしてました。
SECRET: 0
PASS:
貼り付けようってコード見て諦めました。
長いよ~ぅ >o<
サイドバーに制限があるのってアメブロぐらいですよね。
広告といい、サイドバーといい不便ですよね・・
SECRET: 0
PASS:
貼り付けようってコード見て諦めました。
長いよ~ぅ >o<
サイドバーに制限があるのってアメブロぐらいですよね。
広告といい、サイドバーといい不便ですよね・・
SECRET: 0
PASS:
>kogikuさん
制限が揺るければ、もっと配布用にまとめることも出来なくはないんですが。。。
アメブロ不便ですねー。ちょっと後悔中ですが続けます。広告削除の980円はちょっと衝撃でした。
SECRET: 0
PASS:
>kogikuさん
制限が揺るければ、もっと配布用にまとめることも出来なくはないんですが。。。
アメブロ不便ですねー。ちょっと後悔中ですが続けます。広告削除の980円はちょっと衝撃でした。