Minimal Green

はてなブログカスタマイズや、HTML、CSS、サイト制作などについて書いています。

ズレた広告は中央寄せに配置しましょう

ブログのヘッダー下やフッターにレスポンシブ広告のGoogle Adsenseを貼っていらっしゃる方は多いと思います。ファーストビューで目に留まりやすく広告を置きたい場所ですよね。
はてなブログでは「タイトル下」や「フッタ」に広告のコードを置くのですが、コンテンツ幅からズレて配置されていることをよく見かけます。
揃えるところは揃えた方が見映えよくすっきりすると思いませんか?

広告のズレ
↑のようにコンテンツ幅(記事幅+サイドバー)のラインからはみ出てているのより
広告センタリング
このように中央寄せで揃っている方がすっきりします。

はてなブログでのセンタリング

カスタマイズという程ではないです。

<div class="center">
ここに広告のコードを入れる
</div>

広告を貼るときは上記のようなdivでくくってから貼り付けて下さい。以上です。(.centerははてなブログの共通CSSでセンタリング用にスタイル指定済みです。)

はてなブログ以外では

<div style="text-align:center">
ここに広告のコードを入れる
</div>

として下さい。

デザインが崩れているよりは整っている方が安心して広告もクリックしやすいのではないでしょうか。是非揃えるところは揃えてみてください。
センタリングについては以前も書いているのでご興味のある方はそちらもご参照下さい。
design.syofuso.com

 カスタマイズ目次

  • グローバルメニュー
  • シェアボタン
  • 囲み枠
  • ガーリーデザイン
  • ヘッダー周り
  • フッター周り

 はてなブログテーマ制作

 有料カスタマイズサービス

有料にてはてなブログ・アメブロ・WordPressカスタマイズ・制作承っております。

 最新記事