はてなブログにナビゲーションバーを設置する方法について備忘録として書いておきます。 本記事はいったん削除していたのですが今でも一定のアクセスがあります。ナビゲーションバー設置でお困りの方にNot Found表示では申し訳ないので復活させました。 はるなぴのサイトを例に具体的なHTMLを載せてありますので是非ご参考にしてみてください。分かりやすい記事を心がけて書きました。 ナビゲーションバーを設置する理由 Innocetテーマでナビゲーションバーを設置する方法 ナビゲーションバー設置用HTMLタグ設定 ナビゲーションバー表示用CSS設定 ナビゲーションバー用JavaScriptの設定 ナビゲーションバーが動くかどうかテストしてみる PC版ナビゲーションバーの動作確認 スマホ版ナビゲーションバーの動作確認 タブレット版ナビゲーションバーの動作確認 ナビゲーションバーとヘッダー画像の設置でブログ
![はてなブログテーマInnocentにナビゲーションバーを設置する - はるなぴログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/dd7d1504dee3fd0104c6dc9745efc1705c7b2014/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fh%2Fhal7pi%2F20191208%2F20191208195102.jpg)