番外編:Flash時計 フラクロ(フラッシュクロックコレクション)

Flashのレンタル時計は、よいデザインのものばかりでブログには置きたいアイテムなんだけど、設置したとたん、なんかブログの表示が遅くなった・・と感じることも。

そんな時にはダウンロード版を検討してみては?!
もし、あなたのブログが画像だけでなくFlash形式のファイル「.swf」をアップロードできる場合は、レンタルでなく、直接自分のブログにお持ち帰りする手もあるのだ。
無料ブログではここブログFC2BLOGSeesaaBLOGOCNブログ人ココログぐらい?有料版だとアップロードできるブログがライブドアブログかな?他にもあったら教えてください。
要は画像ファイル「.jpg や .gif」をサーバーにアップするのと同じ要領だから、慣れれば簡単。探せば自分好みのひとあじちがう素材をブログに貼れます。表示も早いし、いうことなし♪

[2006/10/05追記]背景画像を自分で用意したものに変更できるうっとりタイプが登場してますね!ここのサンプルも遅ればせながら張替えしました。もちろんFC2ブログでも設置可能です。(説明を追加しています。欄外参照)

 
フラクロ(フラッシュクロックコレクション)
種類は数え切れないほど。しかも月1程度で更新中!
ユーザー登録 不要。再配布はもちろん禁止です。詳しくはサイトの利用規約を。
難易度 慣れれば普通
タグの種類 Object、Embed
設置方法
  1. 素材ダウンロード
  2. 解凍(Windowsの方でzipファイルがうまく開けない場合は[+Lhaca]などの圧縮・解凍ソフトを入れてみよう。)
  3. 無事解凍できたらswfファイルをブログにアップ(そしてアップした場所をメモ)
    ※背景画像がある場合はjpgファイルも一緒にブログにアップしてください
  4. htmlファイルをメモ帳などで開いてコードを編集(アップしたファイルの場所をhttp://ではじまるアップした場所に書き換え。swf部分2箇所)→ ブログに貼り付ける
サイト クロベーのフラッシュ・クロックコレクション

ダウンロード版では、他にも有名どころのFlashbucksさんなど。こちらはフォトアルバムなど、他の素材も。おすすめです。

主にFC2ユーザー向けですが、もうちょっと具体的な説明は続きをどぞー。

まず変更しないと表示されない大事なところが2つあるですよ。(FC2は変更必須。ブログによっては変更なしでいけるところもあるかも)ここでは仮にファイルの名前を「test.swf」という名前にしておきます。

  • test.swf(仮の名前)や背景画像のjpgファイルのアップロードが無事すんだら、FC2の場合は「このファイルで投稿する」ってやると以下のようなタグが表示されます。
    <a href="http://blog.fc.com/s/satokoto/file/test.swf" target="_blank">test.swf</a>
  • ここで大事なのは青文字部分。ずばりこれがFlashファイルの場所です。この情報が欲しかっただけなので、これだけメモ帳とか、メールとか何でもよいのでコピーしておきます。
  • 次はブログで表示させるFlashファイル特有のタグの変更。
    普通、Flash素材をダウンロードするとindex.htmlだとか、sample.htmlなどHTMLファイルが付いていると思うので、メモ帳などで開いてください。
    で、「.swf」をさがしてみましょう。普通は2箇所見つかります。
  • <PARAM NAME=movie VALUE="test.swf">
    <EMBED src="test.swf" ・・・途中省略・・・>
    ↑説明:この「test」部分はダウンロードしたファイルによっていろいろ変わります。

    ここを自分のFlashファイルの場所に書き換えます。
    <PARAM NAME=movie VALUE="http://blog.fc.com/s/satokoto/file/test.swf">
    <EMBED src="http://blog.fc.com/s/satokoto/file/test.swf" ・・・途中省略・・・>

  • もう一息。あとはブログに<OBJECT・・・途中省略・・・/OBJECT>までを貼り付けて、終了~。(htmlファイルの中にここから・・・ここまで・・・など、表示がある場合は、その指示に従ってください)
  • これで、表示できるはず。FC2の場合は記事の詳細設定、「テキストフォーマット」の欄のチェックを「HTMLタグのみ」としないと、表示がくずれることが多いかも。

え?サイズがでかい??
その場合は、WIDTH、HEIGHTを先ほどのHTMLファイルの中から探してください。こちらもそれぞれ2箇所見つかります。
それぞれタテ、ヨコなので、もともとある縦横比を変えないように変更します。
例)WIDTH="200" HEIGHT="100" → WIDTH="100" HEIGHT="50"

背景画像が表示されない?
そうなんですよ。FC2の場合、背景画像があるタイプの時計は、上の方法で設置しても背景画像だけが表示されません。他のブログでも、もし背景画像が表示できない場合は
1.別にhtmlファイルを作って
2.その中に上記のタグを貼ってブログにアップ
3.最後にiframeというタグを使ってブログに表示させる必要があります。

で、こういう場合に使える汎用のHTMLファイルも作りました。リンクを右クリックしてご自分のパソコンにいったん保存して、Windowsならスタート→プログラム→アクセサリ→メモ帳で「開く」でこのファイルを開いて、タグをピッと貼って、ブログにアップして、アップした場所を上のiframeタグに書き込んで設置すれば、FC2なあなたも簡単。(の、わりには説明長い)

こっちはiframeタグサンプル。横はwidth、縦はheightの値を適宜調節してご使用くだされ。

背景画像を自分の好きな画像に置き換えたい?
こっちは簡単。お好みの画像を、もとあるファイルの名前と同じ名前に変更してブログにアップするだけです。

ながながと、お疲れ様でした~

Flashファイルをブログに載せるには、こういう作業があるよってな感じで書いているので、ブログの違いやダウンロードしてきたファイルによっていろんなケースが考えられます。
詳しくはダウンロードするサイトの説明に素直に従ってくださいまし。(おぃ、結局は丸投げかよ、とか言わないでね)

同じFC2ブログユーザーさんだったら多少のサポートできるかも
できなかったらごめんなさい
関連記事
  • このエントリーをはてなブックマークに追加

みんなの声

立て続けにコメすいません。
あまりにも感動的な新しい時計との出会い。
+。:.゚.:。+(人-ω-。) 。.:。+゚圉゚+。:.。
しか~し!ブログ初心者ぺーぺーな私がここまで出来るか??!という課題がありました(〃_ _)σ゛イヂイヂ・・・
長い目で設置に挑み続けます!
しかし、ブログパーツは私の睡眠時間を奪いまくりですぁ。。。

  • ちこ
  • 2005.06.16
  • Thu
  • No.73

ちこさんは同じFC2ユーザだし、ここの、この時計?素材?が欲しいっていってくれればウゴツールのお礼もかねて、もっと簡単な形でサポートさせていただきますよ♪

どーぞご遠慮なくお申し付け下さいまし。

  • satokoto
  • 2005.06.17
  • Fri
  • No.78
  • edit ]

