@ SEO に疲れたら読む ブログ

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

1. [ ブログ・カテゴリー : ] スポンサー広告|
2. パーマリンク|
3. トラックバック(-)|
4. コメント(-)|
5. View blog reactions

うまく表示させられない場合もあったので、こちらのページで内容を見直し。 (2006.7)

---

---

お気に入りのフラッシュ猫。多くの無料ブログ（有料でも難しいかも知れない）では、画像のアップロードとかはできても、.swf (フラッシュ)ファイルまでアップロードできるところってかなり少ない。アップロードをＯＫしても表示させるためのタグとかを禁止しているスタイルになっている無料ブログが多い。

そんなこともあって、遊びとお勉強かねてフラッシュ猫を表示させるための簡単なタグを書いてみた（しろうとがつくったものだから、大したことはない）。

ところが、バナーのあるテストで、このFC2ブログの管理者ページで画像 (.gif)をアップロードしていて気づいたのが、管理者ページの左メニューの「ツール」の中に、「ファイルアップロード」というのがある。めったに画像なんかアップロードすることなかったのでよくみていなかったから今頃気づいたのだけれど、

（＊アップロードできるファイルは、250KBまでの拡張子jpg,gif,png,mid,swf,ico,mp3,html,txt,css,js,rdfです。）

ということで、かなり多岐にわたるファイルをアップロードできる。もちろんフラッシュ拡張子 .swf、またスタイルシート .cssやら、はっきり言ってすげぇ。

フラッシュ猫ちゃんを、FC2ブログにプロパーな形で設置する方法のひとつを紹介。いろんな方法があるけれど、一番気に入っている方法（要は簡単）。

アップロードするファイル

１）　猫ちゃんフラッシュファイル　拡張子：　.swf
２）　フラッシュ表示させるための外部JavaScript　拡張子：　.js

１）のフラッシュのファイルは、ここにマウス右クリックで「ダウンロード」してください。ダウンロードの仕方が分からないひとは、「はてな」とか「goo教えて」とか、あるいは単純にサーチエンジンでダウンロードの仕方を調べたり、聞いてください。　（ファイルへの直リンクはしないように）

２）フラッシュを表示させるための.jsファイルは、

パターン１　（例）　猫君だけを表示させるなら、

document.write("<object id='neko' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='130' height='200' align='middle'><param name='bgcolor' value='#FFFFFF'><param name='movie' value='cat.swf' /><param name='quality' value='high' /><embed src=cat.swf' quality='high' bgcolor='#ffffff' width='130' height='200' name='nev' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>");



パターン２　（例）　左側のような表示だと、

document.write("<table border=0><tr><td><object id='neko' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='130' height='200' align='middle'><param name='bgcolor' value='#FFFFFF'><param name='movie' value='cat.swf' /><param name='quality' value='high' /><embed src=cat.swf' quality='high' bgcolor='#ffffff' width='130' height='200' name='nev' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object></td></tr><tr><td align=center><a href=http://www.mukom.netfirms.com/nev.html target=_blank>neko</a></td></tr></table>");

＊重要　：　パターン２の場合は、.jsファイルをEUCで保存する必要がある。エンコード設定を含めて保存できるテキストエディタとして愛用しているのはMKEditor。

<a href=http://www.mukom.netfirms.com/nev.html target=_blank>neko</a> このURL部分を好きなURLに変えて、nekoのテキストも好きなテキストに変えるといい。

JavaScriptについて書かれたサイトでよく参照するブックマークは、del.icio.us/mukom/JavaScript。









.swfファイル、.jsファイルをアップロードしたあとは、

<script language="JavaScript" type="text/javascript" src="http://blog-imgs-31-origin.fc2.com/3/v/e/3ven/neko-text.js" charset="euc-jp"></script>

* .jsをノートパッドでつくった場合は、上のcharset="euc-jp"の代わりに charset="Shift_JIS" とすれば文字化けを回避できると思います。

をエントリーあるいは、メニューなどへいれるだけ。

[2006.5.23]

こちらにタグを貼るだけで猫をおける、というのをやっていましたが、最近異常にサーバーへの負荷が高くなったようでサイト自体が危うくなったことから、急遽中止としました。申し訳ありません。





.jsをどんなふうにするかは、最近人気の高いSkypeのページにあるPromote Skype with banners and graphicsなんてところで紹介されているものを転用したりするとか、ほかのパターンも探してみるともっとかっこよくできる。（Skypeって何？っていう場合は、Skypeでもしますか？あたりほかを参照）


このにゃんこフラッシュの設置方法の元祖、迷子の黒猫Maukieの設置法のページも参照されることをおすすめします。

　- - -

FC2ブログ

1. [ ブログ・カテゴリー : ] FC2ブログ関連|
2. パーマリンク|
3. TB:0|
4. Comment:11|
5. View blog reactions