サイドバーのバナーを見映え良く揃えよう
おっと、その前に【 注意事項 】
今回の手法はサイドバーと記事入力欄で基本的に共通ですので、ファンブログでは記事の記入時に左のサイドバーに表示されている[オプション]内の[HTMLで記事を書く]と[改行を有効にする]にチェックを入れた状態にしておいて下さいね。このチェックが外れているとHTMLを含んだ記事の入力は変になります。
今回は「揃えよう*1」という事で、通常(一般的に多用する)のバナーやテキストリンクについての説明になります。
ですから皆さんがお好みの「 Ads 」「ウィジェット」「ガジェット」「リスティング」等々のバナーの中味が変動(リンク先からの情報や商材が変わる)されて表示するバナーには対応していません。
動くバナーに関しては後日でも記事にしますので右サイドバーの「見映え良く揃えよう*2」でご確認下さい。
サイドバーにフリースペースを設定して、そのままバナーのHTMLを挿入すると左に寄ってしまうのでサイズ(幅)の違うバナーを並べるとガタガタに表示されてしまいますね。
・・・となります。
そんな場合にはHTMLの
・文頭に <p align="center">
・文末に </p>
を追加入力してください。
・・・となります。
そして <p align="center"> を <p align="right"> にすると・・・
・・・となります。
変更部分をご理解いただけましたでしょうか?
つまりバナーを指定する場所・・・ ↓↓↓
予定位置:左( align属性を『 left 』にする)
予定位置:中央( align属性を『 center 』にする)
予定位置:右(align属性を『 right 』にする)
です。(英語の左・中・右なんですよっ)
見やすいレイアウトをするとクリック率が上がるそうですよ!
位置を変えて、クリック率アップだぁ〜
えっ、バナーがたくさんあるから全部に必要かって!?
いえいえ、前記したHTMLの応用でセンター(中心)に寄せる場合だと、指定する最初のバナーの文頭に <p align="center"> を挿入して、最後のバナーの文末に </p> を挿入してやれば全てが一度に中寄せになります。
んっ・・・
バナーの上下間隔に隙間が無い? もしくは間隔がありすぎる!?
右サイドバーに関連記事をリンクしてありますのでご利用くださいねっ
ではでは、( ^^) _旦~~
この記事へのコメント