ブログタイトルの文字を変更したいので、画像にして変更する方法。

色々試してみても、知識不足でダメでした。
どなたか、お力をお貸しくださいm(_ _)m

ブログのタイトルの文字を変更したいのですが、
CSSなどでフォントを変えてしまうと
PCの種類や環境によって文字化けなどもあるので、
トップ画像にタイトル文字を入れて
その箇所をクリックするとトップ画面になるように
変更をしたいのですが、

参考までに、この方のブログのように
してみたいです。


ナレッジで以下の方法を試してみましたが
全くもって出来ませんでした。涙


新しい私のブログでの失敗例↓

トップタイトルが消えてしまい
サブバナーのみ残ります。

この方のようにするには

どうしたらよいのでしょうか？？？

宜しくお願い致します。

毎回、ここにてお世話になり
解決してます。＾＾

カスタマイズする前の私のスキンはコチラです。



因みに、カスタマイズした私のブログは
こちらです。これを変更予定です。
それ自体がおかしな間違いで作っていたら
意味がないのですが・・・


宜しくお願い致します。

m(_ _)m　ペコリ

1>

タイトル部分だけをクリックしたら
飛べるようにしたいので
画像全体じゃ無い場合は
どうするのだろー

画像の一部に、リンクを貼るには、
map

と言うやり方で、画像の一部分にリンクを設定できます。

でも、ちょっと面倒なので、
スタイルシートで

h1.bogtitle {
  width: 横幅;
  height: 縦幅;
  background-image: url(背景画像アドレス);
}

のようにしてやれば、
タイトルの背景が設定されますので、
文字として設定したい画像の方を文字だけで透過（GIF)で作成してやれば、背景の上の載せた形で文字部分の画像だけにリンクが張れます。
文字画像の位置づけは、

<img style="top:上の位置;left:左の位置" 後は同じ />

の様にしてやるか

<img id="TitleImage" 後は同じ/>

としておいて
スタイルシートで

img#TitleImage {
  top:上の位置;
  left:左の位置;
}

の様にして位置決めします。


も、同じようなやり方で
この方の場合は、リンクのある画像の方を、まるっきり透明にして背景の文字部分にかぶる部分に置いています。

１．まず、文字を画像に置き換えた画像を作成しアップします。
２．ファイルの管理からアップしたファイルのアドレスをメモします。
３．作業前に、カスタマイズ／管理でブログの保存をします。
４．
カスタマイズ／管理からデザインのカスタマイズで、トップページを選ぶ。
おそらく現状以下の様になっているはずです。

<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div>

その内容のうち

<$BlogTitle ESCAPE$>

の部分を画像に置き換えます。

<img src="メモした画像のアドレス" alt="AからZで" />

のようにする。
縦・横のサイズが既知なら

width="横幅" height="縦幅"

のように画像のサイズも含ませる(省略できます)
タイトルを画像に置き換えることができたので、
ブログの説明ですが、

<$BlogDescription$>

を単に削除します。
あと、保存して再構築（再構築はしなくてもよくなったんだっけ？）します。
トップページ以外のテンプレート（カテゴリとか月別・個別記事など）も同様にします。