ゆーすけべー日記

はてなBlogってどーなの!?

お友達ブログバナー

自分でもいいのですが、友達のブログの最新記事情報を友達の写真と共に Flashのアニメーションで表示するバナーを作れるというものを作りました。

サンプル

自分で友達のバナーを作ることができます。 試したい人は試してみてください。ファイルこちらに置いておきます。→ FriendsBlogBanner1.1.zip

先日も紹介しましたが、たくさん並べると壮観です。 また、僕が所属する2つのコミュニティの「お友達ブログバナー」集へのリンク張っておきます。

先日はRSSのバージョンによって読めないブログがありましたが、今はほとんどのバージョンのRSSに対応しました。

以下にReadme.txtの内容を記載しておきます。

■ファイル
FriendsBlogBanner1.1.zipを解凍すると以下のファイルが出てきます。

FriendsBlogBanner.swf - Flashファイル
FriendsBlogBanner.html - HTMLファイル
gate.php - PHPファイル
config.xml - 設定ファイル
nophoto.jpg - 仮写真ファイル

■これは何か?
自分でもいいのですが、友達のブログの最新記事情報を友達の写真と共に
Flashのアニメーションで表示するバナーを作れるというものです。

■サンプル
試しにゆーすけべー日記を表示させるとこんな感じになります。
http://kamawada.com/~yusuke/yusukebe/archives/files/060118/FriendsBlogBanner_Sample/FriendsBlogBanner.html

■動作環境
PHPが動作するウェブ領域

■使い方
例えば、友達の誕生日に自分のブログにその友達の「お友達ブログバナー」を張るとかやると
新しい誕生日の祝い方になるかもしれません。ではそういうシナリオで使い方を説明します。

1.写真を用意する
友達の写真を用意しましょう。推奨サイズは120ピクセル×90ピクセルです。
jpeg形式にしてください。

2.設定ファイルを編集する
config.xmlを変更します。
メモ帳などのテキストエディタでファイルを開きます。
友達のブログのRSSのURLを
の間に記載します。
次にgate.phpのアドレスをの間に記載します。
これはファイルをアップするウェブディレクトリのURL+gate.php
というアドレスになると思います。これが間違ってると動きません。
次に友達の写真のファイル名をの間に
記載してください。

3.ファイルアップロードする。
ウェブ領域にファイルをアップロードします。

4.確認をする
FriendsBlogBanner.html
にアクセスして、友達の写真、ブログの記事が表示されていればうまくいっています。
表示されてなかったら設定が間違っていると思われます。

5.ブログにバナーを張る
いよいよ友達のブログバナーを自分のブログに張りましょう。
以下のタグをテンプレートとかに入れればOKです。

<iframe src="FriendsBlogBanner.html" name="banner" width="160" height="300">
</iframe>

FriendsBlogBanner.htmlのURLは自分の環境に合わせて調整してください。