必見！記事フッターに、TwitterへReTweet投稿ボタンの設置方法

●必見！記事フッターに、TwitterへReTweet投稿ボタンの設置方法

mahalo！アメブロプランニング　遠藤です。

最近、
お申込みが多数あり、充実した毎日です。

お仕事を通じて、
たくさんの方とお会いすることが出来るし、
知らない業界のことを知ることができる。

すっごく勉強になるし、
言葉で表現することのできない刺激をいただいています。

本当にありがとうございます！



さてさて、
アメブロプランニングのアメンバー先行で発表した記事。
とっても好評だったみたいです。嬉しいです。

時間も経ったので、公開したいと思います。

記事フッターに、Twitter ReTweet投稿ボタンの設置方法。

フッターに入っている、コレです。



設置方法

まず、ツイッターアイコンを保存してください。

フッター用ツイッターアイコン


次にフリープラグインに下記を入れてください。

<script>$(document).ready(function myF(){
var tid = '■ツイッター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.foot";
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 twitter_btn = '<a href="http://twitter.com/home/?status=' + encodeURIComponent('RT @'+tid+': '+title + ' ' + url) + '" target="_blank"><img border="0" alt="Twitterへ投稿" src="■画像のリンク" />Twitterへ投稿</a>';
$(classname).eq(i).append(' <span>' + twitter_btn + '</span> ');
}
})</script>

上記ソースの中で変更点は２点。
■ツイッターＩＤ
■画像のリンクコード

この２つを変更すれば、バッチリです！

前回のテーマ欄にReTweetボタン設定はコチラです。
http://ameblo.jp/ameplan/entry-10515652888.html

これでどんどんRTして、交流の幅を広げましょう！

アメブロプランニング

・【料金プラン】料金プラン一覧
・【実績&お客様の声】実績紹介＆お客様の声