はてなリングアイコンのサイズ変更

はてなリングアイコンのサイズがリングによってまちまちで見栄えがいまいち。ということでこういう記事を発見。

どうもリングによってロゴのサイズがまちまちなので、CSSの方でむりやり50pxの正方形のサイズに変更させてもらいました。

div#hatena-ring-sid img {
  width: 50px;
  height: 50px;
}

もう少し噛み砕いて書くと。

1. リングページの「Get Logo」をクリック
2. 「はてな以外のサイトに貼り付ける場合のタグ」以下のボックスの6行目くらいにある"sid="の後の数字をメモ
3. 上記の"div#hatena-ring-sid"のsidのところをメモった数字に置き換える
4. 上記CSSを「設定」→「デザイン」→「スタイルシート」に貼り付ける

例えば「はてなブックマーカー」リングの場合はこのようになります。

div#hatena-ring-58817 img {
  width: 50px;
  height: 50px;
}

テストしてみたところ成功してるぽいです。ありがたや。感謝感謝。

複数のリングがある場合はリングの数だけこの操作を繰り返してください。