Anime/Book/Game/Music/Sports/のMixture系Blog

FC2ブログのWeb拍手に,画像を追加する方法

わたしはSimpleCGIのWeb拍手をつかっています。
web拍手公式サイト

SimpleCGIのお礼メッセージ編集画面で,
<img src="【画像のURL】">
を埋め込んで,画像が出るようにしても,しばらくするとブログからWeb拍手ボタンを押しても,お礼画面で画像が表示されなくなります。

web拍手Q&A
これはここにあるように,FC2のサーバーが外部からの画像の直リンクを禁止しているからです。
Q&Aによると,IFRAMEタグを利用すると,画像表示させることができると。

詳しい手順は以下の通りです。
・使用したい画像だけが表示されるHTMLページを作る。
・web拍手の登録内容変更画面に入り、iframeタグを利用して先ほどのページを呼び出すように設定する。
尚、この方法は少し専門的なタグの知識が必要になります。
具体的な方法の解説はこちらでは割愛させていただきますので、がんばって調べてください。

と説明されていて,HTML初心者のわたしにはさっぱりわかりません。

ググって調べてみました。
きみょうな村人  Web拍手
FC2の無料サーバーを使っています。 web拍手を置いているのですが、FC2では拍手に... - Yahoo!知恵袋
ここにある情報を参考にして挑戦してみました。
わたしのPC環境は,OSがXP ブラウザーはIE8です。

まず,画像だけが表示される「HTMLページ」を作る必要があります。
ノートパッドを開き,

<html>
<body>
<img src="画像のアドレス" alt="画像の代わりに表示される文字" width=画像の幅 height=画像の高さ>
</body>
</html>


と入力し,名前をつけて保存で,ファイル名の後の拡張子をtxtではなくhtmlにして保存します。
そうすると,HTMLファイルが作成されます。
(alt="" と文字を表示させないなら空白でもOKです)

画像の幅と高さはアップロードした画像のプロパティから知ることができます。
(FC2のファイルのアップロードでアップロードした画像をクリックすると,ブラウザーが開きます。そのアドレスが「画像のアドレス」です。その画像を右クリックしてプロパティを見ると画像のサイズがわかります)

次にいま作成したHTMLページをFC2のサーバーにアップロードします。
アップロードしたものをクリックするとそのページのアドレスを知ることができます。

今度はSimpleCGIのお礼メッセージ編集画面で,このページを呼び出すようにします。
それをするためのタグがIFRAMEのようです。

<iframe src="先ほどアップした,HTMLページのアドレス" width=画像の幅+20 height=画像の高さ+20 frameborder=0 scrolling="no"></iframe>


と入力すると先ほど作ったHTMLページを表示することができます。
+20にするのは画像が欠けてしまうことがないようにするためです。

このような感じで画像を表示させることができます。
複数の画像を表示させるためには同じようにして繰り返す必要があります。
文字を入れたい場合は,このHTMLタグの下に文字を入力すれば表示されます。

わたしはHTML初心者なのでもっといい方法があるかも知れません。
一応できたので参考例にしてみてください。

追記に自分が作った例を載せておきます。

続きを読む

スポンサーサイト



2009-04-25 18:49 : Others : コメント : 0 : トラックバック : 0
Pagetop

アニメ ハヤテのごとく!! 第4話 「君は僕に似ている」 感想

バレンタイン,それは乙女たちの天王山,か弱い乙女心を後押ししてくれるイベント。ラブコメ回です。たくさんのフラグが立っているハヤテ。なぜタイトルがSEEDなのか。
Hayate ep4.mp4_000637428

続きを読む

テーマ : ハヤテのごとく!
ジャンル : アニメ・コミック

2009-04-25 19:23 : 終了アニメ : コメント : 2 : トラックバック : 15
Pagetop

アニメ 「涼宮ハルヒちゃんの憂鬱」 第21,22話&「にょろーん☆ちゅるやさん」 そのじゅういちっ 感想

丸鶴デパート屋上での熱血戦闘アクション。涼宮ハルヒの憂鬱Ⅳの長門vs朝倉に対抗したのでしょうか。
「涼宮ハルヒちゃんの憂鬱」第21話.flv_000004529「涼宮ハルヒちゃんの憂鬱」第21話.flv_000052278

続きを読む

テーマ : 涼宮ハルヒちゃんの憂鬱
ジャンル : アニメ・コミック

2009-04-25 20:43 : 終了アニメ : コメント : 0 : トラックバック : 9
Pagetop

09/4/25 Diary

09/4/25
今日のハヤテは良かったです。巡回していると1-3話は評判があまり良くなかったのですが,4話は高い評価をされていました。

今日注目した記事
basicchannel:みなとそふと「真剣で私に恋しなさい!!」 これまでの情報のまとめ
値段からすると2枚組みになりそうですね。今年一番の期待作です。

-アニメ関連
BONES NEWS: 劇場版エウレカ 上映館情報
せーにんの冒険記 劇場版『交響詩篇エウレカセブン ポケットが虹でいっぱい』 を見てきました
リンクさんの感想記事です。見に行きたいのですが・・遠すぎです。

今日もやられやく 『ハヤテのごとく!!』2期の時系列ってどうなってるの?
4話でヒナとハムが始めて出会っていました。

なぜ僕が「けいおん!」をすげー素直に楽しんでいるかについて | Half Moon Diary
素直に楽しめのが一番です。

今日もやられやく 『けいおん!』第4話で紬の別荘がある場所、別荘に向かう途中の鉄橋、澪と律が持ってた小物など
4/24 02:41に書き込まれているというのがすごいです。仕事速すぎです。

大炎上 | 『けいおん!』の無許可パチモン景品が早くも出てた
みおであるなら何でも良いです。

