2012年1月29日日曜日

【Blogger応用編】デザイン的にはちょっと邪魔? BloggerのNavBarを消す方法


Googleが提供する無料のブログサービス「Blogger」。このはじめ方についてはこれまでまとめておきましたが、いざブログをやっていくといろいろといじくりたくなります。その中で、デザイン的に目に付くのはBlogger上部にあるNavBar。ブログの背景や内容を考えると、ちょっと消しておきたい、なんていう場合の方法を紹介します。


以下、やり方です。


※キャプチャは新しいデザインのBloggerです
  ①Bloggerへログインして、ダッシュボードへ
Blogger : http://www.blogger.com/


  ②テンプレートメニューを選択


  ③「HTMLの編集」ボタンをクリックし、警告画面がでてきたら「続行」をクリック



  ④"/* Variable definitions" の文字列を検索する¥


  ⑤"/* Variable definitions" の文字列の前に、以下のコードを挿入する
  #navbar-iframe {
   display: none !important;
  }


  ⑥「テンプレートを保存」をクリックし、HTML編集画面を閉じる


以上でNavBarは表示されなくなります。表示しなくても特にGoogleからペナルティがあるわけでもないようです。

関連URL)
 【Bloggerのはじめ方】無料で始められる、カスタマイズ可能なGoogleのブログサービス「Blogger」