Twit-Tickerをヘッダに表示させたいのだが･･･

Twit-Ticker をヘッダ画像の下に表示させようと頑張ってはいるのですが・・・

まぁ、記述は

<div id="twit-ticker"></div>
<!-- Twit-Ticker -->
<script type="text/javascript"><!--
var twittickerAccount = "alias1206";
var twittickerCount = 10;
var twittickerWidth = 600;
var twittickerHeight = 18;
var twittickerScrollSpeed = 20;
var twittickerColor = "db09db";
var twittickerBackground = "fabef6";
//--></script><script type="text/javascript" src="http://twit-ticker.usagifrask.com/twit-ticker.js " charset="UTF-8"></script>

と、javascriptなわけで、これを本文CSSに対応させられるだろうか？とフリープラグインに

<script type="text/javascript">
(function() {
var codes = document.body.innerHTML.match(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>((.|\n)*)<\/pre>/gi);
if (codes == null) return;
for (var i = 0; i < codes.length; i++) {
eval(codes[i].replace(/<\/pre>/i, "").replace(/<pre [\w\s:;"=]*class="?eval"?[\w\s:;"=]*>/i, ""));
}
})();
</script>

と、これでjavascriptを記述できるようになったのか？と

/*■フレーム - 基本設定 - スキン基本設定*/
・・・・・・
#wrap{
width:800px;
}

の下にまず

/*--メニュー差し込みの空白設定--*/
#wrap{
margin-top:30px;
}

でとりま30pxのスペースを空けてから

<!-- Twit-Ticker -->

<div id="twit-ticker"></div>
<pre class="eval">

<!--
var twittickerAccount = "alias1206";
var twittickerCount = 10;
var twittickerWidth = 600;
var twittickerHeight = 18;
var twittickerScrollSpeed = 20;
var twittickerColor = "db09db";
var twittickerBackground = "fabef6";
src="http://twit-ticker.usagifrask.com/twit-ticker.js ";

charset="UTF-8";

//-->

</pre>

と入れてみるも、どこ～～～？

いや、何かが違うんだきっと･･･。

誰か教えてください。

きっとすげぇ初歩的ミスか根本的なミスをしているに違いない･･･。

すると、CSSはCSS、jsはjsというご指摘を受け、プラグインの記述も記事内でしか

有効にならないということをお知らせいただきました。

じゃぁ・・・どうすれば希望の場所に表示できるのだろうか？

よく参考にさせていただいております。