日付の位置を変更

Bloggerのテンプレートでは、
大抵、日付が一番上に付くようになっています。

しかし、日本のブログは、タイトルがあって
日付ってのが多いように思います。
テンプレートが日本的でないものが多いってことになりましょうか

こんな場合は
CSS部分
h2.date-header
の中に
float: right;
を追加します。

オレンジ

Bloggerテンプレート

オレンジも作ってみた
template-motokai3o.xml

テンプレートピンク

そんなこんなで
ピンクも作ってみる事に

template-motokai3p.xml

Bloggerテンプレート

Bloggerの編集画面で
「Blogger in Draft」
というのがあったんだけれども
これをしても何が変わるんだか全然わからなかった。
だけど、なんだかレーアウトの設定で
テンプレートデザイナーってのが使えるようになったらしい。
まだ、パターンは少ないけど、
色や幅やカラムやら変更できるところが沢山になってる。

いままで、何やってたんだか
って思ったりしたんだけど
このデザインにすると
なんか表示が遅くなるみたいだ。

複雑なことをやるんだから、まぁ、そうだよね

なわけで

シンプルに旧版から青っぽくしてみた。

template-motokai3b.xml

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


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

template-motokai3.xml