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

質問

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

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

回答No.1

xenotactic · ベストアンサー

HTMLタグで

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

お礼

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

補足

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

回答No.5

xenotactic

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

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

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

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

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

お礼

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

回答No.4

Muller3

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

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

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

お礼

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

回答No.3

maoo2022

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

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

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

お礼

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

回答No.2

maoo2022

ブログランキング．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はデータロボサイトセブンの物です。テストは構いませんが、必ず変更して使用してください。

補足

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