GSka https://blog.hatena.ne.jp/GSka/ Ｇスカの適当に遊べ https://gskpcblog.hateblo.jp/ 03　ブログ改変や趣味のプログラム ブログ記事を作っていると、たまに背景色とか見に来た人が好きに変更出来たらいいんじゃないだろうか？と思ったりしませんか？ 夜にブログを読むときや、まぶしい画面を暗くしたいときなど、ボタン一つで切り替えられたら読者さんにとって優しいですよね。 今回はそういう時のために気軽に変更出来るサイドバーのボタンを設置する方法を教えます！ HTMLやCSSの難しい知識がなくても、コードをコピーして貼り付けるだけで簡単に導入できちゃいますよ。 ※この方法は、ブログに背景画像が設定されているとうまくいかない場合があります。 背景画像を設定している方は、画像を「なし」にしてからお試しください。 設置の手順 色を変更… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fgskpcblog.hateblo.jp%2Fentry%2F2026%2F10%2F23%2F085217" title="【背景色変更】サイドバーに置くだけ！簡単ワンクリックでダーク/ライトモードを切り替えるボタンの設置方法 - Ｇスカの適当に遊べ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2026-10-23 08:52:17 rich https://gskpcblog.hateblo.jp/entry/2026/10/23/085217 1.0 100%