2011年02月18日(金)

Twitter Follow BadgeをBloggerで使う方法

Twitter Follow Badgeは、ブログやウェブサイトのサイド部分に、あなたのツイッターへのリンクを貼る事が出来るツールです。

twitter-follow-badge
これを、Googleのブログサービス「Blogger(ブロガー)」で使おうとしても、うまく表示されません。

原因としては、Blogger側で一部のタグが自動変換されてしまう事によります。
下のコードは、デフォルト設定で生成したコードですが、一部を変更することによって対応させることが出来ます。

<!-- twitter follow badge by go2web20 -->
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'><!--
tfb.account = 'ここにツイッターアカウント';
tfb.label = 'follow-us';
tfb.color = '#35ccff';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();
--></script>
<!-- end of twitter follow badge -->

上にあるのが対応させる前のコードですので、これを下記のように変更してください。

2行目の一番最後にある「<!–」の部分を

&lt;!--

に、9行目の「–>」の部分を

--&gt;

にそれぞれ変更します。
変更後はこのようになります。

<!-- twitter follow badge by go2web20 -->
<script src='http://www.go2web20.net/twitterfollowbadge/1.0/badge.js' type='text/javascript'></script><script type='text/javascript' charset='utf-8'>--&gt;
tfb.account = 'ここにツイッターアカウント';
tfb.label = 'follow-us';
tfb.color = '#35ccff';
tfb.side = 'r';
tfb.top = 136;
tfb.showbadge();
--&gt;</script>
<!-- end of twitter follow badge -->

このコードを、ブロガーの管理画面「デザイン」「HTML の編集」と進み、</body>タグの直前に貼り付けます。
twitter-follow-badge-on-blogger
保存しブログを確認すると表示されていると思います。
表示されない場合、キャッシュが残っているかもしれないので、Ctrl + F5ボタンを押してみて下さい。

このエントリーをはてなブックマークに追加
はてなブックマーク - Twitter Follow BadgeをBloggerで使う方法
[`yahoo` not found]
[`yahoo_users` not found]
[`evernote` not found]

コメント (1) コメント投稿覧へ移動

  1. Pingback: ワードプレス用のjQuery画像拡大スクリプトの比較&動作サンプル | TOPICK(トピック)

コメントを残す

*」は入力必須項目


  • © 2010-2018 試行錯誤 All Rights Reserved.