FC2ブログの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>
- 関連記事
-
- 海外ドラマ フレンズやフルハウスのコンプリートDVD BOX が予約受付中 (2009/10/20)
- 「とあるブログ管理人の一日」 -Junk Head な奴ら 1周年記念テキスト (2009/10/02)
- オートアンカーでリンクを作成 / リンクの張り方を変更しました (2009/06/25)
- Craving Explorer で動画を保存 (2009/06/05)
- FC2ブログに youtube 動画を貼り付ける方法 (2009/06/04)
- No Title (2009/05/25)
- けいおん! 中野梓役,竹達彩奈さんの昨日のブログが10万アクセスを超える (2009/05/23)
- FC2ブログのWeb拍手に,画像を追加する方法 (2009/04/25)
- 海外ドラマの感想を書くこととアニメの感想を書くことについて (2009/02/06)
- ぽすれんのスタンダードコース:ご利用料金変更と3月以降のご利用コースについて (2009/02/06)
- 海外ドラマ クリミナル・マインド 第14話 「死刑へのカウントダウン」 感想 (2009/02/06)
- W05K 上り通信最適化ソフトウェア更新のお知らせ (2009/01/27)
- 最近Amazonの発送が早い件について (2009/01/22)
- DELL テクニカルサポートに電話してみる (2009/01/13)
- AVIをDVDに (2008/11/19)