はてなリングのロゴを横に並べる
はてなリングのロゴのサイズを変更して横に並べる*1、色々試して、こんな風にやることにしました。 sid="2941" と div#hatena-ring-2941 の中の 2941 は、自分の番号に変えれば良いみたい。45px は、ロゴの幅。
ページのフッタ
<div class="my-hatena-ring"> <hatena name="ring" rid="book" sid="2941"> <hatena name="ring" rid="lightnovel" sid="2941"> <hatena name="ring" rid="review" sid="2941"> </div>
スタイルシート
div.my-hatena-ring div { display: inline; } div.my-hatena-ring div#hatena-ring-2941 img { width: 45px; }