アメブロ向け「Twitterでつぶやく」リンクを自動で追加するブログパーツ

もうこの手のブログパーツは既に出回っているのかもしれませんが、ブログの記事を twitter へ RT(Retweet) するリンクを自動で追加するアメブロ用のブログパーツを作ってみました。ハッシュタグ にも対応。



追加されるイメージはこんな感じです。

＜設置方法＞
フリープラグインに以下の内容を貼付けてください。すでに jQuery をブログに組み込んでいる人は jQuery.amebloTwitter.js 本体と amebloTwitterの呼び出しだけでもいけます。

<script type="text/javascript" src="http://blog.springem.com/lib/jquery/jquery-1.6.4.min.js"></script>
<script type="text/javascript" src="http://blog.springem.com/lib/jQuery.amebloTwitter.js"></script>
<script language="JavaScript" type="text/javascript"><!--
$.amebloTwitter({account: '＜あなたのTwitterアカウント＞'});
//--></script>

＜あなたのTwitterアカウント＞ の位置に Twitter の自分のアカウントを書いてください。変更できるオプションは account を含め 4 つあります。

オプション名	データ型	意味	デフォルト値
account	string	Twitter のアカウント
hashtag	string	ハッシュタグ (#タグ)、#タグの説明はこちら # で始まる半角英数のみ有効
html	string	リンクの文字列	'つぶやく'
className	string	リンクの class 属性	'twitterRt'

当ブログではリンク文字列の隣に Twitter アイコンを付けています。これはアメブロの「スキンCSSの編集」でスタイルシートに書いてあげるとできます。例えばこんな感じですね。

#sub_main .foot .twitterRt {
    background: url("http://blog.springem.com/lib/twitter.gif") no-repeat scroll 0 0 transparent !important;
    margin-bottom: 5px !important;
    padding: 2px 3px 3px 18px;
}

いかがですか、意外とカンタンにできそうですよね。自分のブログ記事を小鳥につぶやいてもらえるようブログに組み込んでみてはいかがですか？