Twitter Follow meバッジを設定する方法

takechyoのブログにも最初から設定されていた
「Twitter Follow meバッジ」 今は珍しくないですが、
長らくコイツの存在を 無視ってましたw

↓こういうマーabout tfmbク↓

 


↑この画像右上の赤く囲ってある所

 

この「twitter」マークの事を「Follow meバッジ」
というらしい。知らなかった…

 

クリックすると (設定されていれば)
自分のtwitterにリンクされていて
そのページへ飛ぶ機能なんですが、
takechyoは設定さえしてなくて
「いい加減、手をつけようや…」 と思って
調べてみました。

 

しかし・・・
この機能はもはやプラグインで「WP FollowMe」を探せば
見つかるので、簡単にインストールできます。
これから紹介するやり方は 少々古いやり方になるようです。
もはや今後何かあった時のメモ程度の記事w


もし設定はしてないけど、バッジが表示されている人は
このまま読み進めてもOK!

表示されてなくて機能として欲しい!
ちょっとカッコいいから欲しい!という人は…

WPプラグインで「WP FollowMe」を探してください。

 

1.バッジにマウスオーバー
(マウスポインターをtwitterマークに乗せる)

2.バッジの右下に小さく「?」マークが出たら
 それをクリック

3.すると「Twitter “Follow” Badge for your site/blog」
という ページにジャンプします。

 

↓こういうページ

Twitter Follow Badge for your site_blog

 

 

 

 

 

4.出てきた入力項目に必要に応じて入力します。
 入力内容は以下のとおり。

Twitter account: あなたのアカウントIDを記入
Label: 適当に好きなものを選んでね
Color: 右の丸いマークをクリックするとカラーパレットが出るので好きな色を選択→バッジの色が変わるのでわかりやすい!
Side: 画面のどちら側に表示させたいか
From top: 上から何ピクセルくらい間隔をあけるか?
UPDATE CODE: クリックするとコードが出ます。

上から順に進めていくと、
最後に「UPDATE CODE」ボタンの下にコード窓が出てくるので
その窓をクリックすると、コードが反転表示されます。

 

5.コードをコピーします。
(PCのメモリーにデータがある状態で維持。)

 

6.Wordpress(以下、WP)の
「外観」→「テーマ編集」をクリック

 

7.右端にあるメニュー一覧より
フッター(footer.php)をクリックします。

 

8.「footer.php」コード窓
(真ん中で英数字が記述されている所)の
一番下へスクロールさせます。

 

9.一番下に「</body>」と書かれた手前に、
先ほどコピーしてあったコードを貼り付けします。

 

10.画面、左下にある「ファイルを更新」ボタンを押すと
「保存」されます。


こんな感じです。
お疲れ様でした!

 

ちなみにIE6では表示されないそうです…
最新のブラウザーで作業を行いましょう!

 

これで、あなたのtwitterへリンクが設定され
よりフォロワーがつきやすくなる…かもですw

 

少しでも可能性を増やしたい方、
お試しあれ~!

コメントを残す



19 − five =


日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)