プロっぽいサイトに見せるポイントのひとつに、かっこいいタイトルバナーがあります。
画像と文字を組み合わせたタイトルバナーの画像(jpegやgif)を作って、差し替えてみましょう。
それでは、差し替え方の説明です。
まずは、タイトルバナーを作成してください。バナー作成の詳細については、ここでは省略します。画像作成ソフトを使うなり、バナー作成サービスをネットで探すなりして、お気に入りのバナーを作ってください。作ったバナーは、Movable Type管理機能の「ファイルのアップロード」でアップロードし、アップロードパス（バナーの画像ファイルを保存しているＵＲＬ）をメモしておきます。
続いて、テンプレートの変更です。ページ表示に関するすべてのテンプレート(メインページ、各アーカイブページ、等)の、タイトル表示部分を変更します。
メインページ(index.html)など、いずれかの変更したいテンプレートを開いてください。モジュール化してある場合は、タイトルバナー部分のモジュールを開いてください。下記の部分がタイトルバナーを表示しているところです。
<div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"> <img src="画像のパス" border="0"></a></h1> <h2 id="banner-description"><$MTBlogDescription$></h2> </div> </div>
もとは、ブログタイトル($MTBlogURL$)と、ブログ概要説明文($MTBlogDescription$)を表示するようになっています。この部分を、画像ファイルへのリンクに差し替えます。
<div id="banner"> <div id="banner-inner" class="pkg"> <h1 id="banner-header"><a href="<$MTBlogURL$>" accesskey="1"> <img src="画像のパス" border="0"></a></h1> <h2 id="banner-description"><$MTBlogDescription$></h2> </div> </div>
こんな感じです。
ちなみに、画像は、その属性として「代替テキスト」を設定することができます。画像の上にカーソルを置くとテキストが表示される、あれです。
設定しておいた方がＳＥＯ対策としても効果的なので、便利に設定する方法も書いておきます。
<img src="画像のパス" border="0">
この部分を以下のように変更してみてください。「alt」が代替テキストのことです。
<img src="画像のパス" border="0" alt="<$MTBlogName encode_html="1"$>－<$MTBlogDescription$>－">
こうすると、「ブログ名－ブログ概要説明文－」が代替テキストとしてセットされます。
あとは、保存・再構築すれば終了です。どうでしょう、自分らしいサイトになりましたか？