2017 09123456789101112131415161718192021222324252627282930312017 11

















スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

○●バナーの貼りかた●○

●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●
○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○




私のブログのリンクはみなさんの写真をお借りしてバナーを作り、
バナー付リンクでみなさんのブログを紹介してます。


そこで、みなさんから載せ方の質問をいただいていたので
バナーの載せ方を書きたいと思います。


この場を使って載せる理由は、
記事だと、色や大きさで分かりやすくかけるかな?と思ったからです。


ここで紹介するのは、
バナーをブログTOPや記事に貼り、そのバナーをクリックすると、
指定した先(URL)へリンクするというものです。


●まず、使いたいバナー(画像)をPC上に保存します
 (バナー付で載せさせていただいたみなさまの場合は、
  以前載せたURLにリンクするとバナーが見られます)


●管理画面でこのバナー画像のファイルアップロードをし、記事に貼り付けます。


●そうすると・・・
このようにバナーが出てきます
RinJuRiバナー
ここではまだバナーをクリックしてもバナーが表示されるだけで、
どこにもリンクできません。

これの文章は・・・
<a href="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" target="_blank"><img src="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" alt="RinJuRiバナー" border="0" width="367" height="161" /></a>

上記のようになるはずです。
※ここでは<>(半角)を<>(全角)で表示しています※


●この上記の赤い部分がリンク先です。
 たとえば、バナーをクリックすると自分やお友達のブログにいくようにしたければ、
 この赤い部分をそのブログURLに書き換えます。
 
↓こんなかんじです↓
<a href="http://tsunamoca.blog66.fc2.com/" target="_blank"><img src="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" alt="RinJuRiバナー" border="0" width="367" height="161" /></a>
※ここでは、私のブログへリンクするようになっています※

実際はこうなります
このバナーをクリックしてみると、私のブログにリンクするはずです。
RinJuRiバナー

●このままの大きさだとバナーにするには大きいですよね。
 大きさを変える場合は・・・

<a href="http://tsunamoca.blog66.fc2.com/" target="_blank"><img src="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" alt="RinJuRiバナー" border="0" width="367" height="161" /></a>

このピンク文字の数字を変えます
widthは横、heightは縦のサイズです。
これには計算が必要になります。

元のサイズが367×161で、横を200にする場合は
200÷367×161=87 なので
サイズは200×87に変更します。

こうなります
RinJuRiバナー

文章はこうなります
<a href="http://tsunamoca.blog66.fc2.com/" target="_blank"><img src="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" alt="RinJuRiバナー" border="0" width="200" height="87" /></a>



●また、ブログTOPを私のように
 「バナーでリンクしてくださる場合にはこのバナーを使ってください」
 とバナーを貼っておく場合は、
 バナーを貼っておくだけでリンクする必要がないので
 その場合は・・・

<a href="http://tsunamoca.blog66.fc2.com/" target="_blank"><img src="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" alt="RinJuRiバナー" border="0" width="200" height="87" /></a>

上記の青い部分を消します。

そうすると下記のバナーのようにクリックできなくなります
RinJuRiバナー

文章はこうです
<img src="http://blog-imgs-38.fc2.com/t/s/u/tsunamoca/200912151621310b7.jpg" alt="RinJuRiバナー" border="0" width="200" height="87" /></a>










以上、初めての説明記事だったんですが・・・
うまく説明できてたのかな?
少し不安ですが・・・・

もし、わからなればコメント残していただけると嬉しいです。
また、編集します!





○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○


ブログで知り合ったは-とおともだちは-とのバナーです♪♪

※バナーをクリックすると、ブログへリンクします※




ハートティクレアさんのブログハート
シルバートイプーのティアラちゃんとクレアちゃん



ハートももままさんのブログハート
ティーカップサイズのももちゃん
ももちゃんバナー


ハートrs0823さんのブログハート
アプリトイプーのrukaくん
rukaくんバナー


