はてなブログテーマ "ZEN for Hatena Blog" で使えるヘッダナビゲーションのコードです

zen-header-navigation.html

<!--
使い方：
下記のコードをデザイン編集 → カスタマイズ → タイトル下 のテキストエリアに貼り付けてください
<a>タグの中身を好きなように書き換えてください
<li>要素はいくつでも増やせます（多すぎると見づらいので6個までくらいが妥当かもしれません）
-->
<nav class="header-nav">
  <ul>
    <li><a href="https://twitter.com/">Twitter</a></li>
    <li><a href="https://www.facebook.com/">Facebook</a></li>
    <li><a href="https://github.com/">GitHub</a></li>
  </ul>
</nav>