読者も２倍に？はてなブログの「読者になる」ボタンを２倍のサイズにでっかくして貼り付けた方法

はてなブログには「読者になる」というボタンがあるんですが、とても小さいです。

これを大きくすれば、きっと読者が増えるに違いないと確信して、２倍のサイズにして貼り付けてみました。

割と簡単だったんで、そのやり方を記事にします。

「読者になる」ボタンのコードを取得する

ブログの「管理画面」の「設定」の画面で、「詳細設定」のタブを開くと、下のほうに“読者になるボタン”という項目があります。

その右側のテキストボックスの中のコードが、「読者になる」ボタンのコードになりますので、これをコピーします。

「読者になる」ボタンのコードをカスタマイズする

上記の手順で取得したコードは、以下のようになってるんじゃないかと思います(【注】表示の都合上、タグの“iframe”と“/iframe”の部分だけ全角にしてあります)。

<ｉｆｒａｍｅ src="http://blog.hatena.ne.jp/[自分のID]/[自分のブログのURL]/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28"><／ｉｆｒａｍｅ>

これを以下のように書き換えます(赤字の部分を追加します)。

<ｉｆｒａｍｅ src="http://blog.hatena.ne.jp/[自分のID]/[自分のブログのURL]/subscribe/iframe" allowtransparency="true" frameborder="0" scrolling="no" width="150" height="28" style="transform:scale(2);-o-transform:scale(2);-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform-origin:0 0;-o-transform-origin:0 0;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;"><／ｉｆｒａｍｅ>

好きなところに貼り付ける

上記でカスタマイズしたコードを好きなところに貼り付けます。

例えば「管理画面」の「デザイン」の画面で、工具型のアイコンをクリックして表示される、「ヘッダ」「記事」「サイドバー」「フッタ」のそれぞれにＨＴＭＬのコードを記述することができる部分があります。

そういったところに、貼り付けてやると、通常の２倍サイズに大きくなった「読者にある」ボタンが表示されます。

ちなみに、カスタマイズの際に追加したコードのscale(2)の数字を変えることで、倍率を変更することができます。

おわりに

「読者になる」ボタンを２倍にしたので、これからは倍々ゲームで読者さんが増えるに違いないと、固く信じています。

そして今、このページをご覧のアナタが、私の信頼を裏切ることが無いよう願ってます。

といったところで、今回はいじょ！