blog@nero-8

１，ページを開きます

modmyprofile.com というサイトの、"Realtime Users Online Counter"のページを開きます。スクロールすると、下のような設定画面が出てきます。



２，色を決めます

三通りの方法があります。
・RGBで直接入力
・画面右のカラーピッカーで色を決める
・サンプルの色から選ぶ

配色の確認は、”preview”ボタンを押すと上部にあるカウンタの色が変わります。


３，ソースコード作成します

”Make my counter!”ボタンを押します。
Your Counter Code: の下にソースコードが表示されますので、これをコピーしてメモ帳などにペーストします。


４，ソースコードの修正をします。

作成されたコードでは、FireFoxでページ表示が壊れてしまいました。
このため、下記の通り修正します。

・作成されたコードの１行目と２行目の間に青文字の部分を追加します。

<div style="width:180px;text-align:center;">
<object width="180" height="60">
<param name="allowScriptAccess" value="sameDomain" />

・最後のほうにある、<br><a href…の手前に青文字の部分を追加します。

<embed src="http://web2. … getflashplayer" />
</embed></object>
<br><a href="http://www.modmyprofile.com/" …

下のソースコードが修正を加えたものです。
これをメモ帳へコピペして書き換えて使用したほうが早いですね。
・青：追加したコードです。
・赤：表示サイズが変更可能です。幅180：高60を３：１で修正します。
・緑：自分用のIDに変更します。
・橙：表示色です。作成された表示色の6桁の数字をペーストします。

表示の隠れた所にも修正がありますのでご注意下さい。
（改行修正してあります。）

<div style="width:180px;text-align:center;">
<object width="180" height="60">
<param name="allowScriptAccess" value="sameDomain" />
<param name="flashVars" value="myid=XXXXXX&mycolor=YYYYYY">
<param name="movie" value="http://web2.modmyprofile.com/flash/usersonline/uo.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://web2.modmyprofile.com/flash/usersonline/uo.swf?myid=XXXXXX&mycolor=YYYYYY" quality="high" wmode="transparent" bgcolor="#ffffff" width="180" height="60" name="uo" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed></object>
<br>
<a href="http://www.modmyprofile.com/" title="Free Online Now Counter" style="font-size:11px;">Make an Online Now Count</a>
<br>
</div>

この修正したソースコードを自分のサイトやブログのテンプレートに追加すればリアルタイムカウンタが表示されます。

ただしアメリカでのサービスのため、向こうの夜間帯＝日本のお昼過ぎは表示に重い事があるようです。でも逆に、日本の夜間帯はアチラの朝になるのでストレスなく表示されます。日本で使うにはこの方が良いですネ（笑）

どうぞお試し下さいマセ。