Bloggerのブログタイトルは固定されていて移動ができませんよね。例えばブログタイトルの上にメニューバーを表示したい方もいるのでは？そんなブログタイトルを移動できるようにする方法をご紹介。一行でまとめるとこんな感じです。
テンプレート ＞ HTMLの編集 ＞ ⌘＋Fキー ＞ ブログ名を検索 ＞ true ➡ false ＞
⌘＋Fキー ＞ b:section class='header'を検索 ＞ 1 ➡ 5 no ➡ yes ＞ テンプレートを保存 ＞ レイアウト ＞ ○○○(Header)とページを入れ替える ＞ 配置を保存
※ ⌘＋Fキーは、Windowsで言うところの Ctrl＋Fキーです。これで検索ができます。
ではここから詳しく説明していきます。まず管理画面にあるテンプレートのHTMLの編集を開く。
キーボードにある、⌘キーとFキーを同時に押して検索窓を出し、自分のブログ名を入れると、該当する場所がマーキングされます。
検索できたらブログタイトルのすぐ左に locked='true' と表示されていると思います。この true の部分を false に書き換えます。
すると、いままでこのように移動できなかったものが、、、
できるようになります。このように。
次に検索窓に、b:section class='header' と入れて検索します。maxwidgets=1 は、ガジェットをいくつ置けるかということで、showaddelement='no' は、レイアウト画面で『ガジェットを追加』を表示させるかということです。ここでまず 1 を 5 に書き換え（今後の拡張性も考えて、一応５個おけるようにします）、no を yes に書き換えます（わかりやすくする為）。終わったら右下のテンプレートを保存します。
次に、レイアウト の画面に行きます。そして（Header）と ページ を入れ替えるだけなのですが、少し注意が必要です。配置の仕方が微妙に違う事で、ページ がリスト式になってしまうんです。よくわかりませんが。
なのでこのように幅を持たせて配置するようにしてください。そして更に微妙な事なのですが、ページ ではなく、(Header) の方を上から下に動かしてください。なぜか、ページ を下から上にを動かすと先ほどのようにリスト式になってしまうので・・・。ガジェットを移動させる場合は、上のガジェットを下に移動させるようにしてください。
ということで、めでたくこのようなデザインになるわけです。
ただ移動するだけなのになかなか大変でしたが、こうやって地道にカスタムしていくというのもブログの醍醐味なのではないでしょうか。いや〜めんどくさいですが。。
ということで以上でした。
