Twitterの【follow me ボタン】を設置する方法

エントリーが少なすぎるのでささいなことでも書いていきます。
どーせ反響ないしｗ

twitter Follow Badge

紹介するのは、自分のサイトの右か左側のどちらかにfollow me ボタンを固定配置するためのコードを無料で自動生成してくれるGo2web20.netのtwitter Follow Badgeです。
このブログの右側にも設置しています。

設定方法

twitter Follow Badgeのサイトに行くと下の画像のように設定項目が5つありますので順に説明したいと思います。

1. 自分のTwitter account名を入力する。
2. ボタンに表示する文字を選択する。(個人の場合ならFollow Me、企業、団体ならFollow usなど)
3. ボタンの色を選択する。
4. ボタンを配置する位置は左か右かを選択する。
5. サイトの上からのボタンの位置をピクセルで指定する。

全て設定し終えてから6の【UPDATE CODE】を押すとコードが下に表示されます。
コードはこんな感じです。

<!-- twitter follow badge by go2web20 -->
<script src='http://files.go2web20.net/twitterbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.account = '①のアカウント名';
tfb.label = '②のラベル名';
tfb.color = '③の色';
tfb.side = '④の配置位置(lかr)';
tfb.top = ⑤のピクセル数;
tfb.showbadge();
--></script>
<!-- end of twitter follow badge -->

このコードを全てコピーして自分のブログやホームページの</body>タグの直前に貼り付ければ完成です！
全ページに設置したい場合は全ページの</body>タグの直前に貼り付けます。
※このコードはIE6には非対応なので表示されません。

他のツール HeartRails Badge

twitter Follow Badgeと似たようなツールが他にもあります。
HeartRails BadgeはTwitter以外にもmixiやFacebookなど、あるいは独自の文字でボタンが同時に合計10個まで作れます。背景画像も指定できるのでオリジナルなボタンも作れます。
こちらもIE6では表示されません(多分

なお、全てのサービスのご利用は自己責任にてお願いします。

関連リンク(外部)

• ASCII.jp：まずはTwitterの基本＆お役立ちテクニック｜Twitterをもっと楽しむ・快適に使う徹底活用術
• 海外デザイン事情第1回　Twitterの効果的な背景画像 - MdN Design Interactive
• もっと評価されてしかるべき Twitter クライアント： TweetDeck | Lifehacking.jp
• 私のツイッターの価値はいくら？ - ツイットヤム
• フォローしている、されているユーザー、相互フォローがチェックできるWEBサービス
• Twitterであなたをフォローしなくなった人を教えてくれるWEBサービス
• Twitterのフォロワー整理に便利なサイト「TweetSum」*二十歳街道まっしぐら
• あらったー！|TwitterのreplyやRTをメールで教えてくれるちょっと便利なツールです。
• 該当ページでアクセス状況のチェックもできる短縮URLサービス「bit.ly」 - WEBマーケティング ブログ
• ツイッターのポータルサイト「ワイワイツイッター」～YYtwitter.com～
• twiStation（ついすて） - Twitterをもっとおもしろくするウェブサービス検索サイト
• フォローを勧めるユーザーを見つけるWEBサービス
• Twilog - Twitterのつぶやきをブログ形式で保存