(MT4)広告との調和
無料版XEAにWeblogを設置すると、広告と調和してくれません。
設置サンプル(デフォルト)のように、広告+Weblogとなってしまいます。
そこで、設置サンプル(カスタマイズ済)のようにタイトルの右に広告を設置してみようと思います。
☆小粋空間様のテンプレートの場合
1.デフォルトで表示されている広告表示を外す
MT4管理画面の「デザイン」 -> 「テンプレート」 -> 「テンプレートモジュール」 -> 「ヘッダー」を開きます。
好きな位置に次のタグを挿入します
<!--nobanner-->
2.広告の位置をブログのタイトルに右側にする
広告と調和させるために、今回は広告をブログタイトルの右側に表示するようにします。
先ほど開いた「ヘッダー」テンプレート内に以下のような記述があります。
<div id="header">
<h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
<MTIfNonEmpty tag="BlogDescription"><p class="blog-description"><$MTBlogDescription encode_html="1"$></p></MTIfNonEmpty>
</div>
これを以下のように変更します。
<div id="header-block">
<h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1>
</div>
<div id="header-ad">
広告タグをここに挿入
</div>
<br clear="all" />
<MTIfNonEmpty tag="BlogDescription"><p class="blog-description"><$MTBlogDescription encode_html="1"$></p></MTIfNonEmpty>
</div>
次に、「デザイン」「テンプレート」「スタイルシート」を開きます。
自分のわかりやすい部分に以下の2行を書きくわえます。
#header-block { float:left; width:345px; padding:10px 0px 10px 0px; margin:0px 0px 10px 0px;}
#header-ad { float:left; width:468px; padding:0px; margin:0px 0px 10px 0px; }
#header-adの468px以外は環境やお好みに合わせて変更してください。
468pxは広告の横幅となっていますので変更しないようにしてください。
以上で広告との調和を行うことができます。
オリジナルのテンプレート等を使用されている場合はこの記事をヒントに改造してみてください。
無料版XEAにWeblogを設置すると、広告と調和してくれません。
設置サンプル(デフォルト)のように、広告+Weblogとなってしまいます。
そこで、設置サンプル(カスタマイズ済)のようにタイトルの右に広告を設置してみようと思います。
☆小粋空間様のテンプレートの場合
1.デフォルトで表示されている広告表示を外す
MT4管理画面の「デザイン」 -> 「テンプレート」 -> 「テンプレートモジュール」 -> 「ヘッダー」を開きます。
好きな位置に次のタグを挿入します
<!--nobanner-->
2.広告の位置をブログのタイトルに右側にする
広告と調和させるために、今回は広告をブログタイトルの右側に表示するようにします。
先ほど開いた「ヘッダー」テンプレート内に以下のような記述があります。
<div id="header"> <h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> <MTIfNonEmpty tag="BlogDescription"><p class="blog-description"><$MTBlogDescription encode_html="1"$></p></MTIfNonEmpty> </div>
これを以下のように変更します。
<div id="header-block"> <h1 id="blog-name"><a href="<$MTBlogURL$>" accesskey="1"><$MTBlogName encode_html="1"$></a></h1> </div> <div id="header-ad"> 広告タグをここに挿入 </div> <br clear="all" /> <MTIfNonEmpty tag="BlogDescription"><p class="blog-description"><$MTBlogDescription encode_html="1"$></p></MTIfNonEmpty> </div>
次に、「デザイン」「テンプレート」「スタイルシート」を開きます。
自分のわかりやすい部分に以下の2行を書きくわえます。
#header-block { float:left; width:345px; padding:10px 0px 10px 0px; margin:0px 0px 10px 0px;}
#header-ad { float:left; width:468px; padding:0px; margin:0px 0px 10px 0px; }
#header-adの468px以外は環境やお好みに合わせて変更してください。
468pxは広告の横幅となっていますので変更しないようにしてください。
以上で広告との調和を行うことができます。
オリジナルのテンプレート等を使用されている場合はこの記事をヒントに改造してみてください。

コメントする