May 04, 2008

携帯対応 (MT4i Ver.3)

080504_1.jpg
080504_2.gif


ブログの携帯対応を実施しました。

携帯対応のためのツールには、MovableTypeでの携帯閲覧を可能にする、最近Ver.3となった MT4i を使わせて頂きました。


携帯用のURIは、最後に「 i 」を付けて、
http://www.nero-8.com/blog/i/ ・・・となります。

このURIからの閲覧は、スパムコメント防止のためコチラを参考にさせて頂き、携帯電話以外の端末からのアクセスは閲覧制限を実施しています。


初期表示では最新記事のリストが表示され、任意のカテゴリへは上部リストから選んで閲覧が可能となります。またコメント送信が可能、そして記事内の画像はリンクとなり、リンクを開くと携帯幅へ縮小されてから送信されます。


このブログのカウンタやアクセス解析などは画像形式の記述で行っていますが、MT4iでは余計な画像を排除してしまうため、トップバナーの位置に埋め込みました。しかしこれも各記事を見る際には表示されないためトップページのみに反応する状態です。画像記述埋め込みエリアが作れると嬉しいですネ。

追記:080515
はてなブックマークに作者さま直々にコメントを頂いていたようで。。。恐縮です。

解析タグにつきまして、訂正致します。
上記取り消し部分はテンプレートではなくcgiファイルにタグを記載していました。
テンプレートへのタグ記載で問題なくタグ埋め込みができました。
この場をお借りしてお詫び申し上げます。
追記:終了

不具合などありましたら、何なりとお知らせ下さい。

November 20, 2007

配色自由なリアルタイムカウンタ (Flashウィジェット)



「今、何人の人が自分のサイトやブログを見ているの?」を表示するカウンタです。

たまに見かける機能ですが、数字が表示されてお仕舞い…というのが良くあるデザインです。しかしこのリアルタイムカウンタは、レベルメータみたいでちょっと楽しいデザインしてます(中の人、ずっと歩き続けてます・笑)。また配色も自由に設定可能で難なく設置できました。アメリカのサービスですが、色を決めて設定ソースをコピーするだけなので無問題(少し修正が入ります)、ユーザ登録も必要無いみたいです。本来はアメリカのSNS、myspace.com 向けのサービスのようですが、myspace 以外&ブログで複数ページに設置しても問題無く使用できました。

ではでは、設置方法です。


1,ページを開きます

modmyprofile.com というサイトの、"Realtime Users Online Counter"のページを開きます。スクロールすると、下のような設定画面が出てきます。

Realtime Users Online Counter

2,色を決めます

三通りの方法があります。
・RGBで直接入力
・画面右のカラーピッカーで色を決める
・サンプルの色から選ぶ

配色の確認は、”preview”ボタンを押すと上部にあるカウンタの色が変わります。


3,ソースコード作成します

”Make my counter!”ボタンを押します。
Your Counter Code: の下にソースコードが表示されますので、これをコピーしてメモ帳などにペーストします。


4,ソースコードの修正をします。

作成されたコードでは、FireFoxでページ表示が壊れてしまいました。
このため、下記の通り修正します。

・作成されたコードの1行目と2行目の間に青文字の部分を追加します。
<div style="width:180px;text-align:center;">
<object width="180" height="60">
<param name="allowScriptAccess" value="sameDomain" />

・最後のほうにある、<br><a href…の手前に青文字の部分を追加します。
<embed src="http://web2. … getflashplayer" />
</embed></object>
<br><a href="http://www.modmyprofile.com/" …

下のソースコードが修正を加えたものです。
これをメモ帳へコピペして書き換えて使用したほうが早いですね。
:追加したコードです。
:表示サイズが変更可能です。幅180:高60を3:1で修正します。
:自分用のIDに変更します。
:表示色です。作成された表示色の6桁の数字をペーストします。

表示の隠れた所にも修正がありますのでご注意下さい。
(改行修正してあります。)
<div style="width:180px;text-align:center;">
<object width="180" height="60">
<param name="allowScriptAccess" value="sameDomain" />
<param name="flashVars" value="myid=XXXXXX&mycolor=YYYYYY">
<param name="movie" value="http://web2.modmyprofile.com/flash/usersonline/uo.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
<param name="bgcolor" value="#ffffff" />
<embed src="http://web2.modmyprofile.com/flash/usersonline/uo.swf?myid=XXXXXX&mycolor=YYYYYY" quality="high" wmode="transparent" bgcolor="#ffffff" width="180" height="60" name="uo" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</embed></object>
<br>
<a href="http://www.modmyprofile.com/" title="Free Online Now Counter" style="font-size:11px;">Make an Online Now Count</a>
<br>
</div>

この修正したソースコードを自分のサイトやブログのテンプレートに追加すればリアルタイムカウンタが表示されます。

ただしアメリカでのサービスのため、向こうの夜間帯=日本のお昼過ぎは表示に重い事があるようです。でも逆に、日本の夜間帯はアチラの朝になるのでストレスなく表示されます。日本で使うにはこの方が良いですネ(笑)

どうぞお試し下さいマセ。

October 29, 2007

FEED機能を強化 (FeedBurner & ページ埋め込み型RSSリーダー)

FEED(RSSやATOM)機能について強化しました。

071029_1.jpg

FeedBurner

