ブログのカスタム

サイドバーのプロフィールにTwitterのフォロワーの人数を表示する方法【図解あり!】

スポンサーリンク


こんにちはユレオです!

前回Twitterのフォローボタンにフォロワーの人数が表示する方法記事にしました。

Twitterのフォローボタンにフォロワーの人数を表示する方法【図解あり!】こんにちはユレオです! いろんな方のブログを見ているとTwitterのフォローボタンにフォロワーの人数が表示されているのを見たこと...

さーて、ではさっそくサイドバーのプロフィールに張り付けようとしたところ、思わぬ落とし穴があったので記事にします。

うーん、これどうやってんだろ?

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

プロフィールには元の機能でTwitterのフォローボタンが追加できるのですが、どうやってもフォロアー数を表示させることができません。

f:id:soul-vibration:20170702100516j: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:はてなブログの デザイン→カスタマイズ→サイドバー→モジュールを追加を押します。

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

 2:モジュールの追加で各種設定を行います。

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

①:モジュールをHTMLにする。

②:タイトルを入力。プロフィールでも自己紹介でもなんでOK。

③:コードを張り付ける。

④:「data-show-count=“false”」という部分を「“true”」に変更します。

3:画面を切り替えるとサイドーのプロフィールにフォローボタンとフォロワー数が表示されます。

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

4:HTMLの編集でプロフィールをカスタムします。

HTMLなので読者ボタンや写真を張るなど自由自在にカスタムできます。

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

以上で終了です。

記事の内容としては「プロフィールを自在にカスタムする方法」になりますね。

結構な方のブログではサイドバーのモジュールがプロフィールと見せかけてHTMLだったりするわけです。

Twitterのフォローボタンにフォロワーの人数を表示する方法【図解あり!】こんにちはユレオです! いろんな方のブログを見ているとTwitterのフォローボタンにフォロワーの人数が表示されているのを見たこと...

おすすめのアフィリエイトASP ベスト3

「ASP(アフィリエイト・サービス・プロバイダ)」とは、アフィリエイトの広告主とブログ運営者を繋ぐ仲介業者のことで、ブログ運営で広告などを掲載するにはASPに登録する必要があります。そうしたASPは数多くありますが、初心者向けのおすすめのASPをご紹介いたします。

1位 A8.net

A8.netは広告主数が豊富で、ブログを始めたばかりの方もwebサイトやブログを登録できますし、手続きも簡単でアフィリエイトを手軽に始めることができます。

また、A8.netでは「セルフバック」が充実しており、自分で商品の購入やサービスを利用できるので、レビュー記事が書きやすい特徴もあります。
総合
商品種類
初心者向け

A8.netの詳細ページはこちら

2位 もしもアフィリエイト

もしもアフィリエイトはブログ運営の初心者でも成果を上げられるように詳しく書かれたマニュアルがあるなど、「ブログ運営初心者に対して嬉しいサービス」が充実しています。

また、Amazonアソシエイトと楽天アフィリエイトをまとめれるので管理がしやすく、W報酬制度やプレミアム報酬などの独自の報酬制度があります。
総合
商品種類
初心者向け

もしもアフィリエイトの詳細ページはこちら

3位 バリューコマース

バリューコマースはYahooショッピングでの報酬の取りまとめに力をいれていたり、スマートフォン向けのオーバーレイ広告が掲載できます。

また、メルカリなどのバリューコマースにしかない広告案件があり、ンのASPがすでにあったとしても広告案件の隙間を埋めたり、登録しておいて損はありません。
総合
商品種類
初心者向け

バリューコマースの詳細ページはこちら

スポンサーリンク