Google+ で検索 input!output!: [Twitter] BloggerでTwitterの「Follow me」バッチを付ける方法 Google

8/30/2010

[Twitter] BloggerでTwitterの「Follow me」バッチを付ける方法

このエントリーをはてなブックマークに追加
Blogでよくみかけるサイドに設定されている「Follow me」バッチについて、設定にいつもトライするもののできていませんでした。
なぜかBloggerでは設定ができず困っていたのですが、本日やっと設定する方法が判明!
HTMLの知識が全くない人間ですが、見よう見真似でなんとかなるものです。

①バッチのコード取得


で取得。


Once you’re done customizing:

  1. Click 'Update Code'
  2. Copy the code
  3. Paste it on your site template right before the "BODY" end tag ()
  4. Note: The badge will not appear on IE6



上記の指示通りに、
Blogger のダッシュボード > レイアウト > HTML の編集 の「テンプレートの編集」 >  タグの直前
に貼り付けるのだが、いつも通り表示されない。。。。

②HTMLを一部変更が必要
前から何度もGoogleさんにお世話になろうと検索し見つかっていなかったが、ついに以下のサイトを発見。(根気よく英語を読んでよかった!)

サイト:Blogger Buster: 16 Useful Twitter Tools for Blogger


Blogger で表示させるには、上記のコードを 

  • HTML/JavaScript のウィジェットとして追加するか、

または、

さっき生成したコード内にある以下の部分を特殊文字変更する。


③完了
ついに、右側のサイドに「Follow me」が設定!!
感動。。。


参考(Special Thanks)