なぜ『けいおん!』第4話の脚本家に花田十輝先生が抜擢されたのか――ヤマカンと『らき☆すた』と『true tears』をめぐって - 反=アニメ批評
興味深い内容です。

まにあっくすZ 今日のMステでスタジオを凍りつかせた「けいおん!」
まだ時代がついてきていないのですね。
日笠陽子のひよっ子記:びくっ - livedoor Blog(ブログ)
唯の中の人も見ていたと。

【けいおん!】より桜が丘女子高等学校制服が登場!|コスプレ衣装販売のコスパティオ
誰か着てください。

映画『グレンラガン』本日封切り! 池袋には声優陣やしょこたんたちが登場!!
歌っています。

出演声優が糞認定していそうなアニメってある? カナ速
確かに種死についてはいろいろと声が。最近だとギアスのヴィレッタさんの人が。


-ゲーム関連
萌エロこむ ファミ通で『アマガミ』オリジナルストーリーを募集
新しく相互リンクに加わってくださったブログです。
読者からのオリジナルストーリーが。

萌エロこむ ゲーム世界と現実がリンク"する新技術!?「フェイストラッキング」システム
ゲーム世界と現実がリンクすると!?

れとろげーむまにあ: ギャルゲーでインパクトのあった料理TOP3
これはスゴイ。てっきり空鍋かと思っていたのですが,あれはアニメでしたね。

Shooting Stars☆ タユタマ -It’s happy days- OPムービー公開!
続編が出るのですか。アニメで知りました。

買 っ て 後 悔 し た ゲ ー ム カナ速
わたしはローグです・・・


-声優関連
声優警察第43回『07-GHOST』斎賀みつきさん
男前です。

釘宮理恵、田中理恵、伊藤静、 5/4のテレビ東京「アニソンぷらす」にゲスト出演 猫とネギま!と声優さん
ハヤテメンバーですね。

友永朱音-デスクのつぶやき
CMの収録があったと。

ぼくんちに、マツイヒデキ!?|浅野真澄オフィシャルブログ Powered by Ameba
松井選手が登場する絵本を出すと。

めぐぶろぐ: 楽シー企画
めぐぅさん,ディズニーシーについて熱く語っています。

手帳-*☆.Rina Diary.☆*
にゃんこ手帳です。

願望-マリナビ!
みなみけODAのアフレコがあったと。ODA?OVAのことでしょうか。

アニメ声優時々ゲ板 好きな声優を書くと誰かがオススメのアニメを教えてくれるスレ
なかなか渋いところをあげてくれています。


-本関連
オーバーに感想中 迷い猫オーバーラン! 4巻感想
リンクさんの感想記事です。速く読みたいのですが・・・

始まりは謝罪から アニメ化ですねー
バカテスの作者がアニメ化について語っています。作者美少女説が!!

マンガがあればいーのだ。 「けいおん!」がアニメ化したし、今面白い吹奏楽マンガについて語ってみようか。
以外にあるんですね。

風になびく黄色いリボン 『white clover~Itaru Hinoue Art Works』 通常装丁版として一般販売決定!
限定版よりだいぶ安くなっています。

Comic1☆3・参加情報です♪ | miety's LifeDiva
西又さん,P32のオールカラー本を出すと。欲しいです。

ハルヒ初画集 「いとうのいぢ画集 ハルヒ主義」発売 「これは売れる……」 - アキバBlog
ハルヒ主義 :: ひびつれづれ
のいじさんに届いたと。わたしには発売日が変更になったというメールが2日前に着たのですが・・・

ゆず屋: [フォント] 『文学少女』のロゴ
デザインを頼まれることが多いので書体欲しいのですが値段が高くて・・・

一冊限定!好きな本、紹介したい本:アルファルファモザイク
1冊となると難しいですが,これにしました。高校時代に何度も読みました。
長いお別れ (ハヤカワ・ミステリ文庫 (HM 7-1))長いお別れ (ハヤカワ・ミステリ文庫 (HM 7-1))
(1976/04)
レイモンド・チャンドラー

商品詳細を見る


少年ジャンプ 元・編集長「最近の漫画はコマ数が少なくて駄目。面白い漫画は100コマ以上あった」:アルファルファモザイク
64のコナンくんが凄い。


-その他
思わず読みたくなる!アニメや漫画の感想ブログの効果的なタイトルのつけ方 猫とネギま!と声優さん
リーダーズにたくさんの記事タイトルがアップされます。タイトルで読むかどうかを見分けているので大事ですね。

カオスな情報置場 - 2chコピペブログ管理人「アフィで稼げても月2,3万円程度。金だけならバイトした方がマシ」
険しい道なんですね。わたしはプレイしているものを紹介するために貼っています。

Interference? Lions Matthew Staffordとの契約が決定的に
NFLですが,ドラフト前に決まりました。明日の指名がどのように展開するのか楽しみです。


PDVD_000003.jpgK-ON ep4.flv_000438440
ハルヒ4話を見たらまたハルヒが見たくなりました。
更新しながら見ていたのですが,けいおんで出てきた海のカットがどこかで見たと思ったら,ハルヒの合宿の回でした。Airかなと思っていたのですが。でも並べると似ているけど違うような気も。

記事にもしたようにWeb拍手の画像が表示されなくなる理由がわかりました。
HTMLは難しいです。Chromeでも表示されるようになりました。

テーマ : ゲーム、アニメ、その他
ジャンル : ニュース

2009-04-25 22:41 : News&Diary : コメント : 0 : トラックバック : 0
Pagetop
ホーム

Profile

ジュンク

Author:ジュンク
「放置したり 忘れられたり あとは時々更新したり」

Calendar

03 | 2009/04 | 05
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -

Search

Counter