FC2ブログ

ヘッダー広告の設定方法 Templ8@FC2blog

FC2ブログテンプレートの無料配布とカスタマイズでSEO対策(検索エンジン最適化)

ホーム > templ8カスタマイズ >ヘッダー広告の設定方法

ヘッダー広告の設定方法

ブログをやっている方の中には、Google AdSense(グーグルアドセンス)やその他アフィリエイトを行っている方も多いと思います。そんな方のために僕のカスタマイズしたFC2ブログテンプレートにはヘッダーの下に広告を置くスペースがあります。

HTMLを見てみると以下のような部分があります。

<!--▼▼ ヘッダー広告[不要な場合削除] ▼▼-->
<div class="banner">
ここに広告を掲載できます。広告によってCSSのwidth、heightを変えてください。(初期値728*15)
</div>
<!--▲▲ ヘッダー広告[不要な場合削除] ▲▲-->

「ブログに広告なんて載せていない」、「こんなところに広告を載せたくない」と言う方は上記の部分ごと削除してしまいましょう。広告スペースがなくなりすっきりします。

広告を載せたい場合はこの部分に広告のリンク(コード)を貼り、広告の大きさによってスタイルシート(CSS)の変更をしましょう。初期状態では728×15の大きさの広告が入るように設定してあります。

まず広告のリンク(コード)をHTMLに貼りましょう。

<!--▼▼ ヘッダー広告[不要な場合削除] ▼▼-->
<div class="banner">
広告のリンクをここに貼る
</div>
<!--▲▲ ヘッダー広告[不要な場合削除] ▲▲-->

それから広告の大きさに合わせてスタイルシートを変更しましょう。

/************************************************* ▼ ヘッダー広告 ▼ */
.banner{
clear:both;
font-size:10pt;
color:#000000;
margin:0px 0px 10px 0px;
width:728px; /* ★広告サイズに合わせて数値を変えてください★ */
height:15px; /* ★広告サイズに合わせて数値を変えてください★ */
text-align:center;
background:#FFFFFF;
}
/********************************************* ▲ ヘッダー広告 ▲ */

初期状態では728px、15pxになっています。468×60のバナーサイズの広告を貼りたい場合は、468px、60pxに変更しましょう。

これでテンプレートを更新すれば広告がちゃんと表示されるはずです。もしうまくできない人はご連絡くださいね。一緒に解決しましょう。

2008/11/03 18:53 templ8カスタマイズ
メールフォーム
僕のカスタマイズしたテンプレート、その他テンプレートについて、何か解からないことがあれば何でも聞いてください。具体的に書いて頂けるとありがたいです。

名前:

メール:

件名:

本文: