BliogTimes第4弾として、バーコードタイプのBlogTimesを作ってみました。
ただ、単にバーコード形式で表示するだけでなく、線の色を虹のように変化させて表示をすることができます。しかも、虹が動くようにもなっています(笑)。名づけて、「BlogTimes Rainbow Type」です。
虹のように表示するだけでなく、通常の表示にすることもできます。色や大きさなどはカスタマイズすることができます。
また、エントリーの多い少ないで線の色に濃淡をつけて表示することもできます。
導入の手順は、以下の通りです。
プラグインのダウンロード
以下の2つのプラグインをダウンロードして、Movable Typeの「plugins」ディレクトリにアップロードします。
表示のカスタマイズ
こちらのページに接続すると、表示をカスタマイズするためのフォームが表示されます。
フォームで色等を指定して「サンプル/HTML/テンプレートを更新」ボタンをクリックすると、サンプルのBlogTimesと、そのFlashを出力するためのHTML、そしてデータ出力用のテンプレートが表示されます。
まず、Flash表示用のHTMLをコピーして、ご自分のBlogのテンプレートを開き、BlogTimesを表示したい位置に、コピーしたHTMLを貼り付けます。
データ出力用テンプレートの作成
次に、データ出力用テンプレートを作成します。
表示カスタマイズフォームのページにデータ出力用のテンプレートも表示されますので、それをコピーします。
インデックステンプレートを1つ作成し、名前と出力先ファイル名を「entrytime.txt」にします。そして、データ出力用のテンプレートを貼り付けて保存し、そのテンプレートを再構築ます。
Flashのダウンロード
BlogTimesを表示するためのFlashをダウンロードして、Blogのディレクトリ(index.htmlがあるディレクトリ)にアップロードします。
表示カスタマイズフォームのページで、ダウンロードを行うことができます。









コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
これもきれいですねー。
( ̄-  ̄ ) ンー 迷っちゃいますぅ。。。
こんばんは~。BlogTimesをRainbowタイプにしてみたのですが
背景を黒、バーを虹色にしたつもりなのに
背景が虹色、バーが黒になってしまいます。
あと、壱さんのように 虹色のバーの高さで
エントリーの多い、少ないをあらわすようにしたいのですが
どうしたらいいのでしょうか?
>さえらさん
こんにちは。
さえらさんのBlogは、どの時間帯にもほぼまんべんなくエントリーがあるので、バーで埋まって虹がほぼ全部表示されている状態です。背景が虹色になっているのではありません。
また、バーの高さでエントリーの数を表す方法は、今のところ公開していません。
後日公開したいと思います。
そうなんですね、バーをじっと見てて気が付きました。
黒いところが エントリーのないところなんですね。
虹色バーが太くなりすぎて 埋まっちゃったんだ・・・汗
どうもこれでは見た目に あたしが勘違いしたように
黒いところがバーに見えてしまうので、濃淡で
エントリーの多い、少ないをあらわすフラッシュに
してみようと思います。
はじめまして。リンク先のブログで素敵なブログタイムをつけていたので、私も是非と思ってきてみたのですが。。。今私が使っているブログサービスはライブドアブログですが、ここでもこのブログタイムは使えますか?
>ぱーちぇさん
こんにちは。
このBlogTimesは、Movable Type専用です。
申し訳ありませんが、ライブドアブログではお使いいただくことはできません。
先日設置後トラックバックさせていただきましたdotabatapapaです。
その際は,コメントありがとうございました。
さて,どうもうまく動きません。
というのは,エントリーが反映されていないのです。
どのようにすればよいのでしょうか?
初心者なので,何かが抜けていると思うのですが,
その「何か」がわからなくて困っています。
どうかよろしくご教示お願いします。
>dotabatapapaさん
こんにちは。
そちらのBlogを拝見しましたが、TimeCount.plとURLEncodeContainer.plのプラグインが動作していないようです。
プラグインが正しく設置できているかどうかをご確認ください。
また、プラグインに関して、何らかのエラーがログに残っているのではないかと思います。
その場合は、エラーのログをお送りください。
コメントに回答をいただいていたにもかかわらず,修正を怠っていました。教えてもらった通りでした。うまく動いています。ホントに初歩的なミスでした。丁寧に対応していただいて,感謝しております。今後ともよろしくお願いします。