はてなダイアリーガイド「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個まで掲載できます。

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

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（外部個人サイト）などをご覧ください。他にも「色コード」や「カラーコード」で検索してみれば、いろいろなお役立ちサイトがあります。