ハートあぷりっちゅさんのブログハート
アプリトイプーのピースくん
ピースくんバナー

ハートあささんのブログハート
トイプーのもんちゃん
もんちゃんバナーー

ハート苺大福さんのブログハート
くっきー&たると&おはぎ&もなか&あずきちゃん
CIMG7913.gif

ハートゆきんこさんのブログハート
シルバートイプーのダイヤくん
ダイヤくんバナー

ハートmiraパパ&ママさんのブログハート
びあん&るる&くう&あんず&ちょこちゃん


ハートimoさんのブログハート
トイプーのcotaくん
cotaくんバナー

ハートYOUさんのブログハート
レッドトイプーのりんちゃん
1217y-2.jpg

ハートミルキーのおかーちゃん♪さんのブログハート
ホワイトトイプーのミルキー&クッキーちゃん
ミルキー&クッキーちゃんバナー

ハートちたえさんのブログハート
レッドトイプーの小梅ちゃん
小梅ちゃんバナー

ハートはあぶさんのブログハート
トイプーのミントくん
ミントくんバナー_p

ハートryo.さんのブログハート
アプリのココナちゃんとクリームのメルちゃん
ココメルちゃんバナー

ハートMOMOママさんのブログハート
レッドトイプーのMOMOちゃん
MOMOちゃんバナー

ハートはじにこママ★さんのブログハート
トイプーのはじめくん&にこちゃん
はじめくん&にこちゃんバナー





○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○


?リンクについて?

リンク歓迎です♪
リンクしていただける方は
私もリンクしたいので是非お知らせください♪



○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○



?凜&珠里のバナーです?

RinJuRiバナー

載せていただける方はこちらを使ってください♪



○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○


?ランキング?

ランキングに参加しています
下のバナーを1日1クリック応援お願いします♪♪

2009kkvnn_1124ff_143742.jpg

人気ブログも見られますよ?♪



○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○

●○●○●○●○●○●○●○●○●○●○●○●○●○●○●○●










関連記事
[ 2009/12/20 12:00 ] Arisaのこと | TB(0) | CM(9)

ァリサさんっ
スゴ━━━(*゚∀゚*)━━━イ!!
尊敬しちゃうっ
(*゚∀゚)*。_。)*゚∀゚)*。_。)ウンウン
アナログな私は1回読んだだけでは
把握できません。。(´-∀-`;)
お正月休みにじーっくりと再読して
チャレンジしま~す((´∀`))v

ァリサさん
愛玩動物使用管理士の勉強もされてたんですかぁ!!
これも夢への第一歩ですね(^_-)-☆
きっと努力は実るはず!
頑張ってくださいね(●'д')bファイト

