今（2月22日現在）、このブログの右端に3つかな、twitterとかの画像が固定されてくっついてるの、見えてます？

ブラウザのバージョンや設定では見えないかもなんだけど、だいたいの場合は見えてると思う。（ちなみにIE6ではダメ）


これ、簡単に言うと【バッジ】と言って、ご覧のようにブログの端っこに固定でくっつくものなんです。以前にも同様のを付けてたんだけど、今回、種類を変えてみました

→　【プロフィールバッジ簡単作成サービス】

「HeartRails」っていう会社が無料で提供してるサービスなんだけど、まずはリンク先のページを見てみて♪

日本の会社だから日本語で分かりやすく書いてある。項目を選んだり、IDとかを入力するだけで簡単に『貼り付け用タグ』が自動生成されるようになってます

特筆すべきは、twitterやfacebookのSNSのみならず、いろ～んなサービスのバッジを作れてしまうということ　タイトルと飛ばしたいURLを入力すればできちゃう。

しかも複数個を同時に付けれるし、右端や左端、どっちかを選ぶこともできる。かなり自由度が高いです

画像はFlashを使って表示してて、バッジの中に入るアイコンはそのURLで使われてる「favicon（ファビコン）」のアイコン画像を引っ張ってきてるみたいですね。へぇ～♪


生成された『貼り付けタグ』。
なんか、英語でいろいろ書いてあるけれどそれは気にしないでひとまずコピーします。

そしたらブログの管理画面に入って「テンプレート」のメニューを選びます。「カスタマイズ」をクリックすると4つのテキストボックスが出てくるんだけど、さっきの『貼り付けタグ』をペーストする（貼り付ける）のは下の3つ、『トップページと個別記事とアーカイブ』です。…1つだけでもいいんだけど、3つに貼り付けた方がいいかも。

それぞれのテキストボックスの中を、一番下までスクロールさせると「</body>」っていうの、ありません？　その直前部分を改行で1行空けてそこに貼り付けるです。3つとも同じように貼り付けたら「登録」。これだけです

（これはeしずブログでの説明です。でも他のブログでも「テンプレート」をカスタマイズできるものであれば貼り付けは可能かと思います）

…あ、一応だけど、カスタマイズになるから『自己責任で！』ってことでお願いします(^^;


ちなみに右画像のものは以前に設置してたバッジ。
→　【Twitter Follow Badge】

これまた簡単にcode（貼り付けタグ）を作れます。

そしてこちらのバッジはjavascriptで制御されてて表示されてる。

…じゃあ『flashとjavascript、どっちがいいの？』ってことになるんだけど、flashの方が表示処理は重いのかもしれない。…ま、それぞれに利点もデメリットもあるから一概には言えないけど～


ともあれ、最近は話題にもなってるfacebookに登録する人が急増してきた今。（私もその一人）

前者のバッジならtwitterもfacebookも両方同時に設置できるから、もし興味ある方いましたらぜひ試してみて下さいませ