Twitterの「Follow」バッヂをblogにつけてみました

昨日の出勤前に見た,twitterでの@drikinさんのつぶやき
この装飾方法は,やりたかったので,ドンピシャなサービス発見してうれしい Surfing: "Twitter でフォローを増やしたい方はお試しください その2" http://bit.ly/1oHafc #webclip
で気になっていた,blogパーツ。

早速このblogくうねるあそぶに,twitterへのリンクを表示するblogパーツを設定してみました。

Twitter "Follow" Badge for your site/blog

もうバッヂを設置してあるのでお気づきのこととは思いますが・・・
画面右上の方に,ワタシのアイコンと同じ青色で「Follow me」というバッヂが表示されているのが分かると思います。

設置方法は簡単!

設置ページにて,必要な情報を入力してジェネレートするだけです。

Followmebadge.png
簡単ジェネレート!
・自分のTwitterアカウント
・バッジに表示するテキストラベル(4パターン)
・バッジのカラー
・バッジの表示位置(右か左)
・blogの表示位置(トップからのピクセル単位)
以上の情報を入力して「UPDATE CODE」ボタンを押すと,必要なコードが作成されます。
それをコピーして,自分のblogの</body>タグの前に貼り付けるだけ!

まぁこの「Follow me」というボタンを押しても,ワタシのTL(タイムライン)が表示されるだけなので,そこからさらにフォローボタンを押していただく必要はありますが・・・(^^;

しばらくこのまま設置しておこうと思います。
フォローはどうぞ,お気軽に~(^^)/

Maki Kaneko(makipapa)on Twitter


<7/27追記>
コード作成画面の一番下に,こんな注意書きが。
Note: The badge will not appear on IE6
つまり,Internet Explorer 6では動作しない模様。
母艦デスクトップマシンに残しておいたIE6では,確かにこのバッヂは表示されませんでした。
ご利用の際は,そこをご注意ください。

<7/27追記 2>
どうせなので,ワタシのtumblrサイトにも設置してみました ;-)
バッヂの色使いとトップからの位置にこだわりです(笑)


■関連エントリ
「Flickr Twitter Beta」でiPhoneからFlickrへの画像アップをtwitterでつぶやく!
「twitter」のURL短縮方法が変わる
「Flickr my background」でTwitterの背景画像を変更してみる

この記事へのコメント


この記事へのトラックバック