四つ編み珠里ちゃん♪
楽しみにしてますよ~ん(´▽`*)
ぽちぃ~☆
[ 2009/12/20 21:11 ] [ 編集 ]

バナー


なか②よい写真がなくて。。。

これからも、たくさんUPしていくので、もしよいのがあればよろしくデス☆

[ 2009/12/20 21:18 ] [ 編集 ]

うんうん、最近 ァリサさんのブログがどんどん
良くなって行くのを見ていましたが、こんなに
専門的な事が解っていての技だったんですねぇ~
流石です。

ァリサさんに1日遅れましたが今日PET博行って来ました。
昨日だったら会えたかもね~。残念 !!


[ 2009/12/20 22:15 ] [ 編集 ]

ティクレアさんへ

> ァリサさんっ
> スゴ━━━(*゚∀゚*)━━━イ!!
> 尊敬しちゃうっ
> (*゚∀゚)*。_。)*゚∀゚)*。_。)ウンウン
> アナログな私は1回読んだだけでは
> 把握できません。。(´-∀-`;)
> お正月休みにじーっくりと再読して
> チャレンジしま~す((´∀`))v

私も半年前にブログ始めたばかりで全くわからなかったんですよ~
でも少しずついろいろなサイト見て習得しました!!
時間のあるときにゆっくり試してみてください♪

> ァリサさん
> 愛玩動物使用管理士の勉強もされてたんですかぁ!!
> これも夢への第一歩ですね(^_-)-☆
> きっと努力は実るはず!
> 頑張ってくださいね(●'д')bファイト

難しくて1回で受かるかわかりませが。。
がんばります♪
ありがとうございますっ♪

> 四つ編み珠里ちゃん♪
> 楽しみにしてますよ~ん(´▽`*)
> ぽちぃ~☆

近々アップしますね~!!
いつもありがとうございます☆
[ 2009/12/20 22:53 ] [ 編集 ]

はじにこママさんへ

> なか②よい写真がなくて。。。
> これからも、たくさんUPしていくので、もしよいのがあればよろしくデス☆


早速作りましたよ~!
また遊びに行きますね☆
[ 2009/12/20 22:54 ] [ 編集 ]

miraパパさんへ

> うんうん、最近 ァリサさんのブログがどんどん
> 良くなって行くのを見ていましたが、こんなに
> 専門的な事が解っていての技だったんですねぇ~
> 流石です。

もともとパソコンは苦手で・・・
ブログ始めた半年前は全くわからなくて・・・
ちょっとずつサイトを見たりして習得出来ました!!

> ァリサさんに1日遅れましたが今日PET博行って来ました。
> 昨日だったら会えたかもね~。残念 !!

今日行かれたんですね~
残念です。。。
5匹も一緒に連れて行くのは大変じゃないですか??
ちっちゃいプードルで、色違いで、あんなにかわいいから、
きっとすごく目立ちますね~!
また何かで会えるのを楽しみにしています♪
[ 2009/12/20 22:58 ] [ 編集 ]

cotaバナーありがとうございました!!!!
わー、かわいく作ってくれて嬉しいです。

ちょびっと余談ですが、画像のみを載せる際、
<a>から始まるタグを消去したので、最後の
</a>
も消さねばですよ~!

あとは
widthとheightですが、実はどちらか一方だけでOKです!
縦横比はそのままで、入力したサイズにあわせてくれます。
・・・が、画像加工をする際に表示させたいサイズに合わせたほうがキレイかも♪


そうそう、私も土曜日にペット博に行ったのです。
お会いできず残念!
[ 2009/12/21 00:18 ] [ 編集 ]

imoさんへ

> cotaバナーありがとうございました!!!!
> わー、かわいく作ってくれて嬉しいです。

かわいい写真がたくさんあって選ぶの迷っちゃいましたよ~

> ちょびっと余談ですが、画像のみを載せる際、
> <a>から始まるタグを消去したので、最後の
> </a>
> も消さねばですよ~!
> あとは
> widthとheightですが、実はどちらか一方だけでOKです!
> 縦横比はそのままで、入力したサイズにあわせてくれます。
> ・・・が、画像加工をする際に表示させたいサイズに合わせたほうがキレイかも♪

そうなんですか!!
教えてくれてありがとうございます!!
誰かに教わったわけではなく、いろいろ試してみて・・・って感じなので
間違っているところがわかってよかったです☆

> そうそう、私も土曜日にペット博に行ったのです。
> お会いできず残念!

同じ日だったんですねー!
わからなかったです・・・
また、何かの機会でお会いしたいですね~♪
[ 2009/12/22 00:22 ] [ 編集 ]

今週やっとブログを見れました。
詳しく書いてありますね。
参考にしてみますね!!
ァリサさんてすごいなぁv-354

rukaが洋服を着るのをすごく嫌がるようになりました。
噛み付くので着せられません。
ァリサさんはどうやって着せていますか?
今とっても悩んでいます。
[ 2009/12/24 16:14 ] [ 編集 ]

コメントの投稿













管理者にだけ表示を許可する

トラックバック

この記事のトラックバックURL
http://tsunamoca.blog66.fc2.com/tb.php/100-d70f34cc







上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。