ブログ作り直します。
最近、アメブロでアクセスアップを色々試していたら
ランキング除外通告がきました。
なので、ブログを再構築します。
今まで沢山の方に見ていただけていましたが
コチラの記事は今後更新されません・・・。
また、ブログ構築した際には
みなさまと再会できること楽しみにしています。
簡単バナーの位置合わせ
前回はバナーの貼り付け方をお伝えしましたがいかがでしょうか？
なかなか難しいですよね。
初めてやることばかりなのでどうしても手が止まってしまうでしょう。
それでもいいです。
ゆっくりでもいいのでバナーの貼り方を実践することが一番大切です。
では、早速バナーの位置合わせについてお伝えします。
簡単バナーの位置合わせ
今回バナーの位置合わせで使うタグはたった１つだけです。
<center>
※上記のタグをコピーする場合は<>を半角で使用してください。
このタグは読んだままで、画像を真ん中に持っていきますという意味です。
通常なにも考えずにただ画像を貼る場合は
前回の記事と同じ様に
<img src="貼りたい画像のURL">
と記述すると、次のようになりましたね。
上記のようにバナーをそのまま貼り付けた場合は
必ずバナーの画像はピッタリ左側に張り付きます。
しかし、携帯アフィリエイトの広告を貼り付ける場合は大体
バナー広告は開いたサイトのページの上部に
ドーンと真ん中に貼り付けられていますね。
なので、この画像を真ん中に持っていくには・・・
<center><img src="貼りたい画像のURL"><center>
とタグを囲んでやると。
いかがでしょうか？
画像が真ん中に移動していますね。
これは携帯だけでなく、あなたがブログでバナー広告を貼り付ける場合も
同じ要領でできます。
これであなたも簡単バナーにバナーの位置合わせができますね。
まとめ
あなたが用意したバナー広告は貼り付けたい画像のタグを
<center>と</center>の間に
はめ込むだけでいいのです。
それだけで簡単にバナーの位置合わせをできます。
是非、挑戦してください。
今まで何回も言ってきましたが、
「考え込む前に、触って慣れる＝実践して身に付ける」
これが携帯アフィリエイトで成功していくには一番大切な考え方です。
見ているだけー。ってのはもう辞めましょう。
あなたが色々と挑戦して初めて身につきますから
諦めないで一緒に頑張りましょう。
バナーの貼り方
バナーの貼り方
前回はバナーとはそもそも何？って記事をお伝えしました。
ご理解いただけたでしょうか。
初心者の方にはバナーの意味は少し難しく感じたかもしれませんね。
でも、肝心なのは考えるより慣れることですから
触っているうちに理解できるとおもいます。
今回は予告通りバナーの貼り方を説明していきますね。
■バナーリンクの構成
＜a href="ｈｔｔｐ：//○○○○＞＜img src="" border="0"＞＜/a＞
こうやって英数字ばかり並んでるとイヤになりますよね・・・。
でもですね。バナーリンクってのは実は・・・
たった３つの構成で成り立っているんです。
バナーの構成は
１．リンクタグ <a href=""></a>
２．画像タグ <img src="">
３．ボーダーゼロタグ border="0"
なので上の英数字を色分けすると
＜a href="ｈｔｔｐ：//○○○○"＞＜img src="" border="0"＞＜/a＞
になります。
では、この３つを１つ１つ説明していきます。
１．a hrefの説明
＜a href=http://group.ameba.jp/group/mCs6WYBad307/＞＜/a＞
これはリンクタグと言います。
このタグの""の間にリンク先のＵＲＬを入れることで紹介したい
サイトへリンクすることができます。
＜/a＞の前にリンク先の名前を入れて＜a href＞で挟むとリンク先の
名前でリンクが表示されます。
このように挟みます。
※＜＞の部分は半角の<>に変えて試して下さいね。
こうしてHTMLタグを書き込むところに貼り付けると・・・
と表示されます。
これは先日も記事でお伝えしたようにテキスト(文字)リンクと言われてます。
このテキスト(文字)の部分が画像で表示されてるのがバナーリンクです。
２．img srcの説明
<imgsrc="http//○○○.jpg">
これは画像タグと言います。
""の間に画像のＵＲＬを入れることでその画像を表示することができます。
このように""の間に画像のURLを入れると。
こうなります。(やや大きいですが。苦)
要するに
この画像にテキストリンクを組み合わせると、バナーリンクになると
いうことです。
３．リンクと画像タグを組み合わせてバナーリンクを完成
前項で紹介したテキストリンクと画像タグを組み合わせてバナーリンクを
完成さていきます。
組み合わせるとこんなタグになります。
＜a href=http://group.ameba.jp/group/mCs6WYBad307/＞<imgsrc="http//○○○.jpg">＜/a＞
このようにHTMLを書き込むスペースに書き込むと・・・
こんな風にムラサキのワクが付いてしまいます。
画像のときだけならワクは付かないのですが、リンクを貼ると
付いてくるんです。
これを消すために使うのが・・・
３．border="0"の説明
border="0"
これはリンクを示す青や紫色の線を消すためのタグです。
「ボーダーはゼロですよー。」
「ボーダーがないですよー。」
「線がないですよー。」
つまりリンクの枠線を消してくださいと命令するのです。
border="0"タグはこのように入れます。
＜a href=http://group.ameba.jp/group/mCs6WYBad307/＞<imgsrc="http//○○○.jpg" border="0">＜/a＞
border="0"とその手前にある " の間には半角のスペースを空けてください。
半角スペースが正しく空いていないと画像が表示されない場合がありますよ。
そうして表示されたのがこちらです。
これでスッキリとスマートにバナーを貼ることが出来ました。
バナーの貼り方のまとめ
テキストリンクタグで画像タグを挟んでいるだけなのがわかります。
どうでしょうか、少しは意味が理解できたと思います。
ここまで来るとタグも意外と簡単に思えますよね。
ASPのアフィリエイトバナーは元々バナーリンクをあらかじめ用意
してくれてます。
全部コピーして張り付けるだけです。
失敗しても良いですから、ドンドン触って下さいね。
もし、何かわからないことがありましたらコメントやメッセージ下さい。
対応できる限りお答えします。
＞次回はバナーの貼り付け位置の調整を記事でお伝えします。