ブログのタイトル背景に他のサイトにＵＰした画像を表示したいのですが？

タイトル画像の差し替え自体はファイルアップロード＋ＣＳＳの編集で行えることは知っていますが、
javaスクリプトを使用し、動きのある画像をＵＰしたいと考えています。
ＣＳＳのページのjavaを記入しても変化はなく、他のサイトにＵＰしても読み込みがなされず、白く抜け落ちてしまいます。

どうすれば、下記ＵＲＬのようにタイトル画像をＵＰすれば良いでしょうか？


よろしくお願いします。

お使いのテンプレートでやってみましたが、上手くいきました（＞＜）

CSSの修正箇所はOKです

HTMLの
<div id="container">から<div id="blogcontainer">の間を、そっくり下と入れ替えてください

<div id="banner">
<TABLE background=" ;; width="767" height="155" border="0" alt="top1" hspace="5" class="pict" align="left" id="pict1" style="filter: alpha(opacity=0)">
<TBODY>
<TR>
<TD width="767" height="155">
<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div></a>
</TD></TR>
</TBODY>
</TABLE>
</div>



<SCRIPT language="JavaScript">
<!--
var kosa=0;
function alfilter(){
if ( kosa <=50 ) {
document.all.pict1.filters(0).opacity=kosa*2;
kosa++;
setTimeout("alfilter()",1);}
}

alfilter();
//-->
</SCRIPT>

そして保存し、全ページ再構築で反映されました

画像タグとjavascript構文を、スタイルシートではなくＨＴＭＬに書き込むと反映されます

スタイルシートで、タイトル部分（おそらく#banner,#subbannerなど）に当たるbackground:url()～;を削除


トップページ、個別記事ページ、カテゴリアーカイブ 、月別アーカイブの各ＨＴＭＬの、<div id="banner"> ～</div>の間に、
<IMG src=" ; width="767" height="155" border="0" alt="top1" hspace="5" class="pict" align="left" id="pict1" style="filter: alpha(opacity=0)">を挿入

<SCRIPT language="JavaScript">
<!--
var kosa=0;
function alfilter(){
if ( kosa <=50 ) {
document.all.pict1.filters(0).opacity=kosa*2;
kosa++;
setTimeout("alfilter()",1);}
}

alfilter();
//-->
</SCRIPT>

も挿入

保存し、すべてのページ再構築で大丈夫です
（実際にためしてみました＾＾）

ごめんなさい、少し修正

さっきのままだと、タイトルと説明文がはみ出てしまうので、その場合は
タイトル部分のタグを
<div id="banner">
<TABLE background=" ; width="767" height="155" border="0" alt="top1" hspace="5" class="pict" align="left" id="pict1" style="filter: alpha(opacity=0)">
<TBODY>
<TR>
<TD width="767" height="155">
<h1 class="blogtitle"><a href="<$BlogUrl$>" accesskey="1"><$BlogTitle ESCAPE$></a></h1>
<div class="description"><$BlogDescription$></div></a>
</TD></TR>
</TBODY>
</TABLE>
</div>
</div>


<SCRIPT language="JavaScript">
<!--
var kosa=0;
function alfilter(){
if ( kosa <=50 ) {
document.all.pict1.filters(0).opacity=kosa*2;
kosa++;
setTimeout("alfilter()",1);}
}

alfilter();
//-->
</SCRIPT>

こんなカンジにするとうまく収まります＾＾