Movable Type 備忘録

 MovableType用占いランキングを表示してみる

  • Apr162006
  • Vote:
    http://bizcaz.com/archives/2006/04/16-002049.php
  • Categories: Customize
  • Tags:
  • Social Bookmark

ちょっとおもしろいプラグイン見つけちゃいました。
女性の人はもちろん、男性の人も占いを気にする人はいると思います。

ちなみに、わたしの家電占いでは「携帯電話」、山手線占いでは「田町」、六星占術では火星人の陽(+)です。

今日はMovableType(ムーバブルタイプ)で「本日の占いランキング」を表示させてみました。

今回参考にしたサイトはdark7.jp様です。

占いランキングを自分のブログに表示させるには、dark7.jpさんオリジナルの MTUranaiRanking プラグインを使用します。 このMTUranaiRankingプラグインは、livedoor RSSからデイリーな占い情報を取得しているのだそうです。

MTUranaiRankingプラグインの入手はこちらから▼
http://www.drk7.jp/MT/archives/000447.html

カスタマイズ方法

  1. MTUranaiRanking プラグインを編集します。
    まず、上記リンク先から MTUranaiRanking.zip という圧縮ファイルをダウンロードしてください。
    そして、圧縮ファイルを展開して任意の文字コードで保存可能なテキストエディタで開いてください。
    わたしはフリーのテキストエディタ EmEditor を使用しています。

    イメージファイルの保存先を編集しますが、例えば http://●●まる.com/image/fortune/ の中にアップロードする場合には、以下のように修正します。

    1. 77行目
    2. my $imgdir = $args->{dir} || "images/MTUranaiRanking/";
    3.                      ↓
    4. my $imgdir = $args->{dir} || "image/fortune/";

    青い字の部分を赤い字のように http://●●●.com/ からの相対パスで変更します。
    これは http://lala.com/images/ の中に MTUranaiRanking/ というディレクトリを作れるのであれば、特に変更する必要ありません。変更した場合は必ず EUC で保存してください。

    修正したらサーバーにアップロードします。
    いつものように、mt/plugins/ の中にアップロードします。 また、img/ の中味すべてを各自の環境に合わせてアップロードしてください。 ここでは http:/●●●.com/image/ の中に fortune/ ディレクトリを作成してアップロードしました。

  2. 次に、XML ディレクトリをアップロードします。
    XMLの中には Simple.pm と Parse/Lite.pm というファイルがあります。 これらのファイルを extlib/XML/ の中にそれぞれ同じ位置にアップロードします。

    これらのファイルが既にアップロード済でしたら、あらためてアップロードする必要はありません。
    わたしの場合は、既にアップロード済でしたのでアップロードしませんでした。

  3. 次に、LWP の中味を extlib/LWP/ の中にそれぞれ同じ位置にアップロードします。
    先ほどと同様に、既にアップロード済でしたらあらためてアップロードする必要はありません。

  4. 最後に、Jcode をアップロードします。
    extlib/Jcode/ の中に今までと同様にアップロードします。

    以上で MTUranaiRanking プラグイン のインストールは完了です。

  5. 占いランキングを表示するテンプレートを編集します。
    以下のコードを表示させたい箇所に追加します。

    1. <MTUranaiRanking oe="utf8">
    2.     1位<img src="<$MTimg1$>" width="32" height="32" alt="<$MTtitle1$><$MTdescription1$>"> /
    3.     2位<img src="<$MTimg2$>" width="32" height="32" alt="<$MTtitle2$><$MTdescription2$>"> /
    4.     3位<img src="<$MTimg3$>" width="32" height="32" alt="<$MTtitle3$><$MTdescription3$>">
    5. </MTUranaiRanking><br />
    6. <div class="posted">
    7.     素材:<a href="http://www.livedoor.com/rss/" target=_blank>livedoor(RSS)</a> / <a href="http://wing.zero.ad.jp/mopet/" target=_blank>snowflake(icon)</a>
    8. </div>

    紫の字の部分を各自のMovableType(ムーバブルタイプ)の文字コードに合わせて変更します。
    デフォルトでは euc ですが、sjis または utf8 を環境に合わせて変更してください。

    ちなみにわたしのMovableType(ムーバブルタイプ)では utf8 と変更しました。

    青い字が先ほどアップロードしたイメージファイルのURLとなります。
    ここでは http:/●●●.com/image/fortune/xxxx.gif と表示されます。ランキング 1 位~ 3 位まで表示されます。

    緑の字に 1 位~ 3 位の星座名がそれぞれ表示されます。
    ピンクの字には運勢が表示されます。

    赤い字の部分は削除しないよう注意してください。

  6. 後は、いつもの保存して再構築です。
    正しくイメージが表示されない人は、MTUranaiRanking プラグインを保存した際の文字コードが間違っていたり、イメージファイルのパスが間違っていたりしますので確認してください。

以上で、本日の占いランキングを表示させることができました。
わたしはプラグインをインストールしたはいいけどイメージが表示されず、ちょっと戸惑ってしまいました。

- 2006.04.24 追記 -

占いランキングが更新されていませんが、これは livedoor 側でランキング RSS が 2005 年 2 月で終了していたようです。
現在、dark7.jp さんの方で新しいものを試験運用中だそうなので、しばらくお待ちください。

- 2006.04.24 追記 -

dark7.jp さんのところで、新しい占いプラグインが紹介されました。
今度のは JavaScript で対応されていて、MovableType(ムーバブルタイプ)以外の人でも使えるようになりました。

まず、こちらのdark7.jpさんのところから占いプラグインをダウンロードします。
ダウンロードした圧縮ファイルを適当なフォルダに展開して、以下のファイルをサーバーにアップロードします。アップロード先はどこでも構いません。

  1. ・prototype.js
  2. ・xml2json.js
  3. ・Drk7jpUranai.js

次に、以下のコードを<head>~</head>の間に追加します。

  1. <script language="javascript" type="text/javascript" src="/script/prototype.js"></script>
  2. <script language="javascript" type="text/javascript" src="/script/xml2json.js"></script>
  3. <script language="javascript" type="text/javascript" src="/script/Drk7jpUranai.js"></script>

青い字の部分を各自の環境に合わせて変更します。
そして、占いを表示させたい場所に以下のコードを追加します。

  1. <div id="lurss_menu"></div>
  2. <div id="lurss"></div>

以上で、本日の占いを表示させることができました。
また、自分の星座の占いをデフォルト表示させたい場合には、Drk7jpUranai.jsの以下の行を修正します。

  1. 13行目
  2. var LURSS_DEFAULT_ID = 7;
  3. var LURSS_ID = 0;
  4. var LURSS_COOKIE_NAME = 'lurss_id';
  5.                 :
  6.                 :
  7.                 :
  8.                 :
  9. var LURSS_IDS = [
  10.     {'id':0 ,'title':'牡羊座'},
  11.     {'id':1 ,'title':'牡牛座'},
  12.     {'id':2 ,'title':'双子座'},
  13.     {'id':3 ,'title':'蟹座' },
  14.     {'id':4 ,'title':'獅子座'},
  15.     {'id':5 ,'title':'乙女座'},
  16.     {'id':6 ,'title':'天秤座'},
  17.     {'id':7 ,'title':'蠍座' },
  18.     {'id':8 ,'title':'射手座'},
  19.     {'id':9 ,'title':'山羊座'},
  20.     {'id':10 ,'title':'水瓶座'},
  21.     {'id':11 ,'title':'魚座' }
  22. ];

自分の星座に対応した赤い字の数字で青い字の部分を書き着替えて保存します。
そしてサーバーにアップロードすれば、デフォルト表示を自分の星座に表示させることができます。

SEE YOU

 Trackback Pings(1)

from 細木数子さん無料六星占術と情報館

【細木数子さん無料六星占術と情報館】です平成20年の運勢 火星人の運勢です

 Comments(0)

No comments found.

 Post a Comment

 

コメント用フィード