シェアブログbaに投稿

メールでご質問頂きました　ブログタイトルを自作画像に変える方法です。

テンプレートによっても　いじる部分や　いじった事で
修正不能になる場合もあるので　必ず　いじる前には　複製（コピー）を　とっておいて下さいね。

手順１：ホームページビルダーで　
ウエブアートデザイナーを起動させます。
ブログタイトル文字を入れた　ロゴを作成します。
画像も　挿入できますので　あらかじめ　ファイルに
画像も　入れておくと便利です。作り終わったら
gifファイルかjpgファイルで　保存します

ホームページ・ビルダー11 通常版 ガイドブック付(半額キャンペーン) [79280]


↓

手順２：fc2ブログに戻って　ファイルのアップロードをします。
普通に　記事を書く要領で　ファイルをアップロードすると・・
画像のアドレスが　表示されます。

↓

<a href="http://blog-imgs-18.fc2.com/c/h/o/chokobank/bloglogo.gif" target="_blank"><img src="http://blog-imgs-18.fc2.com/c/h/o/chokobank/bloglogo.gif" alt="★ちょこっとブログ★初心者がアフィリエイトで稼ぐコツ" border="0"></a><br clear="all">

こんな文字列が出ますが
必要なアドレスは
この部分だけです

↓
http://blog-imgs-18.fc2.com/c/h/o/chokobank/bloglogo.gif


手順３：画像ファイルのアドレスを確認して画像のURL部分を挿入するだけです


テンプレートのHTMLで　以下の部分を見つけます。
テンプレートによって　違う書き方かもしれませんが。(^^;

↓
～
<h1><a href="<%url>"><%blog_name></a></h1> ～

↓

これを次のように書き換えます。


～
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像URL" border="0"></a></h1> ～


これで　バッチリOKのはずです


例

～
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="http://blog-imgs-18.fc2.com/c/h/o/chokobank/bloglogo.gif" border="0"></a></h1> ～






ただ　HTMLと　にらめっこして　この部分を探し出すのは
大変です

ブログのHTML編集で　検索する方法は・・編集画面で
キーボードの「Ctrl」と「F」キーを同時に 押して　検索ボックスを作ります

検索ボックスが出来たら
冒頭の探したいタグを　挿入してあげれば　

一発で探せます。青く反転するはずです。

<h1><a href="<%url>">を
検索すれば　良いという事ですね


ブログの仕様によっては　同じ場所に挿入出来ないかもしれないですし
本当はSEOから　すると　タイトルはロゴじゃない方が良いんですけどね。(^o^)ゞ
ま！色々いじって　破壊するのも１つの勉強かと思います

頑張って下さいね