アメブロでtwitter、はてブ、facebook like、mixiチェック等の実装方法。

着ぐるみ追い剥ぎペンギン

※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&amp;show_faces=true&amp;width=110&amp;action=like&amp;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 + '&nbsp;&nbsp;' + twitter_btn + '&nbsp;&nbsp;' +  facebook_btn + '&nbsp;&nbsp;' + mixi_btn + '&nbsp;&nbsp;' + gree_btn +'</span>');
  }
})
</script>

↑ここまで↑

$着ぐるみ追い剥ぎペンギン

最後の$(subContents).eq(i).append(~ の行を削除すると記事最後のブックマークなどを非表示にすることが出来ます。
※アメブロがデフォルとで記事最後に「なうで紹介」などが追加になりましたので、一部ソースコードを修正しました。[2010/12/3追記]
なお、今回のソースコードは下記の記事より改変させて頂きました。
はてなブックマークボタン配置するためのブログパーツ書いたよ | A Day In The Boy’s Life

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

コメント

コメント一覧 (8件)

コメントする

目次