こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

FC2ブログに人気ブログランキングのバナーを貼りたい

同じような質問を見させてもらったのですが、上手くできないのでよかったら教えて下さい。

記事欄に「人気ブログランキング」に飛ぶようにバナーを貼りたいんですができません。
ここを参考にさせてもらって、やってみたのですが…。もう1度分かりやすく教えていただけないでしょうか?

投稿日時 - 2007-10-26 01:51:02

QNo.3461884

困ってます

質問者が選んだベストアンサー

HTMLタグで

<a href="ランキング投票用URL" target="_blank">
<img src="バナーのURL" alt="ブログランキング">
</a>

投稿日時 - 2007-10-26 02:17:12

補足

シンプルな回答ありがとうございます。
参考にさせてもらって無事にできたのですが、バナーの周りに青?紫っぽい枠がつくんですが、これってなんなんでしょうか?
何度もスミマセンが、教えていただけませんか?

投稿日時 - 2007-10-26 11:25:09

お礼

とても参考になりました。
無事、解決しました。ありがとうございました。

投稿日時 - 2007-10-27 02:07:55

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(5)

ANo.5

黒い文字にリンクを貼ると、
特別な装飾をしなければ青文字になります。

同じように画像にリンクを貼ると
特別な装飾をしないかぎり青い枠がついてしまうのです。

青いリンクは一度アクセスすると紫色に変わるように、
画像のリンクも一度開くと紫色の枠に変わります。

そのため枠をなくす必要があります。
#4さんの回答、または下記のような方法で装飾が可能です。

<a href="ランキング投票用URL" target="_blank">
<img src="バナーのURL" alt="ブログランキング" style="border-width:0;">
</a>

投稿日時 - 2007-10-26 22:51:02

お礼

回答ありがとうございました。
いろんなやり方があるのですね。とても参考になりました。

投稿日時 - 2007-10-27 02:36:48

ANo.4

#1さんの回答を借りて。

<a href="ランキング投票用URL" target="_blank">
<img src="バナーのURL" alt="ブログランキング" border="0">
</a>

「border="0"」を付ければ出てこなくなると思いますが。

投稿日時 - 2007-10-26 13:53:54

お礼

回答ありがとうございました。無事に解決しました。

投稿日時 - 2007-10-27 02:35:28

ANo.3

>>バナーの周りに青?紫っぽい枠がつくんですが~~
だけではどの様な状態かわかりません。

*貼り付けたタグを教えていただかないと、対処のしようがありません。

*タグの[個人コート]を適当な数字に変えてお願いします。

投稿日時 - 2007-10-26 13:30:31

お礼

説明不足ですみませんでした。
無事かいけつしました。詳しい回答をありがとうございました。

投稿日時 - 2007-10-27 02:09:07

ANo.2

ブログランキング.NETの場合
*ブログの管理画面にログインする
{http://blogranking.net/guide/log/eid8.html}
*人気ブログランキングの場合
リンク方法の確認 - ログイン
{http://blog.with2.net/how_to_link.php}

◆どちらにしても、管理画面からログインして[ユーザー専用のコードが入ったタグ]が必要です。
専用のコードタグと、ブログランキング専用の画像をアップデートして得られたタグ(ユーザーのブログURLなどのブログ情報)を組み合わせて使用します。

ブログランキング専用の画像はユーザーが管理画面にログインすると、[ダウンロードするURL]がありますのでそちらからダウンロードします。

◆トップページへのリンク:この例はくつろぐブログで紹介します。

<a href="http://kutsulog.net/index.php?id=12xx345" target="_blank">ブログランキング</a>

*上が個人タグとして:{http://www.ocn.ne.jp/keiba/image/datarobo_065-65.gif}が画像ファイルのURLとします。
上の二つを組み合わせると次のように為ります。

<p><a href="http://kutsulog.net/index.php?id=12xx345"><img height="99" alt="ブログランキング" src="http://www.ocn.ne.jp/keiba/image/datarobo_065-65.gif" width="99" border="0" /></a></p>

*width="99"は画像の幅サイズ::height="99"は画像の高さサイズ::src="は画像のURL"::a href="はリンク先のURL"::target="_blank"はリンク先ページを新しいウィンドで表示するタグ・今回は省いています。::index.php?id=12xx345"ここにユーザーのIDナンバーを書きます。::<p> </p>は段落を指定します。****

◇タグを検索できます。検索文字列に</p>のように入力して、検索すると</p>のタグの意味が解ります。

◇上記のサンプル画像データ(例:)のURLはデータロボサイトセブンの物です。テストは構いませんが、必ず変更して使用してください。

投稿日時 - 2007-10-26 02:47:44

補足

丁寧な回答ありがとうございます。
参考にさせてもらって無事にできたのですが、バナーの周りに青?紫っぽい枠がつくんですが、これってなんなんでしょうか?
何度もスミマセンが、教えていただけませんか?

投稿日時 - 2007-10-26 11:26:43

-広告-
-広告-

あなたにオススメの質問

-広告-
-広告-