スマートフォン用の表示で見る

はてなダイアリーガイド「CSSセレクタ - adsenseモジュール」

adsenseモジュール

adsenseモジュール。全体にはdiv.adで指定できるけれど、表示にscriptが使用されているので中の要素を個別にはスタイル指定できない。

でもadsenseモジュールを表示するタグのほうで見栄えを変えられるのでした。

<hatena name="adsense" format="180x150" color_link="#0000ff" color_url="#0000ff" color_border="#0000ff" color_bg="#ffffff" color_text="#000000">

と指定することで、広告のフォーマットや、文字などの色を指定することができます。


formatで指定できるのは以下の種類です。

  • 728x90
  • 468x60 (初期値)
  • 234x60
  • 125x125
  • 120x600
  • 160x600
  • 120x240
  • 300x250
  • 250x250
  • 336x280
  • 180x150

実際の表示イメージはGoogle Adsense広告のフォーマットをご覧ください。なお、adsenseモジュールは1ページに3個まで掲載できます。

はてなダイアリーのヘルプ - GoogleAdsense広告を設置してお小遣いを稼ぐ(adsenseモジュール)

タグの中に書くものを整理すると、上の画像例で

format="〜x〜"
全体の大きさ
color_link="#色コード"
ブラウザ印刷なら、の部分
color_url="#色コード"
- www.axissoft.co.jp/biz/、の部分
color_border="#色コード"
枠の色
color_bg="#色コード"
Ads by Google、の部分の背景色
color_text="#色コード"
高速レスポンスを可能にした〜、の文字色

色コードについてはDakiny's Room - About HTML Color(外部個人サイト)などをご覧ください。他にも「色コード」や「カラーコード」で検索してみれば、いろいろなお役立ちサイトがあります。