Google BloggerのNavバーを消す 【ナビゲーションバー】

2012/08/17
NavバーをBloggerの設定で消せるようになりましたが、相変わらずスペースは空いたままだと思うので以下を機械的に適応すると良いかと思います。

ナビゲーションバーを消す

/* 追加 start*/
#navbar-iframe {height:0px!important;visibility:hidden;display:none}
#navbar{display:none;}
/* 追加 end*/

/* Variable definitions
標準のテンプレートの/* Variable definitions の上ぐらいに上記を追加するとナビゲーションバーを消せます

これでもまだ上部に空白が10pxぐらいあいてしまいます。
デザインにもよりますが、問題ない場合はこのままで・・。


上部のスペースを詰める

.content-inner{
margin-top:-10px;
}
スタイルシートを書く場所に上記を書いて、力ずくで詰める。
少し見てみたのですが、あまり良い方法がないみたいなので・・・。

ナビゲーションバーって消しても良いの?

・Yes, details for disabling the navbar are here. Keep in mind, however, that disabling the navbar hides your blog from “Next Blog”, a key tool used by readers to discover new blogs. We also have a number of features tailored to the navbar in the months ahead -- we hope that it adds to, rather than detracts from, your use of Blogger.
Blogger FTP Info: FAQs

(はい、Navbar を無効にするための詳細はこちらです。しかし Navbar の無効化は、読者が新しいブログを見つけるためのキーツール「次のブログ」から、あなたのブログを隠してしまうことを覚えておいてください。私たちはまた、Navbar のいくつかの新機能を、数ヶ月以内に用意します。それが Blogger の使用を損ねず、一助となるように願っています。)
クリボウの Blogger Tips: Blogger の Navbar は隠してもいいらしい

btemplates.comで配布されてるのは、たぶんすべてがナビゲーションバーを隠した状態になっていて、そのまま使うとバーが表示されない。

逆に表示したい人は、上記の部分を探して消すと表示される。

【ブログ内で関連ある記事】

スポンサーリンク

コメントを残す

メールアドレスは公開されません。
また、コメント欄には、必ず日本語を含めてください(スパム対策)。