2010
Apr
14

TweetMemeが文字化けする→ならTOPSY使えばいいんじゃね?→解決

TweetMeme or TOPSY

TweetMemeかTOPSYか

どちらを選ぶべきかで悩んでいませんか?
おそらく知名度や設置してるサイトの多さでは「TweetMeme」の方が勝ってると思われますが、「TOPSY」もオススメしたいです。

理由はタイトルにもある通りTweetMemeは激しく文字化けすることがあるんです・・・おそらくは日本語shift-jisが関係していると思われます。違ったらすいません;
解決方法は以下

TOPSYで文字化けしない方法

まず文字化けする場合の解決方法を先に記しておきます。
TOPSY で文字化けは回避できますが、普通の方法では回避できません。
普通の方法
マウスを乗せてpage_white_copy.pngこのアイコンをクリックすればクリップボードにコピー出来ます。
<!-- topsyStart -->
<div style="float:right; margin-left:1em;">

<script type="text/javascript">
var topsy_nick = "YourTwitterName";
var topsy_style = "big";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator"></script>

</div>
<!-- topsyEnd -->
文字化けする時の方法
<!-- topsyStart -->
<div class="float:right; margin-left:1em;">

<script type="text/javascript" src="http://button.topsy.com/widget/retweet-big?nick=YourTwitterName&url=<% article.page_url %>"></script>

</div>
<!-- topsyEnd -->
YourTwitterNameには自分のtwitterのアカウントを入れてください。僕の場合だとこの部分はtonerikooになります。
次に<% article.page_url %>の部分ですが、ここは使っているブログサービスによて異なります。
  • Seesaaブログ:<% article.page_url %>
  • FC2ブログ:<%topentry_link>
  • WordPress:<?php echo get_permalink(); ?>
  • MovableType:<$mt:EntryPermalink$>
  • 忍者ブログ:<!–$entry_link–>
  • ライブドアブログ:<$ArticlePermalink$>
大体思いつく限りだとこんな感じですね。

文字化けしない場合のTOPSYの魅力

topsyの魅力は色のバリエーション
文字化けしない場合だとTOPSYは上の画像の用にボタンのテーマカラーを変えることが出来るのが魅力です。
コードで言うと
<!-- topsyStart -->
<div style="float:right; margin-left:1em;"> 
<script type="text/javascript">
var topsy_nick = "YourTwitterName";
var topsy_style = "big";
var topsy_theme = "light-green";
</script>
<script type="text/javascript" src="http://cdn.topsy.com/topsy.js?init=topsyWidgetCreator"></script>
</div>
<!-- topsyEnd -->
light-greenの部分を変更することでテーマカラーが変えれます。文字化けしない人はぜひ。
FC2ブログではじめるこだわりブログ 第3版 (FC2ブログ公式ガイド) (FC2 BLOG公式ガイド)
FC2ブログではじめるこだわりブログ 第3版 (FC2ブログ公式ガイド) (FC2 BLOG公式ガイド)
おすすめ平均
stars超初心者でしたが、とてもわかりやすかったです!

Amazonで詳しく見る
posted by トネリコ at 15:18 | Comment(0) | TrackBack(0) |
カテゴリ:ソーシャルメディア | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。

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

この広告は1年以上新しい記事の投稿がないブログに表示されております。