前回の記事 にて
設置までの流れを紹介しましたが、
よくわからない方は
私が設置したコードを紹介します！
参考サイト：
Amebloに設置していたツイートボタンをTwitter公式のものに変えました
http://ameblo.jp/itboy/entry-10631080328.html
以下のコードを、
アメブロの『サイドバーの設定』⇒『プラグインの追加』⇒『フリープラグイン』に
コピペしてください。
ピンクの文字の部分が変更箇所です。
<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 twit_url = '<a href="http://twitter.com/share
" class="twitter-share-button" data-count="none" data-via="Twitterのアカウント">Tweet</a>';
var twitter_btn = twit_url + '<sc' + 'ript type="text/javascript" src="http://platform.twitter.com/widgets.js"></sc'
+ 'ript>';
var mixi_url = '<a href="http://mixi.jp/share.pl
" class="mixi-check-button" data-key="mixiのチェックキー" data-button="button-3">Check</a>';
var mixi_btn = mixi_url + '<sc' + 'ript type="text/javascript" src="http://static.mixi.jp/js/share.js"></sc'
+ 'ript>';
var facebook_btn = '<iframe src=" http://www.facebook.com/plugins/like.php?href=' + encodeURIComponent(url)+'&layout=button_count&show_faces=false&width=75&action=like&font&colorscheme=light&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:21px;" allowTransparency="true"></iframe>';
$(classname).eq(i).append(' ' + twitter_btn + ' ' + mixi_btn + ' ' + facebook_btn);
}
})
</script>
私は全部小さいボタンにしましたが、
大きいサイズにしたい場合は
いろいろと変更しないといけないかもです。
少しでも参考になったでしょうか？
参考になった方はペタしてください⇒
