オリジナルバナー設置方法

何人かの方からのご質問により、コハナ先生がお答えする「バナー設置講座」の始まりです～。
題して、「オリジナルバナーってどうやってつけるの？」です。

＊エキサイトブログの方は下記の方法では出来ない様です＊







にほんブログ村 　　 ←このバナーを編集画面で見ると、下記のようにHTMLソースで表示されます。







上記のピンク字部分を、貼付けたい画像のURLに書き換えます。ここでは、コハナのイラストにしてみます。

緑字のborder="0"というのは、画像の回りに直線を表示させないために必要です。
これはご使用のテンプレートやブラウザによって表示されたりされなかったりします。
主にinternet explorerやFirefoxをご使用の方はこの直線が表示されます。


にほんブログ村


にほんブログ村


internet explorerやFirefoxでご覧の方、上の画像の周りにある線の違い、わかりますか？


ちなみに青文字部分の「にほんブログ村」という文字を消すと、下記のように画像のみブログ村へリンクされます。



文字はいらないな、という方は青文字部分を削除しておきましょう。

ただし、オリジナルバナー設置の場合、この画像が「ブログ村へリンクしますよ」という案内表記が必要になります。
下記のように文字を普通に入力しておいてもいいと思います。


ブログ村のランキングに参加しています。
コハナの顔をクリックしてください♪
　↓↓↓


もしくはにほんブログ村という文字のみのリンクを添えておいてもいいかもしれません。




１番簡単なソースは、上記の？？？？部分を画像URLに置き換える、という事です。
ただし、これは「にほんブログ村ヨークシャーテリア」へのリンクとなります。

ちなみに「人気ブログランキング」の場合、オリジナルバナーの大きさが決まっています。
今回お配りしているイラストは規定を超えていますので、そのままのご使用はできませんのでご注意ください。


すごく長くなってしまいましたが、お分かりになりましたでしょうか？
画像URLを書き換える時に、１文字でも足りないとうまく反映されませんので注意してくださいね。
そして、「いくらやってもわかんないよー」という方、個人的にメールをくださ～い。


以上、コハナ先生の「オリジナルバナーってどうやってつけるの？」でしたー。





＊あくまで私の見解、方法でございます。他にもっと簡単な方法あるよ～、という方、教えてください。
　私も勉強中です、はい。


１日１回応援クリックして頂けると大変嬉しいです。
昨夜は１時間ベランダで夜空を眺めましたが、流星は見えず。
今夜も挑戦しよーっと。見れた方いますか？？？

☆≡≡≡　☆≡　☆≡≡≡　☆≡☆≡≡≡　☆　☆≡≡　☆≡☆≡≡≡


≡≡≡☆　≡☆　≡≡≡☆　≡☆≡≡≡☆　☆　≡≡☆　≡☆≡≡≡☆


携帯の方はこちら
　　↓　↓　↓
人気ブログランキングへ


いつもありがとうございます。


コハナのホームページはこちら
　　　　↓　↓　↓