魂を揺さぶるヨ!

ゲーム制作を生業とする30代の2児の父です。 20代のころような魂を揺さぶり情熱を燃やせる何かを日々探しています。 アウトドア、インドア、なんでも好きです。

【図解あり!】Twitterのフォローボタンにフォロワーの人数を表示する方法

スポンサーリンク

こんにちはユレオです!


いろんな方のブログを見ているとTwitterのフォローボタンに

 

フォロワーの人数が表示されているのを見たことはありませんか? 

f:id:soul-vibration:20170701204654j:plain

 

どうやってるんだろと不思議に思っていました。

 

いくつか方法があるようですが、意外と簡単に設定できる方法もあったので

 

ご紹介したいと思います。

 

設定手順1 Twitter公式のフォローボタンをカスタム

1:Twitterのフォローボタンを作成ページに行きます。

  https://about.twitter.com/ja/resources/buttons#follow

 

2:Twitterのフォローボタンをカスタムします。

  デザインはどんな形でも構いませんので各項目に従って進めてください。

f:id:soul-vibration:20170701210946j:plain

 設定が必要なのは以下の通りです。

 

 ①:ボタンの選択。タイプは「フォローする」を選んでください。

 

 ②:ユーザー名を入力。(例:tamashii_yusa)

 

 ③:ボタンのカスタマイズ。

 

  「ユーザー名の表示」のチェックは外すのをお勧めします。

 

 ④:設定後に出力されたコード内を全てコピーします。

 

設定手順2 はてなブログ画面

1:コードを張り付けたいページを編集で開き、HTML編集を選択します。

f:id:soul-vibration:20170701020007j:plain

 

2:コードを張り付けて「data-show-count="false"」という部分を

 「"true"」に変更します。

f:id:soul-vibration:20170701213022j:plain

 

3:プレビュー表示に切り替えるとフォローボタンにフォロワー数が表示されます。f:id:soul-vibration:20170701213519j:plain

 

以上で終了です。これは好きなところに張り付ける事ができます。

 

私はヘッダや記事、プロフィール等に張って使用しております。

 

ふと見たときにフォロワー数が増えてたらやっぱりうれしいですよね。