最近、RSSリーダーで記事を読む事がとても多くなりました(サイトには訪れませんがいつもしっかりと読ませて頂いております)。でもRSSリーダーで読むとカウンタは回らないし、アクセス解析も難しい…。
という訳で、RSSリーダーで読む際に必要なデータ=FEED(RSSやATOM)の購読はどれくらいあるのかな?というのが解析できたり、他にも便利な機能を色々と付加できるサービス: FeedBurner を使うことにしました。

このサービスを使う事で、上記のような事柄が解決できたり、XML形式で書かれているFEEDをこんな感じで整形表示してくれたりします。(これはこれで一長一短なのですケド)
追記:07.10.30
※当初FEEDを全文表示で始めましたが、RSSリーダーによって記事認識が不安定なものがあるようなので「続きを読む ≫」までの表示に戻しました。

…という事で既にRSSリーダでお読み頂いている方には大変申し訳ないのですが、RSS & ATOM のURL変更をお願いしなければならなくなってしまいました。。。今までのURLでも配信できるように設定済みではありますが、お手数でなければ下記の新しいURLでRSSリーダーに登録をお願い致します。。。m(__)m

 RSSリーダーで購読する


設置には下記のサイト参考にさせて頂きました。多謝であります:
Ogawa::Memoranda
caramel*vanilla


CANDY CGI - RSS reader Type1

追記:08.07.27
使用しているレンタルサーバがPHP5になり、下記「ページ埋め込み型RSSリーダー」(PHP4対応)が動作不可となった為、新たなモジュールに変更しました。
CANDY CGI さんの、RSS reader Type1 というCGIモジュールに変更しました。表示可能件数内に、1つのブログサイトで複数記事の投稿があると全て掲載されてしまうので、他の方の記事が排除されてしまいますが。。。現在の所致し方なし…という感じです。
ブログタイトルや、記事タイトル、記事要約の表示文字数が指定できるので便利です。

自立型のリーダーなので、このBlogが置いてあるレンタルサーバから各サイトへデータを拾いに行く事になります。現在は10分毎に更新していますが…その更新タイミングに当たると表示にちょっと時間が掛かりますネ。

でもこの待ち時間の間に、必死で新着を探し回ってくれてるのかと思うと暖かい目で見てられます。
…というか、どうぞ暖かい目で見守って我慢してやって下さいませ。。m(__)m



左サイドに設置してあるお友達新着記事のブログパーツを「ページ埋め込み型RSSリーダー」というものに変更しました。
今までPAIPOドリコムRSSのサービスを使ってきましたが、更新に時間が掛かるうえ夜間帯などは表示も重くなるなど難儀な面がありました。またドリコムRSSがリストに広告配信を開始したりと動きが出てきたので代替案を模索。
色々と検索していたら機能的にも充分で掲載遅延も遙かに少ない「ページ埋め込み型RSSリーダー」を見つけて使ってみる事にしました。

追記:07.10.30
現在配布中の2007/6/16のバージョンではExciteのブログなどが上手く取り込めないようですが、対策がコチラにありました。この記述を追加する事で不具合は解消しました。


また以前のドリコムRSS時はリンク先がBlogのトップページとなっていましたが、今回からは記事への直接リンクを開くようになりました。

これからはコチラの新着リンクから記事を直接読ませて頂きます。。。(カウンタ回しますデス!)

June 13, 2007

ブログパーツ「あわせて読みたい」

追記 07.09.26
「あわせて読みたい」の表示内容がこのBlogと関連の薄い記事ため、
このブログパーツは外しました。


新しいブログパーツ、「あわせて読みたい」をトップページに置いてみました。

これは、訪問された方が他にどんなBlogサイトを見ているのか参照されるものだそうです。詳しくはこちら、”あわせて読みたいについて”をご覧下さい。

※ブログパーツの上、タイトルの「あわせて読みたい」をクリックでブログパーツを隠せます。お好みで操作ください。

Cookieは使用してないみたいなので、どんな事になるか分かりませんが(フィードメーターとあわせて読みたいを使用している人のみで集計のようです)。。。使えるようなら存続、ダメなら削除。。。ちょっと置いてみますネ。


070614追記
なんか妙なタイトルのリンクがありますよ。。。
完全に人柱状態ですが、もう少し続けてみます。

January 23, 2007

写真記事をスライドショウに変更 (babi ver.4)

サーキット写真を載せた、多数の画像の載った記事をスライドショウ形式に変更しました。

使用したツールはコチラ。
Photo slide show 《babi》 Ver.4.0
※2007.03.06にて配布停止となったようです。詳しくはこちら

初回のみ上記サイトでindexページとxmlファイルを作成すれば、次回からはコピペで作れます。

試しで作ってみたスライドショウが下の画像をクリックで開始です。
クルマネタではありませんが。。。。自宅から徒歩5分内にある風景です。。。

babi

変更した記事は次の記事になります。
InterClub 06/3rd 写真 (AR Cup)
InterClub 06/3rd 写真 (Clubman他)
InterClub 06/3rd 写真 (耐久・GF)

これで写真管理と公開がラクになりましたー。

December 06, 2006

ブログパーツ追加 (つなビィ)

ブログサービスのつなビィという、写真と記事をブログパーツで載せられるサービスを追加しました。右上の写真がそれなのですが、マウスを写真に移動すると記事を読むことが出来ます。また、クリックでつなビィのサイトに飛んでブログが開きます。
※四角い枠内のタイトル"tuna.be"をクリックすると、閉じておくことができます。お好みで操作下さい。

ケータイからも投稿出来るので、日々の小ネタを掲載していきたいと思います。
こちらもどうぞご贔屓に。。。m(__)m

 1  |  2  |  3  | All pages