UDONCHAN https://blog.hatena.ne.jp/UDONCHAN/ 鈴木うどんの横須賀おもしろ生活 https://blog.hateblo.jp/ Blog Hack Programing 技術ネタ 読者になるボタンはサイドバーのプロフィールモジュールに表示されるけれど、ワンカラムデザインにするとページの下に追いやられてしまって読者になりたくなってもすぐにボタンが押せなくて不便だと思った。ブログ書いてる人のプロフィールはそんなに興味ある人はいないと思うけれど、継続的にブログ読みたい人はある程度いそうな気がするので、ページ上方に読者になるボタンだけを表示することにした。 まずはプロフィールモジュールを最低限の表示に設定する。 次にデザイン設定のデザインCSS部分に以下のコードを書き込んで読者になるボタンの絶対位置を指定する。 .hatena-follow-button-box.btn-sub… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.hateblo.jp%2Fentry%2F2014%2F01%2F05%2F200214" title="はてなブログで読者になるボタンをページ上方に表示させる / 追記：右に寄せるのはおすすめできない - 鈴木うどんの横須賀おもしろ生活" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://gyazo.com/8b39d9473594abce7587849a9b49fbdb.png Hatena Blog https://hatena.blog 2014-01-05 20:02:14 rich https://blog.hateblo.jp/entry/2014/01/05/200214 1.0 100%