SLMaMe Blog TEMPLETE

ブログのタイトルを自分で作ったロゴ画像に変えてみましょー。意外と簡単に出来ちゃうのです。

まずは下準備の画像作成の注意事項です。
このサイトで配布しているテンプレートの場合、
画像の高さは60px以内くらいがちょうどよいです。（解像度は72dpiにしてください）
あまり大きいとブラウザによってはレイアウトが崩れる可能性も出てくるので気をつけてくださいね。

自分の気に入ったフォントを使うだけでも、けっこう雰囲気が変わります。
今回は「バタフライ：ブラック（幅100%）」テンプレを使用してこんなロゴ画像を作ってみました。

では、作成した画像をテンプレートに適用してみましょう！

1.作成した画像に半角英数字の名前をつけ、画像一覧からオリジナルサイズでアップロードします。
2.アップロードした画像を一覧から選択して表示させ、 画像のURLをコピーします。
3.テンプレート＞カスタマイズをクリックし、「トップページ」のコードから以下の記述を見つけてください。
（35行目くらいにあります。メモ帳などに一旦全てコピーすると良いです。）

<div id="banner">
<h1 class="blogtitle"><a href="<%BlogUrl%>" accesskey="1"><%BlogTitle%></a></h1>
<div class="description"><%BlogDescription%></div>
</div>

赤字の部分がブログタイトル、このサイトでいうと「SLMaMe Blog TEMPLETE」
青地の部分がサイトの説明、同様に「ソラマメ専用ブログテンプレート配布」となります。

4.ヘッダにサイト説明を載せない場合や、画像内に説明も書いてしまうような場合は、青地部分を全て削除。
上のコードの赤字部分を下のオレンジのように書き換えます。太字部分は2でコピーした画像URLにします。

<div id="banner">
<h1 class="blogtitle">
<a href="<%BlogUrl%>" accesskey="1"><img src="http://img01.slmame.com/usr/tomoyo/bb_logo.gif" alt=" <%BlogTitle%>" /></a>
</h1>
</div>

5.「個別ページ」「アーカイブ」も同様に、3.4.を繰り返します。
6.登録して完了です。

ちゃんと適用されているかどうかサイトを確認してみてね♪