2011/06/21

ブロガー必見!簡単にフォローミーボタンを作れるサービス

このエントリーをはてなブックマークに追加

Twitter関連のブログパーツって山ほどあるんですよね



・フォローミーボタンって何?

簡単に言うと「自分のTwitterのプロフィール画面にアクセスさせるためのブログパーツ」です
テキストで「フォローしてください!」と書くよりも、ブログのデザインに合ったお洒落なボタンを設置するほうがユーザーの目に留まるのは言うまでもないですよね


それでは、紹介に入ります




Twitter公式のフォローミーボタン


http://twitter.com/about/resources/followbutton




http://twitter.com/about/resources/buttons
Leoroid64をフォローしましょうLeoroid64をフォローしましょうLeoroid64をフォローしましょう

新バージョンのボタンの場合、フォローしているかフォローしていないかで表示が変わるようです
シンプルなデザインなので、どんなブログでもマッチしますね



かっぱさんのWeb素材

http://material.kappa-san.com/?page=0

このボタンは少し特殊で、ブラウザの右上or左上に表示されます
例としてこのブログの右上に設置してみました
色や背景色、高さなどを色々カスタマイズ出来ます



Twitterボタン

http://twitbtn.com/
TwitterボタンTwitterボタンTwitterボタンTwitterボタンTwitterボタン

種類が豊富なのでオススメです

見落としがちですが、一部のボタンは「コードを選択」の下に「このタイプの他のデザイン」という項目があります
ここからデザインが同じで色やサイズの違うボタンを探すことが出来るので、自分のブログに適したものを選びましょう



twitter buttons

http://www.twitbuttons.com/3.php
Twitter Button from twitbuttons.comTwitter Button from twitbuttons.comTwitter Button from twitbuttons.comTwitter Button from twitbuttons.comTwitter Button from twitbuttons.comTwitter Button from twitbuttons.com

とんでもない種類のフォローミーボタンが公開されています
全体的にアメリカンなボタンが多いですね



Twitter Buttons

http://www.twitterbuttons.net/


こちらもかなりアメリカン
36種類のボタンが公開されています




フォローミーボタンはこの他にもいろいろなサイトで公開されているので、自分のブログに合うボタンがきっと見つかるはずです





「どうしても自分のブログにマッチするボタンが無い!」




自分で探s…そんなわがままな人には自作をオススメします


自作方法

1.画像を作る

2.どこかのサーバーにアップロードする

3.下記のコードをブログに貼る
<a href="http://twitter.com/自分のTwitterのID" target="_blank">
<img src="アップロードした画像のURL" alt="Twitterボタン" border="0" /></a>


ザックリ説明するとこんな感じです
少しでもHTMLの知識があれば簡単に理解できると思います






以上。