【はてなブログ】読者になるボタンの人数を非表示にする方法

はてなブログ

はじめに

はてなブログのカスタマイズをしたのでご紹介します。

初心者の私は難しいカスタマイズが苦手です。簡単にできるカスタマイズを優先しています。

なので、はてなブログ初心者の方、よろしければ参考にしてみてください。

はてなブログの読者になるボタン〇〇人が読者ですと表示されますよね。

この〇〇人が読者ですを目にするのが嫌だったんです。

私のような弱小ブログを見に来て下さる方、読者登録までして下さる方がいることは大変嬉しいです。

読んで下さる方がいる、アクセス数や読者登録数の数字が増えていくことはブログを続けていく原動力になります。

でも、この数字にとらわれ過ぎてしまうと、自分のブログに自信がなくなってしまいます。

このモヤモヤした感じ(私だけ)をなくす為に非表示にすることにしました。全く気にしない人がいる一方で私のようにモヤモヤ感じてしまう人もいるのです。

数字が見えないので気分がスッキリします(*´∀`*)

カスタマイズ方法

はてなブログの設定→詳細設定→検索エンジン最適化→headに要素を追加にこれを追加します。同じものが貼り付けていないか確認してください。

すでに同じものが貼り付けてある場合はこの作業は不要となります。

ink rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"

ブログのサイドバーに表示する場合

デザイン→カスタマイズ→サイドバー→モジュールを追加→HTMLにこれを追加します。

<center>
<div class="sidebar-follow-buttons" >
<div class="follow-title"><span style="font-size: 8px">読者になる</span></div>
<a class="hatena" href="http://blog.hatena.ne.jp/自分のはてなID/自分のはてなURL/subscribe" onclick="window.open('http://blog.hatena.ne.jp/自分のはてなID/自分のはてなURL/subscribe', '', 'width=500,height=400'); return false;">
<i class="blogicon-hatenablog lg"></i>
<span class="inner-text">Hatena</span>
</a>
</div>
</center>

記事上・記事下に表示する場合

デザイン→カスタマイズ→記事→記事上or記事下にこれを追加します。

<center>
<div class="content-inner-follow-buttons" >
<div><span style="font-size: 8px">読者になる</span></div>
<a class="hatena" href="http://blog.hatena.ne.jp/自分のはてなID/自分のはてなURL/subscribe" onclick="window.open('http://blog.hatena.ne.jp/自分のはてなID/自分のはてなURL/subscribe', '', 'width=500,height=400'); return false;">
<i class="blogicon-hatenablog lg"></i>
<span class="inner-text">Hatena
</span>
</a>
</div>
</center>

注意点

テキストコードのなかの自分のはてなID・自分のはてなURLはご自身のものに置き換えてください。また変更する前にバックアップを取っておいてください。

まとめ

これで○○人が読者ですという表示から解消されたと思います。

私はカスタマイズするために時間がかかり過ぎてしまうので自分自身のための備忘録として残すために記事にしました。

誰かのお役に立つ記事となれば幸いです。