ブロガーナビゲーション HOME.ONでページ移動する設定手順

ブロガーはブログ仕様なので、ブログ記事ページが固定表示されますね..

さて、初期設定のままですと、ほとんど標準装備のナビゲーションでHOMEを
オンすると記事一覧画面ではないでしょうか？
（多くはそのような仕様ですが、一部異なる例もあるので全体的とはいえません）

ま、ブログ記事だけでHOME（ブログのあいさつか意味合いご案内）ページを
作らない、不要でしたら必要ないことなんですが、上記例に見合うようでしたら
ナビゲーションのソース記載を変更すれば対処は可能です。

ただし、テンプレートソースは一律同じ形式で作られていない訳で、使用違いは
ございます...あくまで例としてご理解ください..

始めるなら、ページを作ってからお進みください..


HOMEリンクは、最新記事が表示されるURLへ移動するようになっていますね..
<a class='navbar-brand logo tiny-logo' expr:href='data:blog.homepageUrl'>

これを書き換えれば...ですが、そうでもない?
位置がずれたりします

ソースをご確認くださいね

       <a class='navbar-brand logo tiny-logo' expr:href='data:blog.homepageUrl'>
            <i class='fa fa-home'/> HOME
          </a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class='collapse navbar-left navbar-collapse' id='bs-example-navbar-collapse-1'>
          <ul class='nav navbar-nav'>
            <li>
              <a href='http://www.affiliateno1.com/'>
                web
              </a>
            </li>
            <li>
              <a href='http://i-library.jp/'>
                Nature
              </a>
            </li>

ずれが修正できない...
ならば、そこは削除して2番めから表示される位置にした移動したのです..
HOMEにアイコンがある場合は...
<i class='fa fa-home'/>も移動しないと表示されません

で、以下に書き換えてみました

          <ul class='nav navbar-nav'>
            <li>
              <a href='http://blogger.benaizawa.solutions/p/blog-page.html'>
               <i class='fa fa-home'/> HOME
              </a>
            </li>

            <li>
              <a href='http://www.affiliateno1.com/'>
                Web
              </a>
            </li>
             <li>
              <a href='http://i-library.jp/'>
                Nature
              </a>
            </li>

HOMEボタンを削除すればとおもいましたが、やはりありませんと
カッコよくありませんね

今回は、当ブログのCSSソースで解説しています