コンバンワ~!
satokotoさん!なんと暖かいお言葉!!(。´Д⊂) ウレシナキ
私、そんなお世話などしておりませんョ~。いやはやそう思ってくれるなんて…。
恐縮で縮みっぱなしです。。
でもちょっと努力してみる事にします~♪
丁寧なサポートもあることだし☆
行き詰ったらその時は駆け込んできますので((((((o_ _)oざざぁ~☆
宜しくです♪

  • ちこ
  • 2005.06.17
  • Fri
  • No.80

思わず駆け込みそうになりましたが、(index.html等をメモ帳などで開く、の部分・汗)なんとかかんとか設置できました!
もぅ~っっ!!本当に嬉しくて楽しくて、TBした上にご報告にきちゃいました!
一つ質問なのですが、時計をセンターに持ってこれてますよね?
これ、どうやってるんでしょう。
サイドバーに設置した時計もなんか端に寄っちゃうし。
サポートページ読んでるんだけどなぁ。
とにかく!ありがとうございました!

  • ちこ
  • 2005.06.17
  • Fri
  • No.81

こちらこそ♪いやぁ早い設置でしたねー!

早速ですがセンターに寄せるのは簡単です。中央に寄せたいものをごそっとdivタグで囲むだけ♪

<div align="center">

<OBJECT・・・今回設置した時計のタグなど・・・/OBJECT>

</div>

  • satokoto
  • 2005.06.17
  • Fri
  • No.82
  • edit ]

感謝感激雨あられ!!です!

綺麗に直った~っっ!!
いやぁ、自宅でパソコンセミナー(レクチャー?教室?)受けているような気分です♪
なんか嬉しいなぁ・・・♪
他のブログ初心者にはコメント欄で展開するの勿体無いような内容ですよね~。
また何かありましたらよろしくお願い致します!!

  • ちこ
  • 2005.06.17
  • Fri
  • No.83

もったいないなんて、もったいない。
いいんですよー。今日はゆっくりしてたし。

あたしゃ今、どこかと申しますと

・・・会社です(笑)
さー、あと20分で今週もおわり♪

  • satokoto
  • 2005.06.17
  • Fri
  • No.84
  • edit ]

はじめまして!ちこさんのブログにあった時計がステキ!と思い、おじゃまいたしました。
先ほど、なんとか設置完了しました。
もし、「こうしたらいいのでは?」ということが見つかりましたらぜひ教えていただければ幸いです!

トラックバックもさせていただきました。
またお世話になると思いますのでよろしくお願いいたします♪

  • ながつきちはや
  • 2005.06.19
  • Sun
  • No.90

>ながつきちはやさん

こちらこそ、はじめまして♪
そちらにもお邪魔させていただきました。

実は、この左っ側の時計、ありそでない感じで、がっつりひとめぼれ。だからここにも番外でむりやり掲載することに(笑)

ひとめぼれ仲間が増えてほんと嬉しいです。これからもどうぞよろしく♪

  • satokoto
  • 2005.06.20
  • Mon
  • No.91
  • edit ]

swf???

こんにちは。
クロベさんの時計をダウンロードしました。
解凍しなくちゃいけないと教わり、初解凍。
表示はできたのですが、動かなくて、立体でもなく。
swfが必要なのでは、と教わったのですが
swf???という状態です。
難しそうだから、解凍も避けて通ってきたのですが。。。
ココログフリーです。

  • kahiro
  • 2006.11.05
  • Sun
  • No.2663
  • edit ]

satokoto

解凍は無事できたんですね?
swfファイルというのは、解凍してできた test.swf
というように、拡張子の名前になります(ファイルの種類)。解凍してできたファイルが test というように見える場合は、お使いのパソコンが「拡張子を表示しない」という設定になっているのではないかなーと思います。
(test というのは仮の名前です)

わたしはココログフリーユーザーではないので、中の機能はよくわからないのですが、test.swf でも test でも解凍できているのであれば、ともかくそのファイルをブログにアップしてみてください。
このファイルはアップロードできません、といわれればswfファイルを設置できないブログということになります。

設置方法などは詳しく説明しているのでもう一度読んでわからない部分を教えてください。

  • kahiroさんへ
  • 2006.11.06
  • Mon
  • No.2665
  • edit ]

無理ですか?

有難うございます。

解凍して
flaclo_105 back
300×300
JPEG イメージ
とテキストが現れました。
ココログサポートにあるように、JPEGなので
記事作成で画像挿入でアップロードしたら
↓HTMLが現れました。

<a href="http://gooa.cocolog-nifty.com/photos/uncategorized/flaclo_105_back_3.jpg"><img alt="Flaclo_105_back_3" title="Flaclo_105_back_3" src="http://gooa.cocolog-nifty.com/blog/images/flaclo_105_back_3.jpg" width="100" height="100" border="0" /></a>
これをサイドバーに表示するために
メモリストのメモ欄に貼り付けました。
どうもtest.swfもswfもないようなのですが。。。
すみません。前回アドレス書くのを忘れてました。
設置できないのでしょうか?

  • kahiro
  • 2006.11.07
  • Tue
  • No.2671
  • edit ]

satokoto

test.swf は仮の名前なんです。(一応書いてますがわかりにくかったかな・・・)いま貼り付けているのは、背景画像に使用するファイルなので、背景だけが表示されている状態ですね。

設置できるか設置できないかは、お使いのブログサービスによるのでご自分で調べていただきたかったのですが、ちょっとココログさんのサポートをのぞいてみました。
結果から言うと、ココログフリーユーザーさんはフラッシュファイル(swf)はアップロードできないので、この時計は設置できないようです。

ココログサポート:使い方ガイド(2.画像のアップロード)
http://support.cocolog-nifty.com/howto/2006/03/post_698a.html
「アップロードできるファイルは jpeg、gif、png の3種類です」とありますので、swfファイルはアップロードできないということになります。

残念ですが結果も出てしまったのでここまでで勘弁してください。

  • kahiroさんへ
  • 2006.11.07
  • Tue
  • No.2672
  • edit ]

残念

有難うございました。
フリーなので無理かと思っていたのですが、swfがよく飲みこめてなかったのと、背景画像が、jpegでアップできたもので、大丈夫かと思ってしまいました。
ご迷惑おかけしました。

  • kahiro
  • 2006.11.08
  • Wed
  • No.2679
  • edit ]

satokoto

いえいえ、わたしのほうこそ拡張子(swf部分)は表示されない設定の方が多いようなので、少し説明がわかりにくかったんじゃないかなと思います。ごめんなさい。(以後もうちょっと気をつけます)

  • kahiroさんへ
  • 2006.11.09
  • Thu
  • No.2686
  • edit ]

またすみません。

こんにちは。
また来てしまいました。大丈夫です。
前よりはましのはずです。


<EMBED src="http://gooa.cocolog-nifty.com/flaclo_105_060212.swf"wmode="transparent" width="175" height="175">
<a href="http://gooa.cocolog-nifty.com/photos/uncategorized/flaclo_105_back_2.jpg"><img alt="Flaclo_105_back_2" title="Flaclo_105_back_2" src="http://gooa.cocolog-nifty.com/blog/images/flaclo_105_back_2.jpg" width="175" height="175" border="0" /></a>

メモ欄に貼り付けました。
その下に
背景画像は記事作成の画像でアップしたものを
貼り付けたら、2個時計ができてしまって。
背景画像もいるんですよね?

  • kahiro
  • 2006.11.15
  • Wed
  • No.2711
  • edit ]

satokoto

swfファイルアップできたんですね!
解決済みのようですね。ファイルはjpgもswfも必要ですが貼り付けるタグはembedだけで大丈夫です。

  • kahiroさんへ
  • 2006.11.15
  • Wed
  • No.2712
  • edit ]

どうやって

こんにちは。
画像のまわりの白い部分、
どうやって消すのですか?

  • kahiro
  • 2006.11.20
  • Mon
  • No.2733
  • edit ]

satokoto

もともと配布されているjpg画像が白い背景なのでそういう仕様です。kahiroさんのような濃い色のテンプレートの場合は、時計の形が丸型ではなく、四角のタイプを選べば気にならなくなります。

このパーツは番外編で少し難易度が高いので、お役に立てればということでサポートさせていただいてますが、ある程度の時間は割いてお答えしてきたと思います。これ以降の質問はご容赦ください。

  • kahiroさんへ
  • 2006.11.20
  • Mon
  • No.2734
  • edit ]

分かりました。
有難うございました。

  • kahiro
  • 2006.11.22
  • Wed
  • No.2737

コメントを投稿する ▼

パスワードを入力しておくと、後で投稿の修正や削除ができます。
 非公開コメントとして投稿する。

トラックバック

FC2ブログユーザー限定トラックバック&記事作成便利リンク

時計の変更~♪2度目だわ。。

以前設置していたのが左のお花の形をした時計で新たに設置したのが、右のなんとも涼しげな時計。ひと目見て気に入っちゃったの♪設置の仕方をとても分かりやすく解説してくれてます!勿論、左のお花の形をした時計もあるよ♪興味のある方は是非!ブログパーツをさがせその他

The waning moon 2005.06.17

時計設置!!!

ふ~ぅ (´Д`)「時計、設置してみたいな~」とおもっていたながつき。メロパーからちこさんのブログ「The waning moon」に辿りついたのですが、ステキなFlash時計がそこに!これまたどこから?とおもってブログを拝見していたらブログパーツをさがせというブログがおスス

ねごと 2005.06.19