2010年3月17日水曜日

Bloggerのテンプレート

Bloggerは、自由度の高いブログで
Googleのほかのサービスと連携され使い勝手もいい
のだが、
用意されているテンプレートが少なくて
ナビゲーションバーなるもの


が上に付くのだ。

テンプレートは、沢山のサイトでくばられていて
悲観することはないのだけれど
英語の所が多くて…

用意されているテンプレートでもシンプルでいいのだけど
ナビゲーションバー、消えないかな
と調べてると

レイアウトのHTMLの編集でちょっと手を加えるだけで
消せることがわかった。

これが無くても
ダッシュボードにアクセスすれば編集できる

#navbar-iframe {
display: none !important;
}
というのをCSSを設定している
割と上の方にいれてやればいい。

navbar-iframe
というのが表示されるナビゲーションのID

display: none
というのが
表示しないという事

!important
というのが
通常、後に来る設定が優先されるCSSだが
この後、再設定されても
こっちが優先ってことだ。



ナビゲーションバーについては解決したけど
もう一つ、なんとかしたい事がある。

それは、もう少し幅を広くしたいって事。

コレを指定しているのは
width:
で指定されている。
だから、コレを大きくすればいい。

2、3箇所なので、つじつまが合うような数字にすればいい。
あと、
画像が影響することがあるので、
この場合は画像を加工して
伸ばしてやる必要がある。

そんなわけで、

Son of Motoのテンプレートを加工したものだ

template-SonofMoto.xml



調子に乗って
Denimのテンプレートも同様に加工してみた。

template-Denim.xml



Son of Motoをベースに
Denimのサイドバーにしたもの

template-motokai.xml



さらに3カラムにしたもの

template-motokai3.xml

0 件のコメント: