ブログのヘッダー部分を変更したいのですが。

ブログのヘッダー部分にフラッシュで作ったバナー



をブログ



の説明部分と張り替えたいと思っております。

何か方法は無いでしょうか？
稚拙なブログ・バナーで申し訳ありませんが、アドバイスよろしくお願いします。

できますが少々問題があります。swf ファイルに初めからあなたのブログのトップページへのリンクが貼ってあれば問題ないのですが、設置するさいに swf ファイルにリンクを貼ることができず、トップページに戻る事ができません。初めからファイルにトップページへのリンクを貼った状態で作成して下さい。

また、見ていると動きのある swf ではなく、固定された画像なのですが、それならば通常の gif や jpeg でも良いのではないかと思うのですが ・・・。それならば画像全体にトップページへのリンクが後から貼れます。

もし、この画像が gif や jpeg ならばこれから説明する方法が変わります。swf ファイルを通常のやり方でトップに設置するとブログ表示が乱れます。とりあえず、今回の swf ファイルを設置する方法を説明します。

理画面に入って、カスタマイズ/管理 ＞ デザインの設定 ＞ カスタマイズ ＞ を順にクリックしていくと CSS と 4つ の HTML のページが出てきます。

今回は、その CSS と ４つの HTML 両方をカスタマイズします。まずそれぞれの HTML の以下の場所に swf ファイルを埋め込みます。↓

<div id="container">
-- ここです。この位置に書き入れます --
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>

そうするとこうなります。↓

<div id="container">
<embed width="776" height="200" src=" ;このブログのヘッダーはフラッシュを使用しています。見れない方は最新のフラッシュプレーヤーをダウンロードして下さい。</noembed><br><br>
<div id="banner">
<h1 class="blogtitle"><a href="<$BlogUrl$>"><$BlogTitle ESCAPE$></a></h1>

これで OK です。それぞれを保存。全て再構築をおこなって下さい。最初はうまくいくか様子を見るために、トップページだけに仕掛けたほうが良いでしょう。

次に CSS です。CSS の中の、#banner,#subbanner{ } の中にある、

background:url(http://parts.blog.livedoor.jp/img/usr/3c_orange/title.gif) repeat-x;

を削除。

そして、.blogtitle{ } と .description{ } の中に新たに display:none; と書き入れます。

これで CSS を保存。CSS の再構築を行なって下さい。ブラウザーを再読み込みすれば表示反映されています。