*vitalage*blog

流行りに乗じてつけてみました。

うちのページでReTweetしたくなるような有益、かつ共有すべきページはないと思うのですけれど、他のページでよく見かけて、記事の頭についてるのが可愛いなーと思って（ミーハー）。
元ネタ探っていたら、Topsyのボタンでした。
自分用の健忘録として、設置方法を残しておきます。

ちなみにWorldPressだったらプラグインがあるようなんですが、うちはMTなので（しかも3.3）Topsy Retweet Button for Web Sitesを貼り付けました。
トップページはただでさえせせこましいので、とりあえずエントリーページにだけ反映して自己満足。
以下、うちのソースです。エントリの一番上に配置してあります。

<div style="float: right;">
<script type="text/javascript">
var topsy_nick = "vitalage";
var topsy_style = "big";
var topsy_url = "<$MTEntryLink$>";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/button.js"></script>
</div>

topsy_nickには自分のTwitterIDを、topsy_styleは本家を参照しつつお好みで、topsy_urlには設置するページのURLを入れます。
MTはURLを勝手に既成するので、MTタグを入れて自動出力。
普通のWebページの場合は、手入力でURLを書けばよいと思います。

＃　JavaScriptは本家ページにあるものをリンクして使っていますが、
＃　もし表示が重いようだったら、スクリプトを自分のサーバに設置した方がよいかもしれません。

最初本家からなにも考えずにコピペしたら、実はサンプルのdivが閉じてなくて、ページが大変なことになってビビりました……。
あと、うちはmargin指定は取ってしまいました。
その他右寄せ、左寄せ等、各々のCSSと相談でよいと思います。

あとは自分メモ。

• 
  ブログの記事をTwitter/Tumblrに投稿するボタンを設置する方法（NETAFULL）：テキストリンク。こちらの方がさりげない＆TwitterにRTできることがわかりやすい気がします。


• 
  AddClips：ソーシャルブックマークサービス登録用のツールバー。設置するか迷い中。（自分は人様のページで便利に使うけど、うちのページにつけてもどうなんだろうなー）