Twitter Fellow meの貼り付け時は</body>の直前にすること

多くのブログで、Twitter Fellow meを貼り付けている例を見かけるようになりましたが、これを貼り付けるときの注意点をまとめておきます。

Twitter "Follow" Badge

Twitter Fellow me

このパーツは常時右側に表示されるようになっており、ブログだけでなく他のCMS等にも表示させることができます。これを取り付けるときは、どこの位置でもいい、というわけではなく、</body>の直前にタグを貼り付けるようにしないと、IEでは何の問題もありませんが、Firefoxではエラーになり、ブログ全体が表示されない状態になります。

MovableTypeでは、「TwitterFellow」というテンプレートモジュールを作り、「フッター」モジュールに埋め込むのが簡単な方法です。

例(赤文字部分)

<$MTInclude  module="TwitterFellow"$>
</body>
</html>      

Twitter Fellow meは、最初にTwitterのアカウントを入力します。デフォルトでは水色、表示される高さの位置が136px、r(右側)表示となりますが、これらは変更することもできます。通常は右側表示で、色などは好きなものに変更できます。表示文字は「Fellow us」「Feloow me」「Fellow」「My twitter」から選べます。設定が終わったら、「UPDATE CODE」を押すとタグコードが表示されるので、既に書いたように</body>の直前の位置になるように貼り付けます。

設定画面

なお、これを取り付ける前に、twitterへの登録をお忘れなく。

トラックバックURL

このエントリーのトラックバックURL:
http://makky.s32.coreserver.jp/mt51/mt-tb.cgi/1629