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初心者なのでもっといい方法があるかも知れません。
一応できたので参考例にしてみてください。

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

<iframe src="http://blog-imgs-31.fc2.com/j/u/n/junkheadnayatura/Message2_1.html" width=340 height=234 frameborder=0 scrolling="no"></iframe>
<br>太陽が乾いている・・・・・・
<br> <br>
<iframe src="http://blog-imgs-31.fc2.com/j/u/n/junkheadnayatura/Message2_2.html" width=340 height=234 frameborder=0 scrolling="no"></iframe>
<br>トリャーーーーーァッ
<br> <br>
<iframe src="http://blog-imgs-31.fc2.com/j/u/n/junkheadnayatura/Message2_3.html" width=340 height=234 frameborder=0 scrolling="no"></iframe>
<br>ズタン。
<br> <br>
<iframe src="http://blog-imgs-31.fc2.com/j/u/n/junkheadnayatura/Message2_4.html" width=340 height=234 frameborder=0 scrolling="no"></iframe>
<br>Junk Head な奴ら のことをこれからもよろしくお願いします。
これからもWeb拍手を送って,管理人を幸せにしてやっておくんなまし・・・
<br> <br>
<iframe src="http://blog-imgs-31.fc2.com/j/u/n/junkheadnayatura/Message2_6.html" width=340 height=234 frameborder=0 scrolling="no"></iframe>
<br>ついでに一言あれば下のメッセージ欄から送ることができます。
Web拍手,ありがとうございました。
<br> <br>
<div align="right"> 09/4/1 Message 2</div>

関連記事
スポンサーサイト



2009-04-25 18:49 : Others : コメント : 0 : トラックバック : 0
Pagetop
コメントの投稿
非公開コメント

Pagetop
« next  ホーム  prev »

Profile

ジュンク

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

Calendar

05 | 2023/06 | 07
- - - - 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