shirokurok制作秘話 ブログパーツ編

さて、先日は時計のFlashの作り方を書きましたが、今度はそれをブログパーツとして公開する方法を。

1.ブログパーツ表示用JavaScriptを用意する。
内容は以下となります。（ファイル名はclock.jsとしました。）

var gsTickerSwf_AN = "swfファイルまでの絶対パス";

var gsTickerId_AN = "Ticker_AN";

MakeTicker_AN();

function MakeTicker_AN(){
var sTickerUrl = gsTickerSwf_AN;

var sHtml = "";
sHtml += '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="横のサイズ" height="縦のサイズ" id="' + gsTickerId_AN + '" align="middle">';
sHtml += '<param name="allowScriptAccess" value="always" />';
sHtml += '<param name="movie" value="' + sTickerUrl + '" />';
sHtml += '<param name="quality" value="high" />';
sHtml += '<param name="bgcolor" value="#ffffff" />';
sHtml += '<param name="wmode" value="transparent" />';
sHtml += '<embed wmode="transparent" src="' + sTickerUrl + '" quality="high" bgcolor="#ffffff" width="横のサイズ" height="縦のサイズ" name="' + gsTickerId_AN + '" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
sHtml += '</object>';

document.write(sHtml);
}

それをサーバーの任意の場所にアップします。

2.貼り付け用のJavaScriptを用意する。
先ほどアップしたJavaScriptファイルへの絶対パスを記述したタグを用意します。
内容はコチラ。

<script language=”JavaScript” type=”text/javascript” src=”http://shirokuro331.net/flash/blogparts/clock.js” ></script>

やる前は結構敷居の高いものかと思ってましたけど、やってることはFlashを実行させるJavaScriptをページ内のJavaScriptタグで実行させて表示させてるって感じですね。

これきっかけ発展したものを作っていきたいです。

参考にさせていただいたのはコチラのサイト。感謝！　＞＜
→フローティングブログパーツの作り方、こっそり教えます（前編）