プロが教えるわが家の防犯対策術!

関係ないかも知れませんが
OSはビスタでブラウザはFirefox3です

それでFC2ブログを始めたばかりなんですが
ネットやパソコンの知識は、ありますが
ブログやタグは初心者です

ただリンクと言っても
記事本文にURLを載せたり
名前をクリックしたらURLのページにアクセス出来る
リンクじゃ、ありません

簡単に言うと、知り合い等のブログを
出来れば画像付きのリンクとして表示させ
その画像をクリックすれば
その方のブログ等にアクセス出来る…そんなリンクです

分かり易く言うと
バナーの様な貼り方と言った方が正確かも知れません

それと余談なんですが、チョット確認して教えて下さい

それで、IE御使用の方に、御聞きしたいんですが
記事の中で、画像の表示は問題無いでしょうか?

この質問の意味は
私はFirefox使用と書きましたが
実は私もタグの勉強の為にと思い
レイアウトの為に、写真等の画像を多くアップしてます

ただ、先日たまたま気が付いたんですが
私のFirefoxでは、全ての画像が問題なく表示されます
しかし、IEに切り替えて表示させると
一部(?)画像が正常に表示されないんです
それが今回添付した画像です

そこで聞きたいんですが
皆さんのブラウザでは正常に画像表示が出てるでしょうか?
もし出てないとしたら、何が原因だと思いますか?

「FC2ブログでリンクを貼りたいです」の質問画像

A 回答 (5件)

その場合は、


<a href="相手のブログURL" target="_blank"><img src="画像URL"></a>で、新しいウィンドウで相手のブログが表示されます。
もし、同じウィンドウに表示したい場合には
target="_blank" → target="_self" に変えればOKです。

今、画像が貼り付けてある場合、
<a href="画像URL" target="_blank"><img src="画像URL" alt="画像の名前" border="0" width="画像サイズ横" height="画像サイズ縦" /></a>
となっているので、初めの”画像URL”だけを”相手のブログURL”に書き換えればOKです。


表示崩れについては、
IE8を使っていますが、パスワード承認がかかっていて、見る事が出来ません……

ちなみに画像の貼り付けは、FC2の記事編集画面のファイル管理(山のアイコン)で開いたウィンドウから「この画像で記事を書く」から貼り付けているのでしょうか?

この回答への補足

回答有難う御座います

ただスイマセン…これは私の解釈違いなのかも知れませんが
今回のリンクの方法は、私の書いた
「記事本文にURLを載せたり…」の方法でしょうか?
違ってたらスイマセン
もし、その方法だとしたら
記事本文の中には入れたくないんです

つまり、記事本文の中に
知り合い等のブログをリンクで載せたいんじゃなくて
記事以外の所に載せたいんです
その為にバナーという例えを出したんですが…

実際に例えると、この方は私と何の関連性も、ありませんが
この方のブログ
http://mai17.blog67.fc2.com/blog-entry-1097.html
で言うと、スクロールバーを真ん中位にスライドすると
左側の方に、書籍の紹介みたいな感じで画像が並んでます

こんな感じで仲間関係のブログをリンクとして貼りたいんです
従って、今回御紹介しいて頂いた方法でも良いとしたら
何処に、そのタグを入れれば良いのかが分かりません

最後に、画像に関しては
“記事編集画面のファイル管理…「この画像で記事を書く」貼り付けて…”
ハイ、その通りです

ただ、以前に他の方からも御指摘頂いたんですが
私自身は設定した記憶は無いんですが
どういう訳か、ブログにプライベートモードが設定してあり
現在は解除してありますから
多分見れると思うんですが…

補足日時:2009/07/31 10:33
    • good
    • 0

なるほど、勘違いをしていた様です。


申し訳ありませんでした。

サイドバーに画像付きリンクを貼りたいという解釈でよろしいでしょうか?
(例えば、FC2カウンターの下とか)
もし、そうでしたら
「プラグイン設定」 → 「公式プラグイン追加」 → 「フリーエリア」パーツを追加
画面が切り替わったら、下のほうにある「フリーエリア内容の変更」(空白の部分ですね)に、画像付きリンクのタグを貼り付けて下さい。

この説明で、分かって頂けるでしょうか?
プラグインをフリーエリアにすると、HTMLを使用出来るので、画像付きリンクも貼れます。


それと、ブログの画像はおかしくなっていました。
ソースを確認した所、画像の横幅の設定が【width=""】となっているのが原因と思われます。
どの様に画像編集をしているのか分かりませんが、私はなった事がないので、こちらの原因は不明です。

この回答への補足

回答有難う御座います
まず画像の件は、確かに、そうでした
この件を解説させて頂くと

実は画像の縮小設定の所で、タグの数字を変えたんです
その理由なんですが、アップしようとした画像が大きくて
サイズを合わせようとしたんですが
縦と横の比率を保ったまま
縦の長さに横を合わせたいと思ってたんですが

いちいち比率を計算して、横のサイズを出すのが面倒だったんです
それでフリーソフトを探してた所
ここのHP内で、タグの数字で縦を設定した後
横の欄を空欄に、すると横が自動で設定される…と聞いたんです

それで、横を空欄に、した所
今回の現象が出た訳です
一応、分かりました

それと、画像付きリンクの事なんですが
残念ながら反映されません

方法としては、試験的に
ここのブログをリンクしようとしました
http://stblog.stardust-web.net/hasebehitomi/
しかし、フリーエリアは入れましたが
フリーエリア内容の変更欄に、タグを入れたんですが
全く反映されないんです

正確に言うと、ブログ内に
「フリーエリア」の文字は追加されましたが
文字が出てるだけで何も変わってないんです
一応、タグを書かせて頂くと
<a href="http://stblog.stardust-web.net/hasebehitomi/rss/" target="_blank" title="http://blog-imgs-27.fc2.com/m/i/t/mitokohmon02/u …
を、入れました

補足日時:2009/08/01 02:04
    • good
    • 0

それはタグが「そのまま表示された」という事でしょうか?



もしそうでしたら、とりあえず落ち着きましょう。

自分の書いたタグを読み直して、文法がおかしいと思われませんか?

・相手ブログのトップにリンクする
・画像サイズは元のサイズで表示
なら、以下のタグで良いのではないでしょうか。
(文字化けしているので画像のファイル名などは確認して下さい)

<a href="http://stblog.stardust-web.net/hasebehitomi/" target="_blank"><img src="="http://blog-imgs-27.fc2.com/m/i/t/mitokohmon02/u … ></a>

※手持ちのブログで確認した所、
 リンクは上手くいきましたが、画像が表示されません。
 ちゃんとした画像URL(又はファイル名)に変えれば、表示されると思われます。
    • good
    • 0

URLで一部おかしい所があった(="が2つ連続になっている)ので、訂正します。



<a href="http://stblog.stardust-web.net/hasebehitomi/" target="_blank"><img src="http://blog-imgs-27.fc2.com/m/i/t/mitokohmon02/u … ></a>

この回答への補足

回答有難う御座います

まず前回の質問としては成功しました
前回の…と書いた理由は
実は、また問題が出たんです

私自身、書き忘れてたんですが
貼りたいリンクは1つではなく複数なんです
それで、現在は、まだ2つなんですが
このフリーエリアを追加しても
1つのエリアの対しては、1つしか反映出来ない様です

従って、現在は2つ目のリンクを
別のエリアを入れて表示してます

ただ、唯一出来る方法としては
「内容の変更」欄に直接タグを入れるしか無い様だと分かりました
それで、このまま方法を聞くだけでは
何でも聞いて…という事に、なると思い自分でも調べました

すると、こういうHPがヒットしたんですが
http://10plate.blog44.fc2.com/blog-entry-7.html
ここのタグを真似て、試験的に
<ul>
<li &align><a href="http://stblog.stardust-web.net/hasebehitomi/" target="_blank"><img src="http://blog-imgs-27.fc2.com/m/i/t/mitokohmon02/2 … border="0" width="80" height="100" /></a></li>

<ul>
<li &align><a href="http://yahoo.co.jp" title="ヤフー" target="_blank">ヤフー</a></li>
<li &align><a href="http://www.google.co.jp/" title="グーグル" target="_blank">グーグル</a></li>
</ul>

と入れました
その結果が、この内容です
http://mitokohmon02.blog93.fc2.com/

この表示の中で
画像をクリックするとHPにアクセス出来る様にしたいんですが
一番上の画像に関しては、出来てます

ただ、複数のリンクを貼るのに
「タイトル
画像
説明」
スペース
「タイトル
画像
説明」
という感じで、説明の後にスペースを空けて
縦に複数のリンクを並べたいんです

しかし、現時点では
タイトルを「プラグイン説明(上部)」に
説明を「プラグイン説明(下部)」に入れるしか出来ません
つまり、タグで表示出来ない為、分からないんです

それで、他にも色々調べたんですが
これ以上の事は分かりませんでした

補足日時:2009/08/01 15:01
    • good
    • 0

一つのフリースペースに並べるには、プラグインの説明は使わないで下さい。


「フリーエリア内容の変更」欄に

サイト1のタイトル
サイト1の画像リンクのタグ
サイト1の説明
</br> (もしくは改行)
サイト2のタイトル
サイト2の画像リンクのタグ
サイト2の説明
</br> (もしくは改行)
サイト3のタイトル
サイト3の画像リンクのタグ
サイト3の説明

数が増えた場合でも、同じように書けばOKです。
もし表示位置がおかしかったら
</br>
<p></p>
改行
などを使って調整して下さい。

この回答への補足

回答有難う御座います

チョット、タグの内容は違いましたが
<p>サイト1のタイトル</p>
<p>サイト1の画像リンクのタグ</p>
<p>サイト1の説明</p>
<p><br>
サイト2のタイトル</p>
<p>サイト2の画像リンクのタグ</p>
<p>サイト2の説明</p></br>

これで上手く反映されました(笑)

補足日時:2009/08/05 00:51
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!