You&遊

 ブログで副業・副収入! アフィリエイトの初心者マニュアルをお楽しみ下さい (。^з^)~♪

PREV | PAGE-SELECT | NEXT

≫ EDIT

スポンサーサイト

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

| スポンサー広告 | --:-- | コメント(-) | トラックバック(-) | ページトップへ

≫ EDIT

サイドバーのバナーを見映え良く揃えるHTML*1

ブログサイトの設定によってはフリースペースの設定時に挿入バナーやテキストの内容を右・中・左に揃える設定が可能であったり、記事欄に挿入する画像の貼り付け場所や記事の回りこみ状態を設定出来る場合がありますが、今回はあくまで例としての手法ですのでご了承の上でご利用下さい。

おっと、その前に【 注意事項 】
今回の手法はサイドバーと記事入力欄で基本的に共通です。
ブログの設定(記事の入力欄で使用する場合)は[HTMLで記事を書く]と[改行を有効にする]にチェックを入れた状態にしておいて下さいね。
このチェックが外れていると記事欄でHTMLを含んだ記事の入力は変になります。

今回は「揃えよう*1」という事で、通常(一般的に多用する)のバナーやテキストリンクについての説明になります。
ですから皆さんがお好みの「 Ads 」「ウィジェット」「ガジェット」「リスティング」等々のバナーの中味が変動(リンク先からの情報や商材が変わる)されて表示するバナーには対応していません。
変動バナーに関しては後日でも記事にしますので右サイドバーの「見映え良く揃えよう*3」でご確認下さい。

サイドバーにフリースペースを設定して、そのままバナーのHTMLを挿入すると左に寄ってしまうのでサイズ(幅)の違うバナーを並べるとガタガタに表示されてしまいますよね。



例えばECからの提供素材をそのままコピー&ペーストすると・・・




・・・となります。

そんな場合にはHTMLの
・文頭に <p align="center">
・文末に </p>
を追加入力してください。




・・・となります。

そして <p align="center"> を <p align="right"> にすると・・・




・・・となります。
変更部分をご理解いただけましたでしょうか?

つまりバナーを指定する場所・・・ ↓↓↓

予定位置:左( align属性を『 lef t』にする)

予定位置:中央( align属性を『 center 』にする)

予定位置:右( align属性を『 right 』にする)

です。(英語の左・中・右なんですよっ)


見やすいレイアウトをするとクリック率が上がるそうですよ!
位置を変えて、クリック率アップだぁ~

えっ、バナーがたくさんあるから全部に必要かって!?

いえいえ、前記したHTMLの応用でセンター(中心)に寄せる場合だと、指定する最初のバナーの文頭に <p align="center"> を挿入して、最後のバナーの文末に </p> を挿入してやれば全てが一度に中寄せになります。

んっ・・・
バナーの上下間隔に隙間が無い? もしくは間隔がありすぎる!?
右サイドバーに関連記事をリンクしてありますのでご利用くださいねっ

ではでは、( ^^) _旦~~


以上、この記事は 葦京の館(髭のマスター) さんからの抜粋でした。
掲載内容の詳細は コチラ からご覧いただけます (。^з^)~♪
又、アフィリエイトに関する初歩の情報は右のサイドバーに項目別でリンクを挿入していますのでご利用ください。

関連記事

タグ : バナー サイドバー 揃える HTML センター 真ん中 align属性 フリースペース ブログ 画像

| 簡単で便利なHTML | 21:34 | コメント:0 | トラックバック:0 | ページトップへ

※ この記事が参考になりましたら ⇒ blogram投票ボタン をポチッとお願いします。


コメント














TRACKBACK URI

http://youandyhu.blog92.fc2.com/tb.php/961-e0a4a290

トラックバック

PREV | PAGE-SELECT | NEXT

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