« 【FFXI】今年の目標 | Main | 【FFXI】スシってやるね »

January 10, 2005

【FFXI】ヴァナナビ

せりですこんにちは(´ー`)

ここでは、ヴァナナビ(Vana'naVi)についての設定方法を公開しています。

「ヴァナナビって何?」という方は、上記リンクを辿って下さると宜しいかと思います。
尚、携帯版がβ提供されているので、こちらも試してみては如何でしょうか。

続きの方で、ブログ(ココログですが)での設定方法を記述してみますので、ご参考ください。


--編集履歴--
2005/02/01---記事一部校正しました。
2005/02/10---記事一部校正しました。
2005/03/06---フラッシュファイルを差し替えました(2/24VU対応版です)
                      画像を差し替える場合のソースに変更しました。
                      記事一部追加しました。
2005/04/15---ココログのVUに対応しました。
                             「3.」の部分を追記編集してあります。
                      記事を一部追加しました。
                             「6.」の最後に追加してあります。
2006/01/17---ナビのサイズ変更について追加しました。
                      (ページ内検索で飛んでください)
                      全体的に読みにくいので多少校正。
2006/08/14---リンク先がおかしかったので修正。
                       フラッシュファイル置き換え。(でも表示してません)
                       一番下にサンプル設置。(上記理由により)


以下、ココログでの設定方法を列挙していきます。他ブログの方は、それっぽいやり方でいけると思います。

1.ヴァナナビからフラッシュファイルをダウンロードする。
ダウンロードしたファイルを解凍し、自PCの適当なフォルダにでも突っ込んでください。

2.ヴァナナビに記述してある制御ソースを、メモ帳などに貼り付ける。
これは、ある程度ソースの編集が必要な為です。

3.フラッシュファイルをココログにアップロードする。
フラッシュファイルは、拡張子が「.swf」のやつです。
日記書くときに出てるアイコン「ファイルの挿入」を押して、自PCに解凍したフラッシュをアップロードします。
※格納先はコントロールパネル→ファイル管理から確認できます。

※デフォルトは「files」のままと思いますが、任意に変更する場合は、以下の「files」という部分を、自分が指定したフォルダ名に変更する必要があるので、注意してください。

4.メモ帳のテキストを修正する。
フラッシュファイルの格納先が確認出来たら、メモ帳に貼り付けたソースを修正します。
ソースの
param name="movie" value="vananavi3.swf"

embed src="vananavi3.swf"
という部分の「vananavi3.swf」を、絶対パスで置き換えます。
絶対パスって何(´・ω・`)? と思われるかもしれませんが、ひとまずここは、

自分のブログアドレス + 格納先フォルダ + フラッシュファイル名と考えてください。

そうなると、僕のココログでは
http://serios.cocolog-nifty.com/diary/files/vananavi3.swf
となります。

編集が終わったら、全文をコピーしておきましょう。

※全文コピーは、ctrl+aで全文選択し、ctrl+cです。
※絶対パスの部分ですが、相対パスが分かる人はそれでもokです。

5.マイリストを作る。
マイリストはで作りましょう。
作れたら、タブメニューの「項目の追加」をクリック。小さいウィンドウが出てきますので、1行説明の欄に「4.」でコピーしたソースを貼り付けます。そのほかは空欄で構いません。

6.マイリストのレイアウトを行う。
ここまで出来れば、あとは作成したマイリストが表示されるようにすればokです。
マイリストの保存を忘れないように。

※テンプレート編集をした場合もそうですが、レイアウト関係で保存したものは、「デザイン」タブの「デザインを選択」ページの「反映」ボタンを押して、全ファイルを更新したほうが良いです。
トップページからしか出てこないという方は、この更新処理が完了していないと思われます。

こんな感じで設定できれば、晴れてヴァナナビが出てくると思います。もし、当ブログを見て「これじゃわかんねぇよ!!1」とか感じましたら、どしどしコメントもしくはメールを入れてください。(メールはプロフで公開してます)
多少説明不足かもしれませんので、逐一アップして行こうと思います。

ココログでは無い方には分かりにくいかもしれませんが、マイリストというのは、ブログにて自分で追加するリスト
(メニューのようなもの)の事です。
上で書きましたが、基本的なブログ仕様はどこも同じなので、そこら辺は対応してもらえるのではと思います。分からない場合は質問ください。
該当ブログでの設定が大きく異なる場合、そちらでもテストしようと思います。

見難いですが一応、僕が編集したソースを貼り付けておきます。
太字部分が編集箇所です。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
version= 6,0,29,0" width="182" height="265">
<param name="movie" value="http://serios.cocolog-nifty.com/diary/files/vananavi3.swf?bg1=http://serios.cocolog-nifty.com/diary/images/2005_m.jpg">
<param name="quality" value="high">
<embed src="http://serios.cocolog-nifty.com/diary/files/vananavi3.swf?bg1=http://serios.cocolog-nifty.com/diary/images/2005_m.jpg" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/
x-shockwave-flash" width="182" height="265">
</embed>
</object>

imagesの部分は、背景画像です。背景画像も指定したい場合は、「3.」のような方法で画像を配置しておけば良いです。
※ここでは見にくいので、コピペしてメモ帳などに張れば見やすくなりますよ(´ー`)

※サイズ変更について
元はフラッシュファイルなので、上記ソースの widthheight の値を変更する事で、任意のサイズにて表示する事が可能です。
と言っても限界はありますがw
元々の設定値で最適化されているため、あまりお勧めはしませんが、せっかく付けたのに表示が切れている方などは、この数値を変更(減少)してみて、ご自分のブログに最適な数値を設定してあげてください。
尚、上下や左右に、白い枠が余って表示されても泣かないように。
これはオブジェクトタグの表記サイズを変更するものなので、柔軟な対応とは言いにくいです。

つか、これ作ったの僕じゃないんでw

最後に、↓に表示してみます。

|

« 【FFXI】今年の目標 | Main | 【FFXI】スシってやるね »

Comments

おお!!。
これでやり方がわかったような気がします(´ー`)。
さすがですな!。

ファイルをアップロードして編集しないといけなかったとは・・。
有難う御座いますm(__)m。

Posted by: うぉん | January 10, 2005 at 12:45 PM

出来たみたいで良かった良かった(´ー`)

うぉんさんのは僕から見れないのが良く【わかりません。】が・・・

あれは元々ブログ用に作ってある訳じゃないから、
設定メンドクサイのが辛いところですな。

ファイル管理、もう少し柔軟にさせて欲しいわー

Posted by: 【せり】 | January 11, 2005 at 02:30 AM

やりかたわかったー
ワーイヽ(゚∀゚)メ(゚∀゚)メ(゚∀゚)ノワーイ

Posted by: 燃え尽きた黒葱 | February 01, 2005 at 07:41 AM

確認してきたけど、画像もオリジナルですなぁ(*´Д`*)

お役に立って何よりですよヽ(´ー`)ノ

Posted by: 【せり】 | February 01, 2005 at 10:24 AM

初めまして。
ココログをやってるモノです。
私も時計貼りたくて試行錯誤していましたが、
ココの説明を読み、めでたく貼ることが出来ました。
分かりやすい説明、ありがとうございました。
とりあえずお礼までm(__)m

Posted by: らくしゅみ | March 01, 2005 at 05:28 PM

>>らくしゅみさん

いらっしゃいませーヽ(´ー`)ノ

記事読んでくださってありがとです。
出来るようになったということで安心しました。
何かあったら連絡していただければ回答させて
頂きますのでよろしくお願いします。


また気軽に遊びに来てください(´ー`)

Posted by: 【せり】 | March 01, 2005 at 06:19 PM

初めまして。こんにちわ^^/

 The World Vana'diel(VanaNaviと同じFlash物のFF時計)というのを、以前私のブログに貼ろうとして失敗して、実はしばらく放置してました^^;;
 で、ここの記事を見つけまして参考にさせていただいたところ見事表示されました^^
 感謝感謝です(-人-)ありがとうございました。

Posted by: LTBlue | March 05, 2005 at 07:33 PM

>>LTBlueさん

初めましてこんにちは~

コッソリブログ拝見させていただいております(´ー`)
記事が役に立ったようで何よりですヽ(´ー`)ノ

The World Vana'dielも便利ですよね~
どちらを入れるか迷っていたんですが、結局Vana'naViになりました。
どうやら設定関連は同じようですね。

これからも日記楽しみにしております(´∀`)

Posted by: 【せり】 | March 07, 2005 at 01:00 AM

こんにちは。
最近時計とキャラステータスの画面をブログに置こうとしたのですが設定がさっぱり分からず困っていました。
困り果てて慣れない上級モードを使ってHTMLでページを編集しようとしたのですが、さっぱり・・・
そんな時このサイトを発見して、リスト機能で簡単に設置できることを知りました。お蔭様で既存のプレートを使いつつ、時計を設置することができました。ありがとうございます。
リスト機能を使うと、ブログペットやレンタルカウンターも設置できるんですね。今度試してみようと思っています。
この場を借りてお礼まで。

Posted by: 通りすがりのねこ | July 09, 2005 at 05:27 PM

通りすがりのねこ さんこんにちはヽ(´ー`)ノ

記事が役に立って何よりです^^
ブログによって色々と設定とかいじる必要はあるかと思いますが、
ブログペット、カウンター、解析などは全て同じ方法で設定できるので、
是非色々試してみてください。

質問等があればまた何時でもお越しくださいませ_(._.)_

Posted by: せり | July 10, 2005 at 07:42 AM

全くやり方解らなくて困り果てて掲示板に書いたら、こちらを紹介していただき、とても親切な説明で参考にさせていただきましたら設置することができました。
どうもありがとうございました_(._.)_
しかし、ウィンのアイコンの半分以上が切れ落ちてしまってます。なぜでしょうか?見ていただいて直せるようなら直したいです(>_<)

Posted by: casbal | January 13, 2006 at 02:37 PM

Casbalさま

いらっしゃいませ~
記事が役に立って何よりです。
っつーか放置してすいません_(._.)_

そちらのブログに、回答を書いてみました。
こちらの記事に対応するかは考慮中です。

しかしまぁ、掲示板で紹介されてたって、
何処のでしょうw
こっちのほうが気になります。

Posted by: せり | January 17, 2006 at 04:55 AM

回答いただき解決できました。
ありがとうございました_(._.)_
ちなみに掲示板はココログのサポ-トにある掲示板です^^

Posted by: casbal | January 17, 2006 at 06:29 PM

Post a comment



(Not displayed with comment.)




TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/48435/2523778

Listed below are links to weblogs that reference 【FFXI】ヴァナナビ:

« 【FFXI】今年の目標 | Main | 【FFXI】スシってやるね »