arane https://blog.hatena.ne.jp/arane/ Erirhythm(エリリズム) |自分のリズムで日々を楽しみたい記録ブログ https://www.erirhythm.com/ カスタマイズ 長い記事を読み終わったとき、すぐにページ上部に戻れる「ページトップボタン」。 設置しておくと、スクロールの手間が減って読者も快適に記事を読めます。 今回は、はてなブログにコピペで設置できる「シンプルなページトップボタン」のCSSとHTMLをご紹介します。 紹介するデザインはこちら HTMLコードの設置をする アイコンを変えたい場合 CSSコードの設置をする まとめ 紹介するデザインはこちら 当ブログでは、PC・スマホどちらでも画面右下に固定表示し、背景色＋上向きアイコンで見やすくしています。 シンプルイズベスト！ HTMLコードの設置をする 記事下ではなく「デザイン → フッタ」にコピペで入れ… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.erirhythm.com%2Fentry%2F2025%2F08%2F15%2F083000" title="【はてなブログ】ページトップボタンを設置する方法【コピペOK】 - Erirhythm(エリリズム) |自分のリズムで日々を楽しみたい記録ブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/a/arane/20250815/20250815220732.jpg Hatena Blog https://hatena.blog 2025-08-15 08:30:00 rich https://www.erirhythm.com/entry/2025/08/15/083000 1.0 100%