駄ブログ

最近ほかの人のブログばかり読んでて更新が進まない駄文を並べるためのブログ

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

f:id:jrockford:20160809232610j:plain

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

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

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

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

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

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

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

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

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

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

<iframe 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;"></iframe>

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

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

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

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

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

おわりに

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

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

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

広告を非表示にする