Google AdSenseの色をスタイルシートで指定する

Hatena::Diary

はてなダイアリー ヘルプ

Google AdSenseの色をスタイルシートで指定する

Google AdSenseの色をスタイルシートで指定する

日記本文のすぐ下に表示されるGoogle AdSenseの背景色や文字色などを、詳細デザイン設定のスタイルシート欄で指定することができます。かんたんデザイン設定でテーマを選択している場合は、あらかじめデザインにあったスタイルシートの指定がされているため、追加で設定を行う必要はありません。また、adsenseモジュールで表示しているAdSenseの色は、モジュールで指定した色が適用されます。

スタイルシート欄での指定方法

管理画面の [デザイン] → [デザイン編集] の詳細タブで「スタイルシート」欄に、以下の各項目を好きな色の指定(16進数)に変更して追記してください。

/* テキストの色 */
.google_color_text { color: #000000; }

/* リンクの色 */
.google_color_link { color: #FF0000; }

/* ドメイン名部分のテキストの色 */
.google_color_url { color: #008000; }

/* 背景の色 */
.google_color_bg { color: #FFFFFF; }

/* 枠線の色 */
.google_color_border { color: #808080; }

日記本文のすぐ下にGoogle AdSenseを表示する

日記の下にAdsense広告を表示するには、管理画面の [設定] → [記事の設定] より「表示設定」の項目から「日記本文のすぐ下にAdSenseを表示する」にチェックを入れてください。

Google AdSenseのレイアウト用コードについて

はてなダイアリープラスをご利用いただいている方は「アフィリエイト設定」から、Google AdSenseのサイトで発行される広告のレイアウト用コードを設定することでも色や形の変更が可能で、ここでの設定がスタイルシート欄での指定より優先されます。

また、作成したデザインを公開デザインとして公開する場合はAdSenseのレイアウト用コードの指定はできませんが、スタイルシート欄で色の指定をしておくことで、他のユーザーがそのデザインを使う時にもデザインにあったAdSenseが表示されるようになります。

